欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

自定义View

程序员文章站 2022-05-30 20:22:38
...

介绍

什么是自定义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 ()
自定义View
• 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 (画笔)
^Override 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;
    }

}