StepView
自定义流程指示器控件,流程节点数可控,支持横向与纵向显示,线条与节点图可自定义
Install / Use
/learn @chencanlin/StepViewREADME
StepView
STEP1 Add it in your root build.gradle at the end of repositories:
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
STEP2 Add the dependency
dependencies {
compile 'com.github.chencanlin:StepView:1.1.0'
}
效果预览

使用
<com.org.ccl.stepview.view.StepView
android:id="@+id/sv_four"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#66C9F7"
app:orientation="horizontal"
app:icon_completed="@drawable/icon_check"
app:icon_uncompleted="@drawable/icon_circle"
app:icon_completing="@drawable/icon_exclamation_mark"
/>
fourData.add(new MyStepInfoBean("接单",MyStepInfoBean.StepStatus.COMPLETED));
fourData.add(new MyStepInfoBean("打包",MyStepInfoBean.StepStatus.COMPLETED));
fourData.add(new MyStepInfoBean("出发",MyStepInfoBean.StepStatus.COMPLETED));
fourData.add(new MyStepInfoBean("送单",MyStepInfoBean.StepStatus.COMPLETED));
fourData.add(new MyStepInfoBean("完成",MyStepInfoBean.StepStatus.COMPLETING));
fourData.add(new MyStepInfoBean("支付",MyStepInfoBean.StepStatus.UNCOMPLETED));
mOne.setData(oneData);
mTwo.setData(twoData);
mThree.setData(threeData);
mFour.setData(fourData);
效果预览

使用
<com.org.ccl.stepview.view.StepView
android:id="@+id/sv_four"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#66C9F7"
app:orientation="vertical"
app:icon_completed="@drawable/icon_check"
app:icon_uncompleted="@drawable/icon_circle"
app:icon_completing="@drawable/icon_exclamation_mark"
/>
fourData.add(new MyStepInfoBean("接单",MyStepInfoBean.StepStatus.COMPLETED));
fourData.add(new MyStepInfoBean("打包",MyStepInfoBean.StepStatus.COMPLETED));
fourData.add(new MyStepInfoBean("出发",MyStepInfoBean.StepStatus.COMPLETED));
fourData.add(new MyStepInfoBean("送单",MyStepInfoBean.StepStatus.COMPLETED));
fourData.add(new MyStepInfoBean("完成",MyStepInfoBean.StepStatus.COMPLETING));
fourData.add(new MyStepInfoBean("支付",MyStepInfoBean.StepStatus.UNCOMPLETED));
mOne.setData(oneData);
mTwo.setData(twoData);
mThree.setData(threeData);
mFour.setData(fourData);
Related Skills
node-connect
344.4kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
99.2kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
344.4kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
344.4kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
