RoundProgressBar(圆形进度条)
来源:互联网 发布:数据采集软件火车头 编辑:程序博客网 时间:2024/05/17 22:17
在我们完成下载或者耗时的更新任务时,通常会用到任务的执行进度,那么圆形的进度条我们就需要自定义。直接看代码,我们需要完成的工作:
1.自定义view
/** * 仿iphone带进度的进度条,线程安全的View,可直接在线程中更新进度 * * @author xiaanming */public class RoundProgressBar extends View { /** * 画笔对象的引用 */ private Paint paint; /** * 圆环的颜色 */ private int roundColor; /** * 圆环进度的颜色 */ private int roundProgressColor; /** * 中间进度百分比的字符串的颜色 */ private int textColor; /** * 中间进度百分比的字符串的字体 */ private float textSize; /** * 圆环的宽度 */ private float roundWidth; /** * 最大进度 */ private int max; /** * 当前进度 */ private int progress; /** * 是否显示中间的进度 */ private boolean textIsDisplayable; /** * 进度的风格,实心或者空心 */ private int style; public static final int STROKE = 0; public static final int FILL = 1; public RoundProgressBar(Context context) { this(context, null); } public RoundProgressBar(Context context, AttributeSet attrs) { this(context, attrs, 0); } public RoundProgressBar(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); paint = new Paint(); TypedArray mTypedArray = context.obtainStyledAttributes(attrs, R.styleable.RoundProgressBar); //获取自定义属性和默认值 roundColor = mTypedArray.getColor(R.styleable.RoundProgressBar_roundColor, Color.RED); roundProgressColor = mTypedArray.getColor(R.styleable.RoundProgressBar_roundProgressColor, Color.GREEN); textColor = mTypedArray.getColor(R.styleable.RoundProgressBar_textColor, Color.GREEN); textSize = mTypedArray.getDimension(R.styleable.RoundProgressBar_textSize, 13); roundWidth = mTypedArray.getDimension(R.styleable.RoundProgressBar_roundWidth, 3); max = mTypedArray.getInteger(R.styleable.RoundProgressBar_max, 100); textIsDisplayable = mTypedArray.getBoolean(R.styleable.RoundProgressBar_textIsDisplayable, true); style = mTypedArray.getInt(R.styleable.RoundProgressBar_style, 0); mTypedArray.recycle(); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); /** * 画最外层的大圆环 */ int centre = getWidth() / 2; //获取圆心的x坐标 int radius = (int) (centre - roundWidth / 2); //圆环的半径 paint.setColor(roundColor); //设置圆环的颜色 paint.setStyle(Paint.Style.STROKE); //设置空心 paint.setStrokeWidth(roundWidth); //设置圆环的宽度 paint.setAntiAlias(true); //消除锯齿 canvas.drawCircle(centre, centre, radius, paint); //画出圆环 Log.e("log", centre + ""); /** * 画进度百分比 */ paint.setStrokeWidth(0); paint.setColor(textColor); paint.setTextSize(textSize); paint.setTypeface(Typeface.DEFAULT_BOLD); //设置字体 int percent = (int) (((float) progress / (float) max) * 100); //中间的进度百分比,先转换成float在进行除法运算,不然都为0 float textWidth = paint.measureText(percent + "%"); //测量字体宽度,我们需要根据字体的宽度设置在圆环中间 if (textIsDisplayable && percent != 0 && style == STROKE) { canvas.drawText(percent + "%", centre - textWidth / 2, centre + textSize / 2, paint); //画出进度百分比 } /** * 画圆弧 ,画圆环的进度 */ //设置进度是实心还是空心 paint.setStrokeWidth(roundWidth); //设置圆环的宽度 paint.setColor(roundProgressColor); //设置进度的颜色 RectF oval = new RectF(centre - radius, centre - radius, centre + radius, centre + radius); //用于定义的圆弧的形状和大小的界限 switch (style) { case STROKE: { paint.setStyle(Paint.Style.STROKE); canvas.drawArc(oval, 0, 360 * progress / max, false, paint); //根据进度画圆弧 break; } case FILL: { paint.setStyle(Paint.Style.FILL_AND_STROKE); if (progress != 0) canvas.drawArc(oval, 0, 360 * progress / max, true, paint); //根据进度画圆弧 break; } } } public synchronized int getMax() { return max; } /** * 设置进度的最大值 * * @param max */ public synchronized void setMax(int max) { if (max < 0) { throw new IllegalArgumentException("max not less than 0"); } this.max = max; } /** * 获取进度.需要同步 * * @return */ public synchronized int getProgress() { return progress; } /** * 设置进度,此为线程安全控件,由于考虑多线的问题,需要同步 * 刷新界面调用postInvalidate()能在非UI线程刷新 * * @param progress */ public synchronized void setProgress(int progress) { if (progress < 0) { throw new IllegalArgumentException("progress not less than 0"); } if (progress > max) { progress = max; } if (progress <= max) { this.progress = progress; postInvalidate(); } } public int getCricleColor() { return roundColor; } public void setCricleColor(int cricleColor) { this.roundColor = cricleColor; } public int getCricleProgressColor() { return roundProgressColor; } public void setCricleProgressColor(int cricleProgressColor) { this.roundProgressColor = cricleProgressColor; } public int getTextColor() { return textColor; } public void setTextColor(int textColor) { this.textColor = textColor; } public float getTextSize() { return textSize; } public void setTextSize(float textSize) { this.textSize = textSize; } public float getRoundWidth() { return roundWidth; } public void setRoundWidth(float roundWidth) { this.roundWidth = roundWidth; }}
2.attrs配置属性
<declare-styleable name="RoundProgressBar"> <attr name="roundColor" format="color" /> <attr name="roundProgressColor" format="color" /> <attr name="textColor" format="color" /> <attr name="textSize" format="integer" /> <attr name="roundWidth" format="integer" /> <attr name="max" format="integer" /> <attr name="textIsDisplayable" format="boolean" /> <attr name="style" format="integer" /> </declare-styleable>
3.布局文件
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:padding="@dimen/activity_vertical_margin"> <com.mzxy.mtxx.roundprogressbar.RoundProgressBar android:id="@+id/progress_bar" android:layout_width="140dp" android:layout_height="140dp" app:max="100" app:roundColor="#FF00B7FF" app:roundProgressColor="#FFFF001E" app:textColor="#000000" /></RelativeLayout>
4.主activity初始化和引用
public class MainActivity extends AppCompatActivity { private RoundProgressBar roundProgressBar; private Handler handler = new Handler(); private int progress = 0; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); roundProgressBar = (RoundProgressBar) findViewById(R.id.progress_bar); downloadAsyn(); } private void downloadAsyn() { progress += 5; handler.postDelayed(new Runnable() { @Override public void run() { roundProgressBar.setProgress(progress); if (progress < 100) { downloadAsyn(); } } }, 1000); }}
5.运行效果:
0 0
- Android圆形进度条-RoundProgressBar
- RoundProgressBar(圆形进度条)
- android开发之自定义圆形进度条(RoundProgressBar)
- 圆形进度条
- 圆形进度条
- 圆形进度条
- 圆形进度条
- 圆形进度条
- 圆形进度条
- 圆形进度条
- 圆形进度条
- 圆形进度条
- 圆形进度条
- 圆形进度条
- 圆形进度条
- 自定义圆形进度条,绘制进度条
- ProgressBar进度条(圆形进度条|水平进度条)
- android 自定义圆形进度条
- SPOJ DISUBSTR - Distinct Substrings(后缀数组[不相同的子串的个数])
- is missing required source folder:' src'
- C语言 条件判断中的关系表达式
- Linux下配置任意路径启动软件
- 毕业的第一年
- RoundProgressBar(圆形进度条)
- iOS Block的简单使用
- 各种图示的介绍及绘制(boxplot、stem)
- jersey Spring 配置
- 运用java反射机制还原类的属性,方法,修饰符
- 净空法师:不怕念起,只怕觉迟
- Revit开发获取房间内的构件
- maya programming resources
- iOS - 不同控制器导航栏颜色不同