StepView is extracted from the software developed by my company and do the reinforcement, divided into horizontal and vertical version, color size freely adjustable, flexible to use!

中文版在这里

Download Demo

compile 'com.xyz.step:step:1.0.4'

<dependency>
  <groupId>com.xyz.step</groupId>
  <artifactId>step</artifactId>
  <version>1.0.4</version>
  <type>pom</type>
</dependency>

<com.xyz.step.FlowViewHorizontal
        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' />

    /**
     * Progress Settings
     * @param progress  Have completed a few steps
     * @param maxStep  Total steps
     * @param titles   	    Step name
     * @param times      Every step of the completion time
     */
    public void setProgress(int progress, int maxStep, String[] titles, String[] times);
    
    /**
     * Color Settings
     * @param map <text,color>
     */
    public void setKeyColor(Map<String, String> map);

<com.xyz.step.FlowViewVertical
        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" />

    /**
     * Progress Settings
     * @param progress Have completed a few steps
     * @param maxStep  Total steps
     * @param titles    Step description
     * @param times    Time description
     */
    public void setProgress(int progress, int maxStep, String[] titles, String[] times);
    
    
    /**
     *  Color Settings
     * @param map <text,color>
     */
    public void setKeyColor(Map<String, String> map);
    

###All directions

• When title[] and time[] uploading the null does not show the indicator、words and time.

• Min steps sum(max_step)>=2 and >= finished steps(pro_step)

• The unit of the font’s size is dp

• The color setting of the concrete steps is according to the key from the map whether title[] contain or not to make a decision whether change or not

• Only finished steps can set color individually, unfinished steps all use the color from bg_color

• Lateral indicator counts intervals between steps automatically
• Lateral indicator is placed in the middle automatically, when you set paddingLeft ,you do not need to set paddingRight
• Lateral indicator can not slide transversely

###Vertical

• Vertical indicator need to set the intervals between steps(v_interval)
• Vertical indicator can combine with ScrollView to get slide
• Vertical indicator doesn’t use item reusing, you’d better use listview if the date size is bigger
• Vertical indicator’s word drawing is different, which leads to words and *
• steps nodes(O) not in the same horizontal, you can adapt v_textMove Top with v_timeMove Top

Apache License Version 2.0