## 本節(jié)引言：
本節(jié)給大家?guī)?lái)的是Android基本UI控件中的ProgressBar(進(jìn)度條)，ProgressBar的應(yīng)用場(chǎng)景很多，比如 用戶登錄時(shí)，后臺(tái)在發(fā)請(qǐng)求，以及等待服務(wù)器返回信息，這個(gè)時(shí)候會(huì)用到進(jìn)度條；或者當(dāng)在進(jìn)行一些比較 耗時(shí)的操作，需要等待一段較長(zhǎng)的時(shí)間，這個(gè)時(shí)候如果沒(méi)有提示，用戶可能會(huì)以為程序Carsh或者手機(jī)死機(jī) 了，這樣會(huì)大大降低用戶體驗(yàn)，所以在需要進(jìn)行耗時(shí)操作的地方，添加上進(jìn)度條，讓用戶知道當(dāng)前的程序 在執(zhí)行中，也可以直觀的告訴用戶當(dāng)前任務(wù)的執(zhí)行進(jìn)度等！使用進(jìn)度條可以給我?guī)?lái)這樣的便利！ 好了，開(kāi)始講解本節(jié)內(nèi)容~ 對(duì)了，ProgressBar官方API文檔：[ProgressBar](http://androiddoc.qiniudn.com/reference/android/widget/ProgressBar.html)
* * *
## 1.常用屬性講解與基礎(chǔ)實(shí)例
從官方文檔，我們看到了這樣一個(gè)類關(guān)系圖：
ProgressBar繼承與View類，直接子類有AbsSeekBar和ContentLoadingProgressBar， 其中AbsSeekBar的子類有SeekBar和RatingBar，可見(jiàn)這二者也是基于ProgressBar實(shí)現(xiàn)的
**常用屬性詳解：**
> * android:**max**：進(jìn)度條的最大值
> * android:**progress**：進(jìn)度條已完成進(jìn)度值
> * android:**progressDrawable**：設(shè)置軌道對(duì)應(yīng)的Drawable對(duì)象
> * android:**indeterminate**：如果設(shè)置成true，則進(jìn)度條不精確顯示進(jìn)度
> * android:**indeterminateDrawable**：設(shè)置不顯示進(jìn)度的進(jìn)度條的Drawable對(duì)象
> * android:**indeterminateDuration**：設(shè)置不精確顯示進(jìn)度的持續(xù)時(shí)間
> * android:**secondaryProgress**：二級(jí)進(jìn)度條，類似于視頻播放的一條是當(dāng)前播放進(jìn)度，一條是緩沖進(jìn)度，前者通過(guò)progress屬性進(jìn)行設(shè)置！
對(duì)應(yīng)的再Java中我們可調(diào)用下述方法：
> * **getMax**()：返回這個(gè)進(jìn)度條的范圍的上限
> * **getProgress**()：返回進(jìn)度
> * **getSecondaryProgress**()：返回次要進(jìn)度
> * **incrementProgressBy**(int diff)：指定增加的進(jìn)度
> * **isIndeterminate**()：指示進(jìn)度條是否在不確定模式下
> * **setIndeterminate**(boolean indeterminate)：設(shè)置不確定模式下
接下來(lái)來(lái)看看系統(tǒng)提供的默認(rèn)的進(jìn)度條的例子吧！
**系統(tǒng)默認(rèn)進(jìn)度條使用實(shí)例：**
**運(yùn)行效果圖：**
**實(shí)現(xiàn)布局代碼：**
~~~
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">
<!-- 系統(tǒng)提供的圓形進(jìn)度條,依次是大中小 -->
<ProgressBar
style="@android:style/Widget.ProgressBar.Small"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<ProgressBar
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<ProgressBar
style="@android:style/Widget.ProgressBar.Large"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<!--系統(tǒng)提供的水平進(jìn)度條-->
<ProgressBar
style="@android:style/Widget.ProgressBar.Horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:max="100"
android:progress="18" />
<ProgressBar
style="@android:style/Widget.ProgressBar.Horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:indeterminate="true" />
</LinearLayout>
~~~
好吧，除了第二個(gè)能看，其他的就算了...系統(tǒng)提供的肯定是滿足不了我們的需求的！ 下面我們就來(lái)講解下實(shí)際開(kāi)發(fā)中我們對(duì)進(jìn)度條的處理！
* * *
## 2.使用動(dòng)畫來(lái)替代圓形進(jìn)度條
第一個(gè)方案是，使用一套連續(xù)圖片，形成一個(gè)幀動(dòng)畫，當(dāng)需要進(jìn)度圖的時(shí)候，讓動(dòng)畫可見(jiàn)，不需要 的時(shí)候讓動(dòng)畫不可見(jiàn)即可！而這個(gè)動(dòng)畫，一般是使用AnimationDrawable來(lái)實(shí)現(xiàn)的！好的，我們來(lái) 定義一個(gè)AnimationDrawable文件：
PS:用到的圖片素材：[進(jìn)度條圖片素材打包.zip](http://www.runoob.com/wp-content/uploads/2015/08/%E8%BF%9B%E5%BA%A6%E6%9D%A1%E5%8A%A8%E7%94%BB%E7%B4%A0%E6%9D%90%E6%89%93%E5%8C%85.zip)
**運(yùn)行效果圖：**
?實(shí)現(xiàn)步驟：
在res目錄下新建一個(gè):anim文件件，然后創(chuàng)建amin_pgbar.xml的資源文件：
~~~
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false" >
<item
android:drawable="@drawable/loading_01"
android:duration="200"/>
<item
android:drawable="@drawable/loading_02"
android:duration="200"/>
<item
android:drawable="@drawable/loading_03"
android:duration="200"/>
<item
android:drawable="@drawable/loading_04"
android:duration="200"/>
<item
android:drawable="@drawable/loading_05"
android:duration="200"/>
<item
android:drawable="@drawable/loading_06"
android:duration="200"/>
<item
android:drawable="@drawable/loading_07"
android:duration="200"/>
<item
android:drawable="@drawable/loading_08"
android:duration="200"/>
<item
android:drawable="@drawable/loading_09"
android:duration="200"/>
<item
android:drawable="@drawable/loading_10"
android:duration="200"/>
<item
android:drawable="@drawable/loading_11"
android:duration="200"/>
<item
android:drawable="@drawable/loading_12"
android:duration="200"/>
</animation-list>
~~~
接著寫個(gè)布局文件，里面僅僅有一個(gè)ImageView即可，用于顯示進(jìn)度條，把src設(shè)置為上述drawable資源即可！ 最后到MainActivity.java
~~~
public class MainActivity extends AppCompatActivity {
private ImageView img_pgbar;
private AnimationDrawable ad;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
img_pgbar = (ImageView) findViewById(R.id.img_pgbar);
ad = (AnimationDrawable) img_pgbar.getDrawable();
img_pgbar.postDelayed(new Runnable() {
@Override
public void run() {
ad.start();
}
}, 100);
}
}
~~~
這里只是寫了如何啟動(dòng)動(dòng)畫，剩下的就你自己來(lái)了哦~在需要顯示進(jìn)度條的時(shí)候，讓ImageView可見(jiàn)； 在不需要的時(shí)候讓他隱藏即可！另外其實(shí)Progressbar本身有一個(gè)indeterminateDrawable，只需把 這個(gè)參數(shù)設(shè)置成上述的動(dòng)畫資源即可，但是進(jìn)度條條的圖案大小是不能直接修改的，需要Java代碼中 修改，如果你設(shè)置了寬高，而且這個(gè)寬高過(guò)大的時(shí)候，你會(huì)看到有多個(gè)進(jìn)度條...自己權(quán)衡下吧~
* * *
## 3.自定義圓形進(jìn)度條
> 相信你看完2會(huì)吐槽，臥槽，這么坑爹，拿個(gè)動(dòng)畫來(lái)坑人，哈哈，實(shí)際開(kāi)發(fā)中都這樣，當(dāng)然上述 這種情況只適用于不用顯示進(jìn)度的場(chǎng)合，如果要顯示進(jìn)度的場(chǎng)合就沒(méi)用處了，好吧，接下來(lái)看下 網(wǎng)上一個(gè)簡(jiǎn)單的自定義圓形進(jìn)度條！代碼還是比較簡(jiǎn)單，容易理解，又興趣可以看看，或者進(jìn)行相關(guān)擴(kuò)展~
**運(yùn)行效果圖：**
**實(shí)現(xiàn)代碼：**
**自定義View類：**
~~~
/**
* Created by Jay on 2015/8/5 0005.
*/
public class CirclePgBar extends View {
private Paint mBackPaint;
private Paint mFrontPaint;
private Paint mTextPaint;
private float mStrokeWidth = 50;
private float mHalfStrokeWidth = mStrokeWidth / 2;
private float mRadius = 200;
private RectF mRect;
private int mProgress = 0;
//目標(biāo)值，想改多少就改多少
private int mTargetProgress = 90;
private int mMax = 100;
private int mWidth;
private int mHeight;
public CirclePgBar(Context context) {
super(context);
init();
}
public CirclePgBar(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public CirclePgBar(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
//完成相關(guān)參數(shù)初始化
private void init() {
mBackPaint = new Paint();
mBackPaint.setColor(Color.WHITE);
mBackPaint.setAntiAlias(true);
mBackPaint.setStyle(Paint.Style.STROKE);
mBackPaint.setStrokeWidth(mStrokeWidth);
mFrontPaint = new Paint();
mFrontPaint.setColor(Color.GREEN);
mFrontPaint.setAntiAlias(true);
mFrontPaint.setStyle(Paint.Style.STROKE);
mFrontPaint.setStrokeWidth(mStrokeWidth);
mTextPaint = new Paint();
mTextPaint.setColor(Color.GREEN);
mTextPaint.setAntiAlias(true);
mTextPaint.setTextSize(80);
mTextPaint.setTextAlign(Paint.Align.CENTER);
}
//重寫測(cè)量大小的onMeasure方法和繪制View的核心方法onDraw()
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
mWidth = getRealSize(widthMeasureSpec);
mHeight = getRealSize(heightMeasureSpec);
setMeasuredDimension(mWidth, mHeight);
}
@Override
protected void onDraw(Canvas canvas) {
initRect();
float angle = mProgress / (float) mMax * 360;
canvas.drawCircle(mWidth / 2, mHeight / 2, mRadius, mBackPaint);
canvas.drawArc(mRect, -90, angle, false, mFrontPaint);
canvas.drawText(mProgress + "%", mWidth / 2 + mHalfStrokeWidth, mHeight / 2 + mHalfStrokeWidth, mTextPaint);
if (mProgress < mTargetProgress) {
mProgress += 1;
invalidate();
}
}
public int getRealSize(int measureSpec) {
int result = 1;
int mode = MeasureSpec.getMode(measureSpec);
int size = MeasureSpec.getSize(measureSpec);
if (mode == MeasureSpec.AT_MOST || mode == MeasureSpec.UNSPECIFIED) {
//自己計(jì)算
result = (int) (mRadius * 2 + mStrokeWidth);
} else {
result = size;
}
return result;
}
private void initRect() {
if (mRect == null) {
mRect = new RectF();
int viewSize = (int) (mRadius * 2);
int left = (mWidth - viewSize) / 2;
int top = (mHeight - viewSize) / 2;
int right = left + viewSize;
int bottom = top + viewSize;
mRect.set(left, top, right, bottom);
}
}
}
~~~
然后在布局文件中加上：
~~~
<com.jay.progressbardemo.CirclePgBar
android:layout_width="match_parent"
android:layout_height="match_parent"/>
~~~
就是這么簡(jiǎn)單~
* * *
## 本節(jié)小結(jié)：
本節(jié)給大家介紹了Android中的常用控件：ProgressBar講解了基本用法，以及實(shí)際開(kāi)發(fā)中 對(duì)于進(jìn)度條的兩種實(shí)現(xiàn)方法，第二個(gè)自定義進(jìn)度條可以自行完善，然后用到實(shí)際開(kāi)發(fā)中~！ 好的，本節(jié)就到這里，謝謝~
## 本節(jié)引言：
本節(jié)給大家?guī)?lái)的是Android基本UI控件中的ProgressBar(進(jìn)度條)，ProgressBar的應(yīng)用場(chǎng)景很多，比如 用戶登錄時(shí)，后臺(tái)在發(fā)請(qǐng)求，以及等待服務(wù)器返回信息，這個(gè)時(shí)候會(huì)用到進(jìn)度條；或者當(dāng)在進(jìn)行一些比較 耗時(shí)的操作，需要等待一段較長(zhǎng)的時(shí)間，這個(gè)時(shí)候如果沒(méi)有提示，用戶可能會(huì)以為程序Carsh或者手機(jī)死機(jī) 了，這樣會(huì)大大降低用戶體驗(yàn)，所以在需要進(jìn)行耗時(shí)操作的地方，添加上進(jìn)度條，讓用戶知道當(dāng)前的程序 在執(zhí)行中，也可以直觀的告訴用戶當(dāng)前任務(wù)的執(zhí)行進(jìn)度等！使用進(jìn)度條可以給我?guī)?lái)這樣的便利！ 好了，開(kāi)始講解本節(jié)內(nèi)容~ 對(duì)了，ProgressBar官方API文檔：[ProgressBar](http://androiddoc.qiniudn.com/reference/android/widget/ProgressBar.html)
* * *
## 1.常用屬性講解與基礎(chǔ)實(shí)例
從官方文檔，我們看到了這樣一個(gè)類關(guān)系圖：
ProgressBar繼承與View類，直接子類有AbsSeekBar和ContentLoadingProgressBar， 其中AbsSeekBar的子類有SeekBar和RatingBar，可見(jiàn)這二者也是基于ProgressBar實(shí)現(xiàn)的
**常用屬性詳解：**
> * android:**max**：進(jìn)度條的最大值
> * android:**progress**：進(jìn)度條已完成進(jìn)度值
> * android:**progressDrawable**：設(shè)置軌道對(duì)應(yīng)的Drawable對(duì)象
> * android:**indeterminate**：如果設(shè)置成true，則進(jìn)度條不精確顯示進(jìn)度
> * android:**indeterminateDrawable**：設(shè)置不顯示進(jìn)度的進(jìn)度條的Drawable對(duì)象
> * android:**indeterminateDuration**：設(shè)置不精確顯示進(jìn)度的持續(xù)時(shí)間
> * android:**secondaryProgress**：二級(jí)進(jìn)度條，類似于視頻播放的一條是當(dāng)前播放進(jìn)度，一條是緩沖進(jìn)度，前者通過(guò)progress屬性進(jìn)行設(shè)置！
對(duì)應(yīng)的再Java中我們可調(diào)用下述方法：
> * **getMax**()：返回這個(gè)進(jìn)度條的范圍的上限
> * **getProgress**()：返回進(jìn)度
> * **getSecondaryProgress**()：返回次要進(jìn)度
> * **incrementProgressBy**(int diff)：指定增加的進(jìn)度
> * **isIndeterminate**()：指示進(jìn)度條是否在不確定模式下
> * **setIndeterminate**(boolean indeterminate)：設(shè)置不確定模式下
接下來(lái)來(lái)看看系統(tǒng)提供的默認(rèn)的進(jìn)度條的例子吧！
**系統(tǒng)默認(rèn)進(jìn)度條使用實(shí)例：**
**運(yùn)行效果圖：**
**實(shí)現(xiàn)布局代碼：**
~~~
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">
<!-- 系統(tǒng)提供的圓形進(jìn)度條,依次是大中小 -->
<ProgressBar
style="@android:style/Widget.ProgressBar.Small"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<ProgressBar
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<ProgressBar
style="@android:style/Widget.ProgressBar.Large"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<!--系統(tǒng)提供的水平進(jìn)度條-->
<ProgressBar
style="@android:style/Widget.ProgressBar.Horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:max="100"
android:progress="18" />
<ProgressBar
style="@android:style/Widget.ProgressBar.Horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:indeterminate="true" />
</LinearLayout>
~~~
好吧，除了第二個(gè)能看，其他的就算了...系統(tǒng)提供的肯定是滿足不了我們的需求的！ 下面我們就來(lái)講解下實(shí)際開(kāi)發(fā)中我們對(duì)進(jìn)度條的處理！
* * *
## 2.使用動(dòng)畫來(lái)替代圓形進(jìn)度條
第一個(gè)方案是，使用一套連續(xù)圖片，形成一個(gè)幀動(dòng)畫，當(dāng)需要進(jìn)度圖的時(shí)候，讓動(dòng)畫可見(jiàn)，不需要 的時(shí)候讓動(dòng)畫不可見(jiàn)即可！而這個(gè)動(dòng)畫，一般是使用AnimationDrawable來(lái)實(shí)現(xiàn)的！好的，我們來(lái) 定義一個(gè)AnimationDrawable文件：
PS:用到的圖片素材：[進(jìn)度條圖片素材打包.zip](http://www.runoob.com/wp-content/uploads/2015/08/%E8%BF%9B%E5%BA%A6%E6%9D%A1%E5%8A%A8%E7%94%BB%E7%B4%A0%E6%9D%90%E6%89%93%E5%8C%85.zip)
**運(yùn)行效果圖：**
?實(shí)現(xiàn)步驟：
在res目錄下新建一個(gè):anim文件件，然后創(chuàng)建amin_pgbar.xml的資源文件：
~~~
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false" >
<item
android:drawable="@drawable/loading_01"
android:duration="200"/>
<item
android:drawable="@drawable/loading_02"
android:duration="200"/>
<item
android:drawable="@drawable/loading_03"
android:duration="200"/>
<item
android:drawable="@drawable/loading_04"
android:duration="200"/>
<item
android:drawable="@drawable/loading_05"
android:duration="200"/>
<item
android:drawable="@drawable/loading_06"
android:duration="200"/>
<item
android:drawable="@drawable/loading_07"
android:duration="200"/>
<item
android:drawable="@drawable/loading_08"
android:duration="200"/>
<item
android:drawable="@drawable/loading_09"
android:duration="200"/>
<item
android:drawable="@drawable/loading_10"
android:duration="200"/>
<item
android:drawable="@drawable/loading_11"
android:duration="200"/>
<item
android:drawable="@drawable/loading_12"
android:duration="200"/>
</animation-list>
~~~
接著寫個(gè)布局文件，里面僅僅有一個(gè)ImageView即可，用于顯示進(jìn)度條，把src設(shè)置為上述drawable資源即可！ 最后到MainActivity.java
~~~
public class MainActivity extends AppCompatActivity {
private ImageView img_pgbar;
private AnimationDrawable ad;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
img_pgbar = (ImageView) findViewById(R.id.img_pgbar);
ad = (AnimationDrawable) img_pgbar.getDrawable();
img_pgbar.postDelayed(new Runnable() {
@Override
public void run() {
ad.start();
}
}, 100);
}
}
~~~
這里只是寫了如何啟動(dòng)動(dòng)畫，剩下的就你自己來(lái)了哦~在需要顯示進(jìn)度條的時(shí)候，讓ImageView可見(jiàn)； 在不需要的時(shí)候讓他隱藏即可！另外其實(shí)Progressbar本身有一個(gè)indeterminateDrawable，只需把 這個(gè)參數(shù)設(shè)置成上述的動(dòng)畫資源即可，但是進(jìn)度條條的圖案大小是不能直接修改的，需要Java代碼中 修改，如果你設(shè)置了寬高，而且這個(gè)寬高過(guò)大的時(shí)候，你會(huì)看到有多個(gè)進(jìn)度條...自己權(quán)衡下吧~
* * *
## 3.自定義圓形進(jìn)度條
> 相信你看完2會(huì)吐槽，臥槽，這么坑爹，拿個(gè)動(dòng)畫來(lái)坑人，哈哈，實(shí)際開(kāi)發(fā)中都這樣，當(dāng)然上述 這種情況只適用于不用顯示進(jìn)度的場(chǎng)合，如果要顯示進(jìn)度的場(chǎng)合就沒(méi)用處了，好吧，接下來(lái)看下 網(wǎng)上一個(gè)簡(jiǎn)單的自定義圓形進(jìn)度條！代碼還是比較簡(jiǎn)單，容易理解，又興趣可以看看，或者進(jìn)行相關(guān)擴(kuò)展~
**運(yùn)行效果圖：**
**實(shí)現(xiàn)代碼：**
**自定義View類：**
~~~
/**
* Created by Jay on 2015/8/5 0005.
*/
public class CirclePgBar extends View {
private Paint mBackPaint;
private Paint mFrontPaint;
private Paint mTextPaint;
private float mStrokeWidth = 50;
private float mHalfStrokeWidth = mStrokeWidth / 2;
private float mRadius = 200;
private RectF mRect;
private int mProgress = 0;
//目標(biāo)值，想改多少就改多少
private int mTargetProgress = 90;
private int mMax = 100;
private int mWidth;
private int mHeight;
public CirclePgBar(Context context) {
super(context);
init();
}
public CirclePgBar(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public CirclePgBar(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
//完成相關(guān)參數(shù)初始化
private void init() {
mBackPaint = new Paint();
mBackPaint.setColor(Color.WHITE);
mBackPaint.setAntiAlias(true);
mBackPaint.setStyle(Paint.Style.STROKE);
mBackPaint.setStrokeWidth(mStrokeWidth);
mFrontPaint = new Paint();
mFrontPaint.setColor(Color.GREEN);
mFrontPaint.setAntiAlias(true);
mFrontPaint.setStyle(Paint.Style.STROKE);
mFrontPaint.setStrokeWidth(mStrokeWidth);
mTextPaint = new Paint();
mTextPaint.setColor(Color.GREEN);
mTextPaint.setAntiAlias(true);
mTextPaint.setTextSize(80);
mTextPaint.setTextAlign(Paint.Align.CENTER);
}
//重寫測(cè)量大小的onMeasure方法和繪制View的核心方法onDraw()
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
mWidth = getRealSize(widthMeasureSpec);
mHeight = getRealSize(heightMeasureSpec);
setMeasuredDimension(mWidth, mHeight);
}
@Override
protected void onDraw(Canvas canvas) {
initRect();
float angle = mProgress / (float) mMax * 360;
canvas.drawCircle(mWidth / 2, mHeight / 2, mRadius, mBackPaint);
canvas.drawArc(mRect, -90, angle, false, mFrontPaint);
canvas.drawText(mProgress + "%", mWidth / 2 + mHalfStrokeWidth, mHeight / 2 + mHalfStrokeWidth, mTextPaint);
if (mProgress < mTargetProgress) {
mProgress += 1;
invalidate();
}
}
public int getRealSize(int measureSpec) {
int result = 1;
int mode = MeasureSpec.getMode(measureSpec);
int size = MeasureSpec.getSize(measureSpec);
if (mode == MeasureSpec.AT_MOST || mode == MeasureSpec.UNSPECIFIED) {
//自己計(jì)算
result = (int) (mRadius * 2 + mStrokeWidth);
} else {
result = size;
}
return result;
}
private void initRect() {
if (mRect == null) {
mRect = new RectF();
int viewSize = (int) (mRadius * 2);
int left = (mWidth - viewSize) / 2;
int top = (mHeight - viewSize) / 2;
int right = left + viewSize;
int bottom = top + viewSize;
mRect.set(left, top, right, bottom);
}
}
}
~~~
然后在布局文件中加上：
~~~
<com.jay.progressbardemo.CirclePgBar
android:layout_width="match_parent"
android:layout_height="match_parent"/>
~~~
就是這么簡(jiǎn)單~
* * *
## 本節(jié)小結(jié)：
本節(jié)給大家介紹了Android中的常用控件：ProgressBar講解了基本用法，以及實(shí)際開(kāi)發(fā)中 對(duì)于進(jìn)度條的兩種實(shí)現(xiàn)方法，第二個(gè)自定義進(jìn)度條可以自行完善，然后用到實(shí)際開(kāi)發(fā)中~！ 好的，本節(jié)就到這里，謝謝~
- 第一章——環(huán)境搭建和開(kāi)發(fā)相關(guān)
- 1.0 Android基礎(chǔ)入門教程
- 1.1 背景相關(guān)與系統(tǒng)架構(gòu)分析
- 1.2 開(kāi)發(fā)環(huán)境搭建
- 1.2.1 使用Eclipse + ADT + SDK開(kāi)發(fā)Android APP
- 1.2.2 使用Android Studio開(kāi)發(fā)Android APP
- 1.3 SDK更新不了問(wèn)題解決
- 1.4 Genymotion模擬器安裝
- 1.5 GIT教程
- 1.5.1 Git使用教程之本地倉(cāng)庫(kù)的基本操作
- 1.5.2 Git之使用GitHub搭建遠(yuǎn)程倉(cāng)庫(kù)
- 1.6 .9(九妹)圖片怎么玩
- 1.7 界面原型設(shè)計(jì)
- 1.8 工程相關(guān)解析(各種文件，資源訪問(wèn))
- 1.9 Android程序簽名打包
- 1.11 反編譯APK獲取代碼&資源
- 第二章——Android中的UI組件的詳解
- 2.1 View與ViewGroup的概念
- 2.2 布局
- 2.2.1 LinearLayout(線性布局)
- 2.2.2 RelativeLayout(相對(duì)布局)
- 2.2.3 TableLayout(表格布局)
- 2.2.4 FrameLayout(幀布局)
- 2.2.5 GridLayout(網(wǎng)格布局)
- 2.2.6 AbsoluteLayout(絕對(duì)布局)
- 2.3 表單
- 2.3.1 TextView(文本框)詳解
- 2.3.2 EditText(輸入框)詳解
- 2.3.3 Button(按鈕)與ImageButton(圖像按鈕)
- 2.3.4 ImageView(圖像視圖)
- 2.3.5.RadioButton(單選按鈕)&Checkbox(復(fù)選框)
- 2.3.6 開(kāi)關(guān)按鈕ToggleButton和開(kāi)關(guān)Switch
- 2.3.7 ProgressBar(進(jìn)度條)
- 2.3.8 SeekBar(拖動(dòng)條)
- 2.3.9 RatingBar(星級(jí)評(píng)分條)
- 2.4 控件
- 2.4.1 ScrollView(滾動(dòng)條)
- 2.4.2 Date & Time組件(上)
- 2.4.3 Date & Time組件(下)
- 2.4.4 Adapter基礎(chǔ)講解
- 2.4.5 ListView簡(jiǎn)單實(shí)用
- 2.4.6 BaseAdapter優(yōu)化
- 2.4.7ListView的焦點(diǎn)問(wèn)題
- 2.4.8 ListView之checkbox錯(cuò)位問(wèn)題解決
- 2.4.9 ListView的數(shù)據(jù)更新問(wèn)題
- 2.5 Adapter類控件
- 2.5.0 構(gòu)建一個(gè)可復(fù)用的自定義BaseAdapter
- 2.5.1 ListView Item多布局的實(shí)現(xiàn)
- 2.5.2 GridView(網(wǎng)格視圖)的基本使用
- 2.5.3 Spinner(列表選項(xiàng)框)的基本使用
- 2.5.4 AutoCompleteTextView(自動(dòng)完成文本框)的基本使用
- 2.5.5 ExpandableListView(可折疊列表)的基本使用
- 2.5.6 ViewFlipper(翻轉(zhuǎn)視圖)的基本使用
- 2.5.7 Toast(吐司)的基本使用
- 2.5.8 Notification(狀態(tài)欄通知)詳解
- 2.5.9 AlertDialog(對(duì)話框)詳解
- 2.6 對(duì)話框控件
- 2.6.0 其他幾種常用對(duì)話框基本使用
- 2.6.1 PopupWindow(懸浮框)的基本使用
- 2.6.2 菜單(Menu)
- 2.6.3 ViewPager的簡(jiǎn)單使用
- 2.6.4 DrawerLayout(官方側(cè)滑菜單)的簡(jiǎn)單使用
- 第三章——Android的事件處理機(jī)制
- 3.1.1 基于監(jiān)聽(tīng)的事件處理機(jī)制
- 3.2 基于回調(diào)的事件處理機(jī)制
- 3.3 Handler消息傳遞機(jī)制淺析
- 3.4 TouchListener PK OnTouchEvent + 多點(diǎn)觸碰
- 3.5 監(jiān)聽(tīng)EditText的內(nèi)容變化
- 3.6 響應(yīng)系統(tǒng)設(shè)置的事件(Configuration類)
- 3.7 AnsyncTask異步任務(wù)
- 3.8 Gestures(手勢(shì))
- 第四章——Android的四大組件
- 4.1.1 Activity初學(xué)乍練
- 4.1.2 Activity初窺門徑
- 4.1.3 Activity登堂入室
- 4.2.1 Service初涉
- 4.2.2 Service進(jìn)階
- 4.2.3 Service精通
- 4.3.1 BroadcastReceiver牛刀小試
- 4.3.2 BroadcastReceiver庖丁解牛
- 4.4.1 ContentProvider初探
- 4.4.2 ContentProvider再探——Document Provider
- 4.5.1 Intent的基本使用
- 4.5.2 Intent之復(fù)雜數(shù)據(jù)的傳遞
- 第五章——Fragment(碎片)
- 5.1 Fragment基本概述
- 5.2.1 Fragment實(shí)例精講——底部導(dǎo)航欄的實(shí)現(xiàn)(方法1)
- 5.2.2 Fragment實(shí)例精講——底部導(dǎo)航欄的實(shí)現(xiàn)(方法2)
- 5.2.3 Fragment實(shí)例精講——底部導(dǎo)航欄的實(shí)現(xiàn)(方法3)
- 5.2.4 Fragment實(shí)例精講——底部導(dǎo)航欄+ViewPager滑動(dòng)切換頁(yè)面
- 5.2.5 Fragment實(shí)例精講——新聞(購(gòu)物)類App列表Fragment的簡(jiǎn)單實(shí)現(xiàn)
- 第六章——Android數(shù)據(jù)存儲(chǔ)與訪問(wèn)
- 6.1 數(shù)據(jù)存儲(chǔ)與訪問(wèn)之——文件存儲(chǔ)讀寫
- 6.2 數(shù)據(jù)存儲(chǔ)與訪問(wèn)之——SharedPreferences保存用戶偏好參數(shù)
- 6.3.1 數(shù)據(jù)存儲(chǔ)與訪問(wèn)之——初見(jiàn)SQLite數(shù)據(jù)庫(kù)
- 6.3.2 數(shù)據(jù)存儲(chǔ)與訪問(wèn)之——又見(jiàn)SQLite數(shù)據(jù)庫(kù)
- 第七章——Android網(wǎng)絡(luò)編程
- 7.1.1 Android網(wǎng)絡(luò)編程要學(xué)的東西與Http協(xié)議學(xué)習(xí)
- 7.1.2 Android Http請(qǐng)求頭與響應(yīng)頭的學(xué)習(xí)
- 7.1.3 Android HTTP請(qǐng)求方式:HttpURLConnection
- 7.1.4 Android HTTP請(qǐng)求方式:HttpClient
- 7.2.1 Android XML數(shù)據(jù)解析
- 7.2.2 Android JSON數(shù)據(jù)解析
- 7.3.1 Android 文件上傳
- 7.3.2 Android 文件下載（1）
- 7.3.3 Android 文件下載（2）
- 7.4 Android 調(diào)用 WebService
- 7.5.1 WebView(網(wǎng)頁(yè)視圖)基本用法
- 7.5.2 WebView和JavaScrip交互基礎(chǔ)
- 7.5.3 Android 4.4后WebView的一些注意事項(xiàng)
- 7.5.4 WebView文件下載
- 7.5.5 WebView緩存問(wèn)題
- 7.5.6 WebView處理網(wǎng)頁(yè)返回的錯(cuò)誤碼信息
- 7.6.1 Socket學(xué)習(xí)網(wǎng)絡(luò)基礎(chǔ)準(zhǔn)備
- 7.6.2 基于TCP協(xié)議的Socket通信(1)
- 7.6.3 基于TCP協(xié)議的Socket通信(2)
- 7.6.4 基于UDP協(xié)議的Socket通信
- 第八章——Android繪圖與動(dòng)畫基礎(chǔ)
- 8.1.1 Android中的13種Drawable小結(jié) Part 1
- 8.1.2 Android中的13種Drawable小結(jié) Part 2
- 8.1.3 Android中的13種Drawable小結(jié) Part 3
- 8.2.1 Bitmap(位圖)全解析 Part 1
- 8.2.2 Bitmap引起的OOM問(wèn)題
- 8.3.1 三個(gè)繪圖工具類詳解
- 8.3.2 繪圖類實(shí)戰(zhàn)示例
- 8.3.3 Paint API之—— MaskFilter(面具)
- 8.3.4 Paint API之—— Xfermode與PorterDuff詳解(一)
- 8.3.5 Paint API之—— Xfermode與PorterDuff詳解(二)
- 8.3.6 Paint API之—— Xfermode與PorterDuff詳解(三)
- 8.3.7 Paint API之—— Xfermode與PorterDuff詳解(四)
- 8.3.8 Paint API之—— Xfermode與PorterDuff詳解(五)
- 8.3.9 Paint API之—— ColorFilter(顏色過(guò)濾器)(1/3)
- 8.3.10 Paint API之—— ColorFilter(顏色過(guò)濾器)(2-3)
- 8.3.11 Paint API之—— ColorFilter(顏色過(guò)濾器)(3-3)
- 8.3.12 Paint API之—— PathEffect(路徑效果)
- 8.3.13 Paint API之—— Shader(圖像渲染)
- 8.3.14 Paint幾個(gè)枚舉/常量值以及ShadowLayer陰影效果
- 8.3.15 Paint API之——Typeface(字型)
- 8.3.16 Canvas API詳解(Part 1)
- 8.3.17 Canvas API詳解(Part 2)剪切方法合集
- 8.3.18 Canvas API詳解(Part 3)Matrix和drawBitmapMash
- 8.4.1 Android動(dòng)畫合集之幀動(dòng)畫
- 8.4.2 Android動(dòng)畫合集之補(bǔ)間動(dòng)畫
- 8.4.3 Android動(dòng)畫合集之屬性動(dòng)畫-初見(jiàn)
- 8.4.4 Android動(dòng)畫合集之屬性動(dòng)畫-又見(jiàn)
- 第九章——Android中的多媒體開(kāi)發(fā)
- 9.1 使用SoundPool播放音效(Duang~)
- 9.2 MediaPlayer播放音頻與視頻
- 9.3 使用Camera拍照
- 9.4 使用MediaRecord錄音
- 第十章——系統(tǒng)服務(wù)
- 10.1 TelephonyManager(電話管理器)
- 10.2 SmsManager(短信管理器)
- 10.3 AudioManager(音頻管理器)
- 10.4 Vibrator(振動(dòng)器)
- 10.5 AlarmManager(鬧鐘服務(wù))
- 10.6 PowerManager(電源服務(wù))
- 10.7 WindowManager(窗口管理服務(wù))
- 10.8 LayoutInflater(布局服務(wù))
- 10.9 WallpaperManager(壁紙管理器)
- 10.10 傳感器專題(1)——相關(guān)介紹
- 10.11 傳感器專題(2)——方向傳感器
- 10.12 傳感器專題(3)——加速度/陀螺儀傳感器
- 10.12 傳感器專題(4)——其他傳感器了解
- 10.14 Android GPS初涉
- 第十一章——由來(lái)、答疑和資源
- 11.0《2015最新Android基礎(chǔ)入門教程》完結(jié)散花~