自定义view画圆实现进度条的显示

1，TitleView的实现

public class TitleView extends LinearLayout {
    public TitleView(Context context) {
        this(context, null);
    }

    public TitleView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public TitleView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);

        // setContentView
        View inflate = LayoutInflater.from(context).inflate(R.layout.title_layout, this);
        ImageButton left = inflate.findViewById(R.id.left_btn);
        ImageButton right = inflate.findViewById(R.id.right_btn);

        left.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                callBack.leftClick();
            }
        });

        right.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                callBack.rightClick();
            }
        });

    }

    public LeftCallBack callBack;

    public void setCallBack(LeftCallBack callBack) {
        this.callBack = callBack;
    }

    interface LeftCallBack {
        public void leftClick();

        public void rightClick();
    }
}

2，JdtView的实现

public class JdtView extends View {
    private Paint paint = new Paint();
    private boolean runing = true;
    private int p = 0;
    Context context;

    public JdtView(Context context) {
        super(context);
    }


    public JdtView(Context context, AttributeSet attrs) {
        super(context, attrs);

        this.context = context;

        paint.setAntiAlias(true);//抗锯齿

        paint.setStyle(Paint.Style.STROKE);//设置画笔 填充是空心的

    }

    public void start() {
        new Thread(new Runnable() {
            @Override
            public void run() {
                while (runing) {
                    if (p >= 360) {
                        runing = false;
                        return;
                    }
                    System.out.println("p = " + p);
                    p += 10;
                    postInvalidate(); //子线程刷新 系统调用onDraw（） 方法

                    try {
                        Thread.sleep(100);
                    } catch (InterruptedException e) {
                        e.printStackTrace();
                    }
                }
            }
        }).start();

    }

    public JdtView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }


    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        int x = getWidth() / 2;
        int y = getHeight() / 2;

        paint.setColor(Color.GRAY);//设置画笔的颜色
        paint.setStrokeWidth(30);//设置画笔的粗细
        canvas.drawCircle(x, y, 200, paint);

        paint.setColor(Color.GREEN);//设置画笔的颜色
        int radius = 200;//设置园的大小
//定义一个区域
        RectF rectF = new RectF(x - radius, y - radius, x + radius, y + radius);
        //画弧
//       useCentor  true 从中心点开始画 false 中心点不现实

        canvas.drawArc(rectF, -0, p, false, paint);

        int text = (int) ((float) p / 360 * 100);

//        measureText  测量字符串的宽度
        float textWidth = paint.measureText(text + "%");
        Rect rextText = new Rect();
//        rextText.height() 获取字符串的高度
        paint.getTextBounds(text + "%", 0, (text + "%").length(), rextText);

        paint.setTextSize(30);
        paint.setStrokeWidth(1);
        //画文字
        canvas.drawText(text + "%", x - textWidth / 2, y + rextText.height() / 2, paint);

        if (p == 360) {
            Intent intent = new Intent(context, CaptureActivity.class);
            context.startActivity(intent);
        }
    }
}

3，TiXingView的实现

public class TiXingView extends View {

    private Paint paint = new Paint();

    public TiXingView(Context context) {
        super(context);
    }

    public TiXingView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public TiXingView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        int x = getWidth();
        int y = getHeight();
        paint.setColor(Color.YELLOW);
        canvas.drawRect(0, 0, x/3, 125, paint);

        paint.setColor(Color.GREEN);
        canvas.drawRect(x/3, 125, x/3*2, 250, paint);

        paint.setColor(Color.YELLOW);
        canvas.drawRect(x/3*2, 250, x, 375, paint);
    }
}

4，MainActivity 的实现

public class MainActivity extends Activity implements TitleView.LeftCallBack {

    public TitleView titleView;
    private JdtView jdtView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        jdtView = findViewById(R.id.jdt_view);

        findViewById(R.id.sm).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                jdtView.start();
            }
        });

        titleView = (TitleView) findViewById(R.id.titleview_id);
        titleView.setCallBack(this);
    }

    @Override
    public void leftClick() {

    }

    @Override
    public void rightClick() {
        Intent intent = new Intent(MainActivity.this, MainActivity2.class);
        startActivity(intent);
    }
}

5，MainActivity2的实现，

public class MainActivity2 extends Activity {

    private ImageButton back;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);
        back = findViewById(R.id.left_btn);
        back.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(MainActivity2.this, MainActivity.class);
                startActivity(intent);
            }
        });
    }
}

6，activity_main布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:custom="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <panjiangang.bwie.com.day05.TitleView
            android:id="@+id/titleview_id"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"></panjiangang.bwie.com.day05.TitleView>

    </LinearLayout>

    <panjiangang.bwie.com.day05.JdtView
        android:id="@+id/jdt_view"
        android:layout_width="match_parent"
        android:layout_height="300dp" />

    <Button
        android:id="@+id/sm"
        android:layout_width="150dp"
        android:layout_height="50dp"
        android:layout_gravity="center_horizontal"
        android:text="扫描二维码" />

</LinearLayout>

7title布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:background="#D1EEEE"
        android:orientation="horizontal">

        <ImageButton
            android:id="@+id/left_btn"
            android:layout_width="50dp"
            android:layout_height="wrap_content"
            android:src="@drawable/left_title" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_weight="1"
            android:gravity="center"
            android:text="那些花儿"
            android:textSize="30dp" />

        <ImageButton
            android:id="@+id/right_btn"
            android:layout_width="50dp"
            android:layout_height="wrap_content"
            android:src="@drawable/right_title" />
    </LinearLayout>
</LinearLayout>

8，activity2布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:background="#D1EEEE"
        android:orientation="horizontal">

        <ImageButton
            android:id="@+id/left_btn"
            android:layout_width="50dp"
            android:layout_height="wrap_content"
            android:src="@drawable/left_title" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_weight="1"
            android:gravity="center"
            android:text="那些花儿"
            android:textSize="30dp" />

        <ImageButton
            android:id="@+id/right_btn"
            android:layout_width="50dp"
            android:layout_height="wrap_content"
            android:src="@drawable/right_title" />
    </LinearLayout>

    <panjiangang.bwie.com.day05.TiXingView
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>