第5天SurfaceView

• SurfaceView
• • SurfaceView和View的区别：
  • 双缓冲：
  • 在这里插入图片描述
  • 一.自定义View画图：在主线程画图
  • • 1.画布Canvas：画线/画圆/画文字/画椭圆/画弧度/画矩形/画点/画图片
    • 2.画笔:Paint
  • 二.自定义SurfaceView画图：在子线程画图
  • 使用自定义的surfaceView画线

SurfaceView

SurfaceView和View的区别：

• View 主要适用于主动更新的情况，而 surfaceView 主要适用于被动更新，例如频繁的刷新。
• View 在主线程中对画面进行刷新，而 surfaceView 通常会通过一个子线程来进行页面的刷新

• View 在绘图时没有使用双缓冲机制，而 surfaceView 在底层实现机制上就已经实现了双缓冲机制。

  总结就是，如果你的自定义 View 需要频繁刷新，或者刷新时数据处理量很大，考虑用 SurfaceView 来替代 View。

双缓冲：

一.自定义View画图：在主线程画图

1.画布Canvas：画线/画圆/画文字/画椭圆/画弧度/画矩形/画点/画图片

• 画线

  

• 画圆

  

• 画文字

  

• 画矩形

  

• 画点

  

• 画图片

  

• 画弧度

  

2.画笔:Paint

/**
  * Paint类介绍
  *
  * Paint即画笔，在绘图过程中起到了极其重要的作用，画笔主要保存了颜色，
  * 样式等绘制信息，指定了如何绘制文本和图形，画笔对象有很多设置方法，
  * 大体上可以分为两类，一类与图形绘制相关，一类与文本绘制相关。
  *
  * 1.图形绘制
  * setARGB(int a,int r,int g,int b);
  * 设置绘制的颜色，a代表透明度，r，g，b代表颜色值。
  *
  * setAlpha(int a);
  * 设置绘制图形的透明度。
  *
  * setColor(int color);
  * 设置绘制的颜色，使用颜色值来表示，该颜色值包括透明度和RGB颜色。
  *
  * setAntiAlias(boolean aa);
  * 设置是否使用抗锯齿功能，会消耗较大资源，绘制图形速度会变慢。
  *
  * setDither(boolean dither);
  * 设定是否使用图像抖动处理，会使绘制出来的图片颜色更加平滑和饱满，图像更加清晰
  *
  * setFilterBitmap(boolean filter);
  * 如果该项设置为true，则图像在动画进行中会滤掉对Bitmap图像的优化操作，加快显示
  * 速度，本设置项依赖于dither和xfermode的设置
  *
  * setMaskFilter(MaskFilter maskfilter);
  * 设置MaskFilter，可以用不同的MaskFilter实现滤镜的效果，如滤化，立体等 *
  * setColorFilter(ColorFilter colorfilter);
  * 设置颜色过滤器，可以在绘制颜色时实现不用颜色的变换效果
  *
  * setPathEffect(PathEffect effect);
  * 设置绘制路径的效果，如点画线等
  *
  * setShader(Shader shader);
  * 设置图像效果，使用Shader可以绘制出各种渐变效果
  *
  * setShadowLayer(float radius ,float dx,float dy,int color);
  * 在图形下面设置阴影层，产生阴影效果，radius为阴影的角度，dx和dy为阴影在x轴和y轴上的距离，color为阴影的颜色
  *
  * setStyle(Paint.Style style);
  * 设置画笔的样式，为FILL，FILL_OR_STROKE，或STROKE Style.FILL: 实心 STROKE:空心 FILL_OR_STROKE:同时实心与空心
 
  *
  * setStrokeCap(Paint.Cap cap);
  * 当画笔样式为STROKE或FILL_OR_STROKE时，设置笔刷的图形样式，如圆形样式
  * Cap.ROUND,或方形样式Cap.SQUARE
  *
  * setSrokeJoin(Paint.Join join);
  * 设置绘制时各图形的结合方式，如平滑效果等
  *
  * setStrokeWidth(float width);
  * 当画笔样式为STROKE或FILL_OR_STROKE时，设置笔刷的粗细度
  *
  * setXfermode(Xfermode xfermode);
  * 设置图形重叠时的处理方式，如合并，取交集或并集，经常用来制作橡皮的擦除效果
  *
  * 2.文本绘制
  * setFakeBoldText(boolean fakeBoldText);
  * 模拟实现粗体文字，设置在小字体上效果会非常差
  *
  * setSubpixelText(boolean subpixelText);
  * 设置该项为true，将有助于文本在LCD屏幕上的显示效果
  *
  * setTextAlign(Paint.Align align);
  * 设置绘制文字的对齐方向
  *
  * setTextScaleX(float scaleX);
  * 设置绘制文字x轴的缩放比例，可以实现文字的拉伸的效果
  *
  * setTextSize(float textSize);
  * 设置绘制文字的字号大小
  *
  * setTextSkewX(float skewX);
  * 设置斜体文字，skewX为倾斜弧度
  *
  * setTypeface(Typeface typeface);
  * 设置Typeface对象，即字体风格，包括粗体，斜体以及衬线体，非衬线体等
  *
  * setUnderlineText(boolean underlineText);
  * 设置带有下划线的文字效果
  *
  * setStrikeThruText(boolean strikeThruText);
  * 设置带有删除线的效果
  *
  */
           

二.自定义SurfaceView画图：在子线程画图

步骤1:自定义继承surfaceview，并实现SurfaceHolder.Callback

步骤2:重写4个构造方法

步骤3:重写SurfaceHolder.Callback回调3个生命周期方法

步骤4:在第个构造方法中初始化holder并addCallback(this);

步骤5:在SurfaceView的创建生命周期方法中开启线程更新UI

public class MySurfaceVideo extends SurfaceView implements SurfaceHolder.Callback{//接口的目的获得surfaceView的生命周期
    private SurfaceHolder holder;//持有者，通过holder可以获得画布，在第2个构造方法中通过getHolder()获得
    private Canvas canvas;//画布
    private Paint paint;//画笔
    private Thread thread=new Thread(new Runnable() {//子线程画画
        @Override
        public void run() {
            canvas=holder.lockCanvas();//锁定画布
            paint=new Paint();
            canvas.drawLine(0,0,20,20,paint);
            holder.unlockCanvasAndPost(canvas);//解锁画布
        }
    });
    public MySurfaceVideo(Context context) {
        super(context);
    }
    //xml布局使用该组件 会调用该构造
    public MySurfaceVideo(Context context, AttributeSet attrs) {
        super(context, attrs);
        holder=getHolder();//获得持有者
        holder.addCallback(this);//添加回调接口，获得生命周期方法
    }

    public MySurfaceVideo(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
    public MySurfaceVideo(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }
    //生命周期：创建
    @Override
    public void surfaceCreated(SurfaceHolder surfaceHolder) {
        //开启线程准备画画
        thread.start();
    }
    //生命周期：更改
    @Override
    public void surfaceChanged(SurfaceHolder surfaceHolder, int i, int i1, int i2) {

    }
    //生命周期：销毁
    @Override
    public void surfaceDestroyed(SurfaceHolder surfaceHolder) {

    }
}
           

使用自定义的surfaceView画线

<RelativeLayout 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.day3.day5.Day5Activity">
    <com.example.day3.day5.MySurfaceVideo
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</RelativeLayout>