Android动态自定义圆形进度条

时间:2021-05-20

效果图:

A.绘制圆环,圆弧,文本

//1.画圆环//原点坐标float circleX = width / 2;float circleY = width / 2;//半径float radius = width / 2 - roundWidth / 2;//设置画笔的属性paint.setColor(roundColor);paint.setStrokeWidth(roundWidth);paint.setStyle(Paint.Style.STROKE);canvas.drawCircle(circleX, circleY, radius, paint);//2.画圆弧RectF oval = new RectF(roundWidth/2,roundWidth/2,width-roundWidth/2,width - roundWidth/2);paint.setColor(roundProgressColor);canvas.drawArc(oval, 0, progress * 360 / max, false, paint);//3.画文本paint.setTextSize(textSize);paint.setColor(textColor);paint.setStrokeWidth(0);String text = progress * 100 / max + "%";Rect bounds = new Rect();paint.getTextBounds(text, 0, text.length(), bounds);canvas.drawText(text, width / 2 - bounds.width() / 2, width / 2 + bounds.height() / 2, paint);

B.自定义属性的具体步骤

具体步骤:

1. 定义属性: 在values目录下创建attrs.xml

<declare-styleable name="RoundProgress"> <attr name="roundColor" format="color"></attr> <attr name="roundProgressColor" format="color"></attr> <attr name="textColor" format="color"></attr> <attr name="roundWidth" format="dimension"></attr> <attr name="textSize" format="dimension"></attr></declare-styleable>

2. 在布局文件中引用当前应用的名称空间

xmlns:atguigu=http://schemas.android.com/apk/res-auto

3. 在自定义视图标签中使用自定义属性

<com.atguigu.p2p.util.RoundProgress android:id="@+id/rp_home_progress" android:layout_width="120dp" android:layout_height="120dp" android:layout_gravity="center_horizontal" android:layout_marginTop="20dp" atguigu:roundColor="@android:color/darker_gray <br> atguigu:roundProgressColor="@android:color/holo_red_dark" atguigu:textColor="@color/text_progress" atguigu:roundWidth="10dp" atguigu:textSize="20sp" />

4. 在自定义View类的构造方法中, 取出布局中的自定义属性值

//1.得到所有自定义属性的数组TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.RoundProgress);//2.获取自定义属性的值, 如果没有指定取默认值roundColor = typedArray.getColor(R.styleable.RoundProgress_roundColor, Color.RED);roundProgressColor = typedArray.getColor(R.styleable.RoundProgress_roundProgressColor, Color.GREEN);textColor = typedArray.getColor(R.styleable.RoundProgress_textColor, Color.GREEN);roundWidth = typedArray.getDimension(R.styleable.RoundProgress_roundWidth, UIUtils.dp2px(10));textSize = typedArray.getDimension(R.styleable.RoundProgress_textSize, UIUtils.dp2px(20));//3.释放资源数据typedArray.recycle();

C.让圆环进度"动起来"

1.自定义RoundProgress类中提供进度属性的getter和setter方法

2.在HomeFragment的onSuccess()中:

github:https://github.com/ganchuanpu/P2PInvest

以上所述是小编给大家介绍的Android动态自定义圆形进度条,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章