ExpandedCircleProgressView
this is a android-custom view to show progressing with an expanded circle.
Overview
ExpandedCircleProgressView, helps you to show progress with expading circle with smooth animation.
Usage
Add ExpandedCircleProgressView namespace on the top element :
xmlns:tigerlee="http://schemas.android.com/apk/res-auto"
Add namespace of ExpandedCircleProgressView :
<com.tigerlee.widget.ExpandedCircleProgressView android:id="@+id/expanded_circle_progress" android:layout_centerInParent="true" android:layout_height="match_parent"/>
Supported Attributs
declare-styleable :
<declare-styleable name="ExpandedCircleProgressView"> <attr name="innerCircleSize" format="dimension" /> <attr name="outerCircleSize" format="dimension" /> <attr name="innerCircleColor" format="color" /> <attr name="outerCircleColor" format="color" /> <attr name="textProgressColor" format="color" /> <attr name="progressCircleColor" format="color" /> <attr name="outerCircleLineWidth" format="dimension" /> <attr name="textProgressSize" format="dimension" /> </declare-styleable>
Detail role of attributes :
XML Attribute | Java Attribute | Description |
---|---|---|
tigerlee:innerCircleSize | setInnerCircleSize(int) | Set size of the inner circle |
tigerlee:outerCircleSize | setOuterCircleSize(int) | Set size of the inner circle |
tigerlee:innerCircleColor | setInnerCircleColor(int) | Set color of the inner circle |
tigerlee:outerCircleColor | setOuterCircleColor(int) | Set color of the outer circle |
tigerlee:textProgressColor | setProgressTextColor(int) | Set color of the progress text |
tigerlee:progressCircleColor | setProgresColor(int) | Set color of circle of expanding progress |
tigerlee:outerCircleLineWidth | setOuterCircleLineWidth(int) | Set width of the outer circle line |
tigerlee:textProgressSize | setTextProgressSize(int) | Set size of the progress text |
Sample
Please follow these steps
Add expandedeCircleProgress view on layout :
android:id="@+id/expanded_circle_progress" android:layout_centerInParent="true" android:layout_width="match_parent" android:layout_height="match_parent" tigerlee:innerCircleSize="40dp" tigerlee:outerCircleSize="100dp" tigerlee:innerCircleColor="@android:color/holo_orange_light" tigerlee:outerCircleColor="@android:color/black" tigerlee:outerCircleLineWidth="1dp" tigerlee:progressCircleColor="@android:color/holo_orange_light" tigerlee:textProgressColor="@android:color/white" tigerlee:textProgressSize="20sp"
Get view from findbprogress with int value :
mCircleProgressView = (ExpandedCircleProgressView) rootView.findViewById(R.id.expanded_circle_progress);
Set progress :
mCircleProgressView.setProgress(mProgress);
Qustion?
Horyun Lee
Feel free to email at [email protected]