实训-自定义View

自定义View分类

1.自定义View分为自绘控件和重写控件

2.自绘控件：创建一个类继承view，通过重写OnDraw方法，使用canvas，paint等工具完成绘制，然后在activity的布局中引用

时钟案例

创建一个子线程，每隔1s刷新

new Thread(new Runnable() {
            @Override
            public void run() {
                while (true) {
                    try {
                        //获取系统时间
                        Time t=new Time();
                        t.setToNow();
                        a = t.hour;
                        b = t.minute;
                        c = t.second;
                        //隔1s刷新一次
                        Thread.sleep(1000);
                        postInvalidate();
                    } catch (InterruptedException e) {
                        e.printStackTrace();
                    }
                }
            }
        }).start();

布局中引用这个自定义View

 <com.example.mytest.MyView
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

重写OnDraw方法

 @Override
    protected void onDraw(final Canvas canvas) {
        super.onDraw(canvas);
        //初始化画笔
        Paint paint = new Paint();
        //抗锯齿
        paint.setAntiAlias(true);
        //防抖动
        paint.setDither(true);

        //获取时钟表盘图片
        Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.time);
        //设置图片位置
        Rect rect = new Rect(getWidth() / 4, getHeight() / 2 - getWidth() / 4, getWidth() / 4 * 3, getHeight() / 2 + getWidth() / 4);
        canvas.drawBitmap(bitmap, null, rect, paint);

        //设置画笔颜色
        paint.setColor(Color.parseColor("#FFE098"));

        //保存画布
        canvas.save();
        //设置画布旋转角度
        canvas.rotate(b*6+c*6/60, getWidth() / 2, getHeight() / 2);
        //设置画笔粗细
        paint.setStrokeWidth(8);
        //画一条直线
        canvas.drawLine(getWidth() / 2, getHeight() / 2, getWidth() / 2, getHeight() / 2 - getWidth() / 4 + 130, paint);
        //恢复画布
        canvas.restore();

        //重复上面步骤画出时针
        canvas.save();
        canvas.rotate(a*30+b*30/60, getWidth() / 2, getHeight() / 2);
        paint.setStrokeWidth(15);
        canvas.drawLine(getWidth() / 2, getHeight() / 2, getWidth() / 2, getHeight() / 2 - getWidth() / 4 + 200, paint);
        canvas.restore();

        //画出秒针
        canvas.save();
        canvas.rotate(c*6, getWidth() / 2, getHeight() / 2);
        paint.setTextSize(50);
        paint.setStrokeWidth(5);
        canvas.drawLine(getWidth() / 2, getHeight() / 2, getWidth() / 2, getHeight() / 2 - getWidth() / 4 + 60, paint);
        canvas.restore();
    }