自定义View

1.自定义View分类

1.按照所继承的基类划分
继承VIew：这种自定义控件最大的特点是不包含子控件，当我们需要定制一个不同于原生控件且有“个性”的控件（比如圆形头像，水波进度条）时，我们采用这种方式，很多情况下可以采用其他方式代替，比如圆形头像完全可以使用ImageView+圆形背景图，但后者往往内存消耗过大，制作素材麻烦。

继承ViewGroup：这种自定义控件，常常利用现有组件（各种layout）的特定布局方式来组成新的控件

2.按照实现的方式划分
第二种分类方式较之前者，更注重于自定义View的实现方式。
自绘控件：顾名思义，这一类自定义控件注重控件本身的特性，如形状、动画效果等，一般继承View（但也不绝对，看具体需求），重写onDraw（）方法完成绘制，具体绘制的过程请参照 (三)自定义View常用的方法（测量、绘制、位置）
组合控件：组合控件的特点是使用原生控件组合成新的控件。
继承控件：继承控件的特点是利用了父控件本身的一些特性，在此基础上添加新的功能。充分利用已有资源，避免了重复的开发。
掌握自定义控件的分类，让我们面对具体的需求能快速而准确的决定使用哪一种定义方式，是学习自定义控件最基础的一步。

2.时钟案例（思路加代码）

1. 获取当前时间
要绘制当前时间，我们要先获取当前时间。

mTime.setToNow();

2. 获取指针角度
当前时间可分为时，分，秒。
我们最终要获取的是时分秒3个指针对应的精确角度。

秒针角度：最简单，直接乘以6即可获得。
分针角度：当前分钟 6 + 6 * 秒 / 60F*
时针角度：(当前小时 % 12) 30 + 30 * 当前分钟角度 / 360F;*

3. 绘制指针
获取到指针角度之后，接下来就是在表盘绘制指针了。这里我们要利用canvas.rotate()这个方法来实现绘制指针，具体实现代码如下所示：

private void drawTime(Canvas canvas) {
        // 当前时间
        mTime.setToNow();

        // 当前时间对应的角度
        float secRot = mTime.second * 6;
        float minRot = mTime.minute * 6 + 6 * mTime.second / 60F;
        float hrRot = (mTime.hour % 12) * 30 + 30 * minRot / 360F;

        Log.d(TAG, "hrRot=" + hrRot + ",minRot=" + minRot + ",secRot=" + secRot);

        // 画指针
        Paint paintHour = new Paint();
        paintHour.setStrokeWidth(20);
        Paint paintMinute = new Paint();
        paintMinute.setStrokeWidth(10);
        Paint paintSecond = new Paint();
        paintSecond.setStrokeWidth(5);

        canvas.save();

        // 时针
        canvas.rotate(hrRot, mWidth / 2, mHeight / 2);
        canvas.drawLine(mWidth / 2, mHeight / 2, mWidth / 2, mHeight / 2 - mWidth / 2 + 320,
                paintHour);
        canvas.rotate(-hrRot, mWidth / 2, mHeight / 2);

        // 分针
        canvas.rotate(minRot, mWidth / 2, mHeight / 2);
        canvas.drawLine(mWidth / 2, mHeight / 2, mWidth / 2, mHeight / 2 - mWidth / 2 + 230,
                paintMinute);
        canvas.rotate(-minRot, mWidth / 2, mHeight / 2);

        // 秒针
        canvas.rotate(secRot, mWidth / 2, mHeight / 2);
        canvas.drawLine(mWidth / 2, mHeight / 2, mWidth / 2, mHeight / 2 - mWidth / 2 + 150,
                paintSecond);
        canvas.rotate(-secRot, mWidth / 2, mHeight / 2);

        canvas.restore();
    }

二. 每一秒刷新界面
完成了第一步之后，我们要做的就是实现每隔1s去刷新界面。这个实现很简单，通过Handler就可以实现。
首先在自定义ViewClock中添加一个刷新界面的接口：

public void refreshClock() {
    postInvalidate();
}

添加接口之后，我们再在Activity中使用Handler实现1s调用一次该接口即可：

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        mClock = new Clock(this);

        mHandler = new Handler();

        mHandler.post(updateTime);

        setContentView(mClock);
    }

    private Runnable updateTime = new Runnable() {
        public void run() {
            mClock.refreshClock();
            mHandler.postDelayed(updateTime, 1000);
        }
    };

效果

3.圆形ImageView（代码）

自定义一个view类 放进xml文件中

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.administrator.myapplication.MyViewActivity">
<com.example.administrator.myapplication.MyView
    android:id="@+id/myview"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />
</LinearLayout>

java代码

package com.example.administrator.myapplication;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;

/**
 * Created by Administrator on 2018/6/15 0015.
 */

public class MyView extends View{
    public MyView(Context context) {
        super(context);
    }

    public MyView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

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

    public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Paint paint=new Paint();
        paint.setColor(Color.BLUE);
        paint.setAntiAlias(true);
        //画圆

//        canvas.drawCircle(getWidth()/2,getHeight()/2,getWidth()/4,paint);

        Bitmap bitmap= BitmapFactory.decodeResource(getResources(),R.mipmap.hoo);
        RectF rectF=new RectF(getWidth()/4,getHeight()/2-getWidth()/4,getWidth()/4*3,getHeight()/2+getWidth()/4);
        canvas.drawBitmap(bitmap,null,rectF,paint);