this is a android-custom view to show progressing with an expanded circle.
ExpandedCircleProgressView, helps you to show progress with expading circle with smooth animation.
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"/>
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 |
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);Horyun Lee
Feel free to email at [email protected]
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent