ExpandedCircleProgressView

Additional

Language
Java
Version
N/A
Created
Jul 8, 2014
Updated
Jul 13, 2014 (Retired)
Owner
Horyun Lee (tigerjj)
Contributor
Horyun Lee (tigerjj)
1
Activity
Badge
Generate
Download
Source code

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 tigerejj84@gmail.com