当前位置: 首页 > 工具软件 > StepView > 使用案例 >

android 横向stepview,StepView

贺桐
2023-12-01

Gradlecompile 'com.xyz.step:step:1.0.4'

Maven

com.xyz.step

step

1.0.4

pom

横向

属性介绍属性介绍类型默认是否必须h_bg_radius背景 ○ 的半径dimension5否

h_pro_radius已完成 ○ 的半径dimension2否

h_bg_width背景线的宽度dimension3否

h_bg_color背景的颜色color#cdcbcc否

h_pro_width已完成线的宽度dimension2否

h_pro_color已完成的颜色color#029dd5否

h_text_padding步骤描述文字(title)与○的距离dimension10否

h_time_padding时间与○的距离dimension15否

h_max_step总步骤(○)的个数int5否

h_pro_step已完成步骤int1否

h_textsize字体大小

layout

android:id="@+id/hflowview4"

android:layout_width="match_parent"

android:layout_height="80dp"

android:paddingLeft="30dp"

app:h_bg_radius="6dp"

app:h_bg_width='4dp'

app:h_pro_radius='4dp'

app:h_pro_width="2dp"

app:h_text_padding='10dp'

app:h_textsize='10dp'

app:h_time_padding='17dp' />

代码/**

* 进度设置

* @param progress 已完成到哪部

* @param maxStep  总步骤

* @param titles   步骤名称

* @param times    完成时间

*/

public void setProgress(int progress, int maxStep, String[] titles, String[] times);

/**

* 颜色设置 键值是步骤标题所包含的字符

* @param map 标题-颜色

*/

public void setKeyColor(Map map);

竖向

属性介绍属性介绍类型默认是否必须v_bg_radius背景 ○ 的半径dimension5否

v_pro_radius已完成 ○ 的半径dimension2否

v_bg_width背景线的宽度dimension3否

v_bg_color背景的颜色color#cdcbcc否

v_pro_width已完成线的宽度dimension2否

v_pro_color已完成的颜色color#029dd5否

v_interval○ 与 ○之间的间距dimension80否

v_bgPositionX指示线距view左边缘的距离dimension100否

v_textPaddingLeft步骤描述文字与指示线的距离dimension10否

v_timePaddingRight时间与指示线的距离dimension15否

v_max_step总步骤(○)的个数int5否

v_pro_step已完成步骤int1否

v_textsize字体大小dimension10否

v_textMoveTop指示器右侧文字位置上下移动的距离dimension5否

v_timeMoveTop指示器左侧文字位置上下移动的距离dimension4否

layout

android:id="@+id/vflow"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:paddingBottom="10dp"

android:paddingRight="10dp"

android:paddingTop="10dp"

app:v_bgPositionX="40dp"

app:v_bg_color="#029dd5"

app:v_bg_radius="8dp"

app:v_bg_width="4dp"

app:v_interval="80dp"

app:v_max_step="10"

app:v_pro_color="#cdcbcc"

app:v_pro_radius="8dp"

app:v_pro_step="9"

app:v_pro_width="4dp"

app:v_textMoveTop="7dp"

app:v_textsize="14dp" />

代码/**

* 进度设置

* @param progress 当前进行到哪一步

* @param maxStep  总的步骤

* @param titles   文字描述(指示线右侧)

* @param times    时间描述(指示线左侧)

*/

public void setProgress(int progress, int maxStep, String[] titles, String[] times);

/**

* 颜色设置 键值是步骤标题所包含的字符

* @param map 标题-颜色

*/

public void setKeyColor(Map map);

使用注意

全部title[] 和 time[] 传null 的时候则不显示指示器不显示文字与时间

最小步骤总和(max_step)>=2且>=已完成步骤(pro_step)

字体大小单位是dp

具体步骤颜色的设置是根据步骤描述(title[])中是否包含所传入map的key值来决定是否更改的,注意是"包含"

只有已完成步骤才可以单独设置颜色,未完成步骤统一使用的是bg_color所得到的颜色

横向横向指示器自动计算步骤之间的间隔

横向指示器自动居中显示,当设定paddingLeft后无需再设定paddingRight

横向指示器不可以横向滑动

竖向竖向指示器需单独设置步骤之间的间隔(v_interval)

竖向指示器可与ScrollView结合使用,从而达到滑动

竖向指示器并没有使用item复用,如果数据量较大建议使用listview

竖向指示器绘制文字有所不同,也因此导致文字与步骤节点(○)不在一个水平线上,可通过v_textMoveTop与v_timeMoveTop适配

 类似资料: