Commit 3c48c377 authored by Horyun Lee's avatar Horyun Lee
Browse files

Update README.md

parent ec57dc58
No related merge requests found
Showing with 51 additions and 46 deletions
+51 -46
ExpandedCircleProgressView ExpandedCircleProgressView
========================== ==========================
this is a custom view for android to show progressing with an expanded circle. this is a android-custom view to show progressing with an expanded circle.
![Sample ExpandedCircleProgressView](https://raw.github.com/tigerjj/ExpandedCircleProgressView/master/screenshots/sample_animation.gif) ![Sample ExpandedCircleProgressView](https://raw.github.com/tigerjj/ExpandedCircleProgressView/master/screenshots/sample_animation.gif)
![ExpandedCircleProgressView](https://raw.github.com/tigerjj/ExpandedCircleProgressView/master/screenshots/sample_01.png) ![ExpandedCircleProgressView](https://raw.github.com/tigerjj/ExpandedCircleProgressView/master/screenshots/sample_01.png)
### I would like to show progress with diffrent view with circle. For that reason, i made Fancy Buttons, to make this task much easier.
## Overview ## Overview
**ExpandedCircleProgressView**, helps you to show progress with expading circle. **ExpandedCircleProgressView**, helps you to show progress with expading circle with smooth animation.
**You can get this sample of view on market
### Usage ### Usage
1. Add ExpandedCircleProgressView namespace on the top element : Add ExpandedCircleProgressView namespace on the top element :
xmlns:tigerlee="http://schemas.android.com/apk/res-auto" xmlns:tigerlee="http://schemas.android.com/apk/res-auto"
2. Add namespace of ExpandedCircleProgressView Add namespace of ExpandedCircleProgressView :
<com.tigerlee.widget.ExpandedCircleProgressView
android:id="@+id/expanded_circle_progress"
android:layout_centerInParent="true"
android:layout_height="match_parent"/>
<com.tigerlee.widget.ExpandedCircleProgressView
android:id="@+id/expanded_circle_progress"
android:layout_centerInParent="true"
android:layout_width="match_parent"
android:layout_height="match_parent" />
#### Supported Attributs #### Supported Attributs
1. declare-styleable declare-styleable :
<declare-styleable name="ExpandedCircleProgressView"> <declare-styleable name="ExpandedCircleProgressView">
<attr name="innerCircleSize" format="dimension" /> <attr name="innerCircleSize" format="dimension" />
<attr name="outerCircleSize" format="dimension" /> <attr name="outerCircleSize" format="dimension" />
<attr name="innerCircleColor" format="color" />
<attr name="innerCircleColor" format="color" /> <attr name="outerCircleColor" format="color" />
<attr name="outerCircleColor" format="color" /> <attr name="textProgressColor" format="color" />
<attr name="progressCircleColor" format="color" />
<attr name="textProgressColor" format="color" /> <attr name="outerCircleLineWidth" format="dimension" />
<attr name="progressCircleColor" format="color" /> <attr name="textProgressSize" format="dimension" />
</declare-styleable>
<attr name="outerCircleLineWidth" format="dimension" />
<attr name="textProgressSize" format="dimension" />
</declare-styleable>
2. Detail role of attributes Detail role of attributes :
| XML Attribute | Java Attribute | Description | | XML Attribute | Java Attribute | Description |
| ------------- |:-------------:| -----:| | ------------- |:-------------:| -----:|
...@@ -60,24 +54,35 @@ this is a custom view for android to show progressing with an expanded circle. ...@@ -60,24 +54,35 @@ this is a custom view for android to show progressing with an expanded circle.
#### Sample #### Sample
** Add expandedeCircleProgress view on layout** Please follow these steps
![ExpandedCircleProgressView](https://raw.github.com/tigerjj/ExpandedCircleProgressView/master/screenshots/sample_02.png) ![SampleResult](https://raw.github.com/tigerjj/ExpandedCircleProgressView/master/screenshots/sample_02.png)
<com.tigerlee.widget.ExpandedCircleProgressView Add expandedeCircleProgress view on layout :
android:id="@+id/expanded_circle_progress"
android:layout_centerInParent="true" android:id="@+id/expanded_circle_progress"
android:layout_width="match_parent" android:layout_centerInParent="true"
android:layout_height="match_parent" android:layout_width="match_parent"
tigerlee:innerCircleSize="40dp" android:layout_height="match_parent"
tigerlee:outerCircleSize="100dp" tigerlee:innerCircleSize="40dp"
tigerlee:innerCircleColor="@android:color/holo_orange_light" tigerlee:outerCircleSize="100dp"
tigerlee:outerCircleColor="@android:color/black" tigerlee:innerCircleColor="@android:color/holo_orange_light"
tigerlee:outerCircleLineWidth="1dp" tigerlee:outerCircleColor="@android:color/black"
tigerlee:progressCircleColor="@android:color/holo_orange_light" tigerlee:outerCircleLineWidth="1dp"
tigerlee:textProgressColor="@android:color/white" tigerlee:progressCircleColor="@android:color/holo_orange_light"
tigerlee:textProgressSize="20sp" tigerlee:textProgressColor="@android:color/white"
/> tigerlee:textProgressSize="20sp"
Get view from findbprogress with int value :
```java
mCircleProgressView = (ExpandedCircleProgressView) rootView.findViewById(R.id.expanded_circle_progress);
```
Set progress :
```java
mCircleProgressView.setProgress(mProgress);
```
### Qustion? ### Qustion?
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment