HorizontalFlowChart

This is a view called HorizontalFlowChart for android application.You can use it easy to create a horizontal flow chart in you project.

USING

PREPARE

• If you want to use the HorizontalFlowChart in your android application , you must copy two files(HorizontalFlowChart.java,attrs.xml) to you project.
  
• Add the namespace in your layout file.
  

EXAMPLE

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:horizontalflowchart="http://schemas.android.com/apk/res/com.example.horizontalflowchart"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"
>
</LinearLayout>

XML

HorizontalFlowChart provide 15 user-defined attributes,including the loading rate,text color,text offset and etc.

All the attributes

• circle_sum: how many circles this HorizontalFlowChart has
• big_circle_radius: the radius of the big circle in this HorizontalFlowChart
• small_circle_radius: the radius of the small circle in this HorizontalFlowChart
• big_line_width: the length of each line between two circles
  • if you didn't set value for this attribute , HorizontalFlowChart will measure it automatic
• big_line_height: the height of each line between two circles
• small_line_height: the height of the line which has Loaded between two circles
• big_color: the color of the big circle and line
• small_color: the color of the small circle and line
• has_text: whether this HorizontalFlowChart has text
• text_color: the color of the text in HorizontalFlowChart
• text_size: the size of the text in HorizontalFlowChart
• text_gravity: the gravity of the text in HorizontalFlowChart
  • BOTTOM
  • CENTER
  • TOP
• text_offset: the offset of the text in HorizontalFlowChart
• touch_circle_color: the color of the circles when the user is touching
• loading_rate: the loading rate when this HorizontalFlowChart is loading,it must be an Integer
  

EXAMPLE

<com.example.horizontalflowchart.HorizontalFlowChartView
android:id="@+id/horizontalflowchart"android:layout_width="match_parent"android:layout_height="100dp"android:padding="15dp"horizontalflowchart:circle_sum="4"horizontalflowchart:big_circle_radius="30dp"horizontalflowchart:small_circle_radius="25dp"horizontalflowchart:big_line_width="33dp"horizontalflowchart:big_line_height="10dp"horizontalflowchart:big_color="#c0c0c0"horizontalflowchart:small_color="#789262"horizontalflowchart:small_line_height="5dp"horizontalflowchart:has_text="true"horizontalflowchart:text_size="12sp"horizontalflowchart:text_color="#424b50"horizontalflowchart:text_offset="15dp"horizontalflowchart:text_gravity="BOTTOM"horizontalflowchart:touch_circle_color="#424b50"horizontalflowchart:loading_rate="15"
/>

JAVA

In .JAVA file,you can:

• set the text of each circle by String[]
• set the num of the circle which has Loaded last
• set the rate of loading
• set OnTouchCircleListener for callback

EXAMPLE

HorizontalFlowChartViewhorizontalflowchart =(HorizontalFlowChartView) findViewById(R.id.horizontalflowchart);
horizontalflowchart.setText(newString[]{"初始","开工","收工","回到基地"});
horizontalflowchart.setNowCircle(2);
horizontalflowchart.setLoadingRate(15);
horizontalflowchart.setOnTouchCircleListener(newOnTouchCircleListener() {
@OverridepublicvoidonTouchCircle(intmCircleNum) {
}
});

INTERFACE

publicinterfaceOnTouchCircleListener {
publicvoidonTouchCircle(intmCircleNum);//mCircleNum is the num of the circle the user has touched,from 0
}

2015-9-13 COMMIT

Now you can set the HorizontalFlowChart touchable.

Use in xml:

horizontalflowchart:touchable="true|false"

Use in java:

horizontalFlowChart.setTouchable(true|false);

And also,i had fixed some bugs.

If you have any questions or suggestions,please email me

📧 wzm625278436@qq.com

😄😄😄Thanks for your reading!!!😄😄😄

😄😄😄Welcome to Star or Fork!!!😄😄😄

@author : wuzhiming(whichname)

@time : 2015/8/18