自定义View

介绍

什么是自定义View?

在Android系统中，使用系统自带的控件重新组合或者自定义类继 承View或者ViewGroup实现特定的效果。

为什么学习自定义View?

1. 整个View控件在不同设备上的风格统一。
2. 系统自带的View功能多。
3. 系统自带View不能满足我们的需求，需要自己实现。

重要性

1. 工作用到

自定义View的四种形式

1. 组合view
2. 自定义view
3. 继承viewgroup
4. 继承原有的系统控件，例如listview或者viewpager 。在保留原有特性的基础上，增加或者减少原有的特性。

View整个绘制流程

Measure->Layout->Draw
onMeasure () ->onLayout () ->onDraw ()

• onMeasure()会在初始化之后调用一到多次来测量控件或其中的子控件的宽高；
• onLayout。会在onMeasu「e()方法之后被调用一次，将控件或其子控件进行布局；
• onDraw。会在onLayout。方法之后调用一次，也会在用户手指触摸屏幕时被调用多 次，来絵制控件。
需要计算View的大小(measure)、重新安置视图的位置(layout)>绘制视图 (draw)o
• measure:计算View的大小，需要的话则计算大小；我们自定义View 时实现onMeasure ()方法，在该方法确定控件的实际大小。
• layout:计算View的位置，需要的话则计算位置；我们自定义
ViewGroup时，实现onLayout ()方法，该方法摆放控件的位置。
• draw:绘制View,绘制视鹵。自定义View时，实现on Draw ()方法。 去实现绘制自己。

MeasureSpec的使用：

MODE:分为一下三种类别,
AT_MOST：子容器可以是声明大小内的任意大小
EXACTLY:父容器已经为子容器确定的大小，子容器应该遵守
UNSPECIFIED:父容器对子容器没有做任何限制，子容器可以任意大小

SIZE是父容器为子容器提供的大小
当MODE为AT_MOST时，SIZE大小为父容器所能提供的最大值。
当MODE为EXACTLY时，SIZE为父容器提供的限制值。
当MODE为UNSPECIFIED时，大小为0，SIZE完全由子容器的大小决定。

View的onDraw (Canvas)默认是空实现，自定义View绘制过程需要复写 的方法，绘制自身的内容。

Paint (画笔)

	protected void onDraw(Canvas canvas) (
	super.onDraw(canvas);
	//绘制一个填充色为蓝色的矩形
	mPaint.setColor(Color・ BLUE);
	canvas.dpawRect(。， 0, getWidth(), getHeight()4 mPaint);
	mPaint.setColor(Color.YELLOW);
	mPaint.setTextSize(50);
	String text = String.valueOf(mCount);
	//获取文字的宽和高
	mPaint.getTextBounds(text0, text.length(), mBounds);
	float textwidth = mBounds.width。；
	float textHeight = mBounds.height();
	//绘制字符串
	canvas.drawText(textgetWidth() / 2 - textwidth / 2, getHeight() / 2
  textHeight / 2, mPaint);
}

Paint常用绘制方法：

• void drawRect(RectF rect, Paint paint) : 绘制区域，参数为RectF的区域。
• void drawOval(RectF oval, Paint paint) : 绘制矩形的内切椭圆。
• void drawCircle(float cx, float cy, float radius, Paint paint) : 绘制圆形。cx和cy是圆心坐标，radius是半径长度。
• void drawArc(RectF oval, float startAngle, float sweepAngle. boolean useCenter, Paint paint) : 绘制圆弧形，也是以矩形的内切椭圆为标准。其中，startAngle为起始角度，sweepAngle为弧度大小，useCenter为true，则是绘制一个扇行，为false，则只是一段圆弧。（ps：startAngle为0时，是圆形钟表3点钟方向）。
• void drawPath(Path path, Paint paint) : 根据给定的path，绘制连线。
• void drawBitmap(Bitmap bitmap, Rect src, Rect dst, Paint paint) : 贴图，参数bitmap是要进行绘制的bitmap对象，参数src是指- bitmap的源区域（一般为null），dst是bitmap的目标区域，paint是画笔，可为null。
• void drawLine(float startX, float startY, float stopX, float stopY, Paint paint) : 根据给定的起点和结束点之间绘制连线。
• void drawPoint(float x, float y, Paint paint) : 根据给定的坐标，绘制点。
• void drawText(String text, float x, float y, Paint paint) : 根据给定的坐标，绘制文字。其中，x是文本起始的x轴坐标，y是文本纵向结束的y轴坐标。

画笔的设置
setStyle:设置画笔风格，空心或者实心
Paint.Style.FILL：填充内部
Paint.Style.FILL_AND_STROKE ：填充内部和描边
Paint.Style.STROKE ：描边
FILL_AND_STROKE和FILL区别不是很大
setStrokeWidth:设置画笔宽度
setXfermode：设置图形重叠时的显示方式

代码

自定义一个类和XML文件
XML文件写布局。
自定义类：
根据情况 ， 类可以继承 View ViewGroup ,FrameLayout。

package com.example.day5_view;

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.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.os.Build;
import android.util.AttributeSet;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.TextView;

import androidx.annotation.Nullable;
import androidx.annotation.RequiresApi;

public class MyView2 extends View {


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

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

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

    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
    public MyView2(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }

    public void init(Context context){
        View inflate = LayoutInflater.from(context).inflate(R.layout.myview2,null,false);


        Bitmap.createBitmap(100,100, Bitmap.Config.ARGB_8888); //创建bitmap
    }
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int mode = MeasureSpec.getMode(widthMeasureSpec); //获取测量方式
        int size = MeasureSpec.getSize(heightMeasureSpec); //获取测量大小

        Log.i("yu", "mode: "+mode);
        Log.i("yu", "size: "+size);
        switch (mode){
            case MeasureSpec.EXACTLY:
                //控件在界面显示的大小
                setMeasuredDimension(1000,2000);

                break;
            case MeasureSpec.AT_MOST:

                break;
        }
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);

    }

    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        setLayerType(View.LAYER_TYPE_SOFTWARE,null); //取消硬件加速
        Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
        paint.setColor(Color.CYAN);

        Bitmap bitmap = drawMap();
        canvas.drawBitmap(bitmap,100,200,paint);//画布


//        paint.setStrokeWidth(30);
//        paint.setAntiAlias(true);

//        canvas.drawRect(100,100,300,300,paint); //长方形
//        canvas.drawOval(200,300,400,400,paint); //椭圆
//        canvas.drawCircle(400,100,100,paint); //圆
//        canvas.drawArc(400,400,600,600,0,200,false,paint);

        PorterDuffXfermode porterDuffXfermode = new PorterDuffXfermode(PorterDuff.Mode.MULTIPLY);

        canvas.drawColor(Color.BLUE);
        //创建一个新的画布
        int saveLayer = canvas.saveLayer(0, 0, getWidth(), getHeight(), null, Canvas.ALL_SAVE_FLAG);

        canvas.drawCircle(150,150,90,paint);
        paint.setXfermode(porterDuffXfermode);

        paint.setColor(Color.RED);
        canvas.drawRect(100,100,300,300,paint);
        paint.setXfermode(null);
        canvas.restoreToCount(saveLayer);

    }
    public Bitmap drawMap(){
     //空白画布
        Bitmap bitmap = Bitmap.createBitmap(100,100,Bitmap.Config.ARGB_8888);

        Canvas canvas = new Canvas(bitmap);
        Paint paint = new Paint();
        paint.setColor(Color.BLUE);
        canvas.drawRect(0,0,40,40,paint);
        paint.setColor(Color.RED);
        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.LIGHTEN));
        canvas.drawCircle(40,40,20,paint);
        return bitmap;
    }

}