🎊 2.3.7 ProgressBar(进度条)

2.3.7 ProgressBar(进度条)

实现步骤:

在res目录下新建一个:anim文件件,然后创建amin_pgbar.xml的资源文件:

android:oneshot="false" >

android:drawable="@drawable/loading_01"

android:duration="200"/>

android:drawable="@drawable/loading_02"

android:duration="200"/>

android:drawable="@drawable/loading_03"

android:duration="200"/>

android:drawable="@drawable/loading_04"

android:duration="200"/>

android:drawable="@drawable/loading_05"

android:duration="200"/>

android:drawable="@drawable/loading_06"

android:duration="200"/>

android:drawable="@drawable/loading_07"

android:duration="200"/>

android:drawable="@drawable/loading_08"

android:duration="200"/>

android:drawable="@drawable/loading_09"

android:duration="200"/>

android:drawable="@drawable/loading_10"

android:duration="200"/>

android:drawable="@drawable/loading_11"

android:duration="200"/>

android:drawable="@drawable/loading_12"

android:duration="200"/>

接着写个布局文件,里面仅仅有一个ImageView即可,用于显示进度条,把src设置为上述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);

}

}

这里只是写了如何启动动画,剩下的就你自己来了哦~在需要显示进度条的时候,让ImageView可见;

在不需要的时候让他隐藏即可!另外其实Progressbar本身有一个indeterminateDrawable,只需把

这个参数设置成上述的动画资源即可,但是进度条条的图案大小是不能直接修改的,需要Java代码中

修改,如果你设置了宽高,而且这个宽高过大的时候,你会看到有多个进度条...自己权衡下吧~

3.自定义圆形进度条

相信你看完2会吐槽,卧槽,这么坑爹,拿个动画来坑人,哈哈,实际开发中都这样,当然上述

这种情况只适用于不用显示进度的场合,如果要显示进度的场合就没用处了,好吧,接下来看下

网上一个简单的自定义圆形进度条!代码还是比较简单,容易理解,又兴趣可以看看,或者进行相关扩展~

运行效果图:

实现代码:

自定义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;

//目标值,想改多少就改多少

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();

}

//完成相关参数初始化

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);

}

//重写测量大小的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) {

//自己计算

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);

}

}

}

然后在布局文件中加上:

android:layout_width="match_parent"

android:layout_height="match_parent"/>

就是这么简单~

本节小结:

本节给大家介绍了Android中的常用控件:ProgressBar讲解了基本用法,以及实际开发中

对于进度条的两种实现方法,第二个自定义进度条可以自行完善,然后用到实际开发中~!

好的,本节就到这里,谢谢~

🎯 相关推荐

保利尼奥再谈1
365bet-体育投注

保利尼奥再谈1

📅 07-17 👀 7993
秒懂人情世故,踢了场最聪明的足球,拿到了通往沙特亚洲杯的门票
为什么新倩女幽魂检查更新一直无响应?(倩女幽魂手游检查更新进不去)