自定义下载圆形按钮

发表于   |   分类于

先看效果图：
这里写图片描述

下面直接上代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
	public class CircleProgressView extends LinearLayout {
    private ImageView mIcon;
    private TextView mNote;
    private boolean mProgressEnable;//是否绘制背景
    private long mMax = 100;//默认100
    private long mProgress;
    public CircleProgressView(Context context) {
        this(context, null);
    }
    public CircleProgressView(Context context, AttributeSet attrs) {
        super(context, attrs);
        View view = View.inflate(context, R.layout.inflate_circleprogressview, this);
        mIcon = (ImageView) view.findViewById(R.id.circleProgressView_iv_icon);
        mNote = (TextView) view.findViewById(R.id.circleProgressView_tv_note);
    }
    /**
     * 设置图片
     *
     * @param resId
     */
    public void setIcon(int resId) {
        mIcon.setImageResource(resId);
    }
    public void setNote(String note) {
        mNote.setTextColor(UIUtils.getColor(R.color.app_detail_safe_normal));
        mNote.setText(note);
    }
    /**
     * 设置是否允许进度
     *
     * @param mProgressEnable
     */
    public void setProgressEnable(boolean mProgressEnable) {
        this.mProgressEnable = mProgressEnable;
    }
    /**
     * 设置最大值
     *
     * @param mMax
     */
    public void setMax(long mMax) {
        this.mMax = mMax;
    }
    /**
     * 设置当前进度
     *
     * @param mProgress
     */
    public void setProgress(long mProgress) {
        this.mProgress = mProgress;
        invalidate();
    }
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
    }
    @Override
    protected void dispatchDraw(Canvas canvas) {
        super.dispatchDraw(canvas);// 绘制具体的内容(图片和文字)
        if (mProgressEnable) {
            //绘制
            RectF oval = new RectF(mIcon.getLeft(), mIcon.getTop(), mIcon.getRight(), mIcon.getBottom());
            float startAngle = -90;//起始弧度。从正上方开始
            float sweepAngle = mProgress * 360.f / mMax;//扫过的弧度
            boolean userCenter = false;//是否保留俩边
            Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
            paint.setColor(Color.BLUE);
            paint.setStyle(Paint.Style.STROKE);
            paint.setStrokeJoin(Paint.Join.ROUND);//链接处圆形
            paint.setStrokeWidth(UIUtils.dip2px(3));
            canvas.drawArc(oval, startAngle, sweepAngle, userCenter, paint);
        }
    }
}

xml文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
	<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="70dp"
    android:layout_height="match_parent"
    android:layout_alignParentRight="true"
    android:gravity="center"
    android:orientation="vertical" >
    <ImageView
        android:id="@+id/circleProgressView_iv_icon"
        android:layout_width="32dp"
        android:layout_height="32dp"
        android:src="@drawable/ic_download" />
    <TextView
        android:id="@+id/circleProgressView_tv_note"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:text="随意" />
</LinearLayout>