需求：Androd 系统为我们提供了很多默认的控件，如buttonView TextView等等，但我们的需求远远不止这些，此时我们就需要自己来定义一些控件来满足我们的需求
方法：1.创建新的类：首先我们在MainActivity同级目录下创建一个新的类并继承一些我们想要的父类控件——节省了很多时间

image.png

2.实现构造方法:我们继承父类后必须实现父类的构造方法（快捷键ALT+Enter)
构造方法有多种重载方法：
(以下以父类为View为例）
（1）public TextView(Context context) {
super(context);
}
只有一个参数的构造方法：用于在代码中创建控件
（2) public TextView(Context context, AttributeSet attrs) {
super(context, attrs);
}
有两个参数 用于在xml文件中创建控件
（3） public TextView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
在xml文件中创建 并提供一个默认的样式
注意：关于deStyleAttr的理解：The default style to apply to this view. If 0, no style will be applied (beyond what is included in the theme). This may either be an attribute resource, whose value will be retrieved from the current theme, or an explicit style resource.
应用到View的默认风格（定义在主题中）
3.重写onDraw()方法：
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
}
参数说明：canvas 画布 用来我们画画的
注意：画布需要和画笔（Paint）一起使用

protected void onDraw(Canvas canvas) {
        pieChart(canvas,Color.GREEN,(float)(angle/360.0));
    }
    private void pieChart(Canvas canvas,int color,float rate){//画一个饼状图
        Paint paint=new Paint(Paint.ANTI_ALIAS_FLAG);
        paint.setColor(color);
        //画扇形
        int endAngle= (int) (360*rate);
        canvas.drawArc(50,100,250,300,0,endAngle,true,paint);
        startAngle+=endAngle;
    }

在这里我们写了一个pieChart（）方法 用来画一个扇形图
需要的参数：（1）canvas 画布指定在那个画布上画画
（2）color 画笔的颜色
（3 rate 角度大小
4.控制角度增加的时间（为了更好的用户体验）：

ValueAnimator va=ValueAnimator.ofInt(0,360);
        va.setDuration(1000);
        va.setRepeatCount(ValueAnimator.INFINITE);
        va.setRepeatMode(ValueAnimator.REVERSE);
        //设置监听器 监听值的变化
        va.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {
                angle= (int) valueAnimator.getAnimatedValue();//获取某一刻的值

                invalidate();//此处立刻调用onDraw（）方法
            }
        });
        va.start();

5 在xml文件中创建自定义控件：

<com.example.date_oct_26.TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerInParent="true"/>

6实现效果

Record_2019-10-26-20-05-39.gif