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>
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值