View和SurfaceView的刷屏方式

最新推荐文章于 2022-04-18 20:59:36 发布
最新推荐文章于 2022-04-18 20:59:36 发布
阅读量522 收藏
点赞数
分类专栏： Android 文章标签： View surfaceview 刷屏 canvas
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BASIC_DU/article/details/74157752
版权

1、View的刷屏方式

View主要是调用onDraw(Canvas canvas)方法，利用Canvas(画布)来绘制图形，再利用invalidate()/postInvalidate()方法来进行重绘，达到类刷屏的效果。

下面通过“随手指移动的小球”为例子，展示View的刷屏方式，代码如下：

继承View的MyView类：

package com.example.huawei;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.view.KeyEvent;
import android.view.MotionEvent;
import android.view.View;

public class MyView extends View{
    private int textX = 100, textY = 100;

    public MyView(Context context){
        super(context);
        //setFocusable(true);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        // TODO Auto-generated method stub
        Paint paint = new Paint();
        paint.setColor(Color.WHITE);
        canvas.drawCircle(textX, textY, 20, paint);
        super.onDraw(canvas);
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        // TODO Auto-generated method stub
        return super.onKeyDown(keyCode, event);
    }

    @Override
    public boolean onKeyUp(int keyCode, KeyEvent event) {
        // TODO Auto-generated method stub
        return super.onKeyUp(keyCode, event);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // TODO Auto-generated method stub
        int x = (int)event.getX();
        int y = (int)event.getY();
        if(event.getAction() == MotionEvent.ACTION_DOWN){
            textX = x;
            textY = y;
        }else if(event.getAction() == MotionEvent.ACTION_UP){
            textX = x;
            textY = y;
        }else if(event.getAction() == MotionEvent.ACTION_MOVE){
            textX = x;
            textY = y;
        }
        invalidate();
        //return super.onTouchEvent(event);
        return true;
    }
}

使用MyView类的MainActivity类：

package com.example.huawei;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(new MyView(this));
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
}

随手指移动的效果图，如下所示：
这里写图片描述

继承View类的MyView类，刷屏主要是通过重写onDraw(Canvas canvas)方法来实现的。View的画图方式，主要是在onDraw()方法内，利用画布canvas进行绘制。
但是，onDraw()方法只会在View视图开始创建的时候，执行一遍而已。要想在新的画布上，进行图形绘制，需要调用View内的两个方法：
invalidate()
postInvalidate()
上面两个调用onDraw()进行重新绘制画布的方法，其主要区别：
invalidate()方法不能在当前自己创建的子线程中循环调用执行(可以在系统的UI线程中执行)。
postInvalidate()方法可以在当前创建的子线程中循环调用。
如果不在当前View创建线程循环重绘画布的话，这两种重绘画布的函数，并没有什么区别，都可以使用。

2、SurfaceView的刷屏方式
继承SurfaceView类的执行类，使用SurfaceHolder类的对象的lockCanvas()方法，获得画布canvas，在上面进行图形绘制。

下面的例子，是利用SurfaceView类，来实现“随手指移动的小球”，代码如下：

package com.example.huawei;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.view.MotionEvent;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
import android.view.SurfaceHolder.Callback;

public class MySurfaceView extends SurfaceView implements Callback{
    private SurfaceHolder surfaceHolder;
    private Paint paint;
    private int textX = 100, textY = 100;

    public MySurfaceView(Context context){
        super(context);
        //实例化SurfaceHolder
        surfaceHolder = this.getHolder();
        //为surfaceHolder添加状态监听
        surfaceHolder.addCallback(this);
        //实例化一个画笔
        paint = new Paint();
        //设置画笔颜色为白色
        paint.setColor(Color.WHITE);
    }

    @Override
    public void surfaceChanged(SurfaceHolder arg0, int arg1, int arg2, int arg3) {
        // TODO Auto-generated method stub

    }

    @Override
    public void surfaceCreated(SurfaceHolder arg0) {
        // TODO Auto-generated method stub

    }

    @Override
    public void surfaceDestroyed(SurfaceHolder arg0) {
        // TODO Auto-generated method stub

    }

    public void myDraw(){
        Canvas canvas = surfaceHolder.lockCanvas();
        canvas.drawCircle(textX, textY, 20, paint);
        surfaceHolder.unlockCanvasAndPost(canvas);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // TODO Auto-generated method stub
        textX = (int)event.getX();
        textY = (int)event.getY();
        myDraw();
        return true;
    }
}

使用MySurfaceView类的MainActivity类：

package com.example.huawei;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(new MySurfaceView(this));
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
}

随手指移动的效果图，如下所示：
这里写图片描述

从上面的效果图可以看到，MySurfaceView类不断调用myDraw(0方法进行图形绘制，但是，canvas并没有换，还是原来的画布。因此，在上面绘制的小球越来越多。这是因为MySurfaceView类没有更换canvas，没有进行刷屏。
对于SurfaceView类的刷屏方式，主要有四种：

2.1、每次绘画之前，在画布上，填充一种颜色，将先前绘制的图形覆盖掉：

    public void myDrawColor() {
        Canvas canvas = surfaceHolder.lockCanvas();
        canvas.drawColor(Color.BLACK);
        canvas.drawCircle(textX, textY, 20, paint);
        surfaceHolder.unlockCanvasAndPost(canvas);
    }

2.2、每次绘画之前，在画布上，指定RGB颜色来填充画布(类似于方法一)，将先前绘制的图形覆盖掉：

    public void myDrawRGB() {
        Canvas canvas = surfaceHolder.lockCanvas();
        canvas.drawRGB(0, 0, 0);
        canvas.drawCircle(textX, textY, 20, paint);
        surfaceHolder.unlockCanvasAndPost(canvas);
    }

2.3、每次绘画之前，绘制一个等同于屏幕大小的Rect图形，将先前绘制的图形覆盖掉：

    public void myDrawRect() {
        Canvas canvas = surfaceHolder.lockCanvas();
        canvas.drawRect(0,0,this.getWidth(),this.getHeight(),paint);
        canvas.drawCircle(textX, textY, 20, paint);
        surfaceHolder.unlockCanvasAndPost(canvas);
    }

2.4、每次绘图之前，绘制一张等同于屏幕大小的图片，将先前绘制的图形覆盖掉：

    public void myDrawBitmap() {
        Canvas canvas = surfaceHolder.lockCanvas();
        canvas.drawBitmap(bitmap, 0, 0, paint);
        canvas.drawCircle(textX, textY, 20, paint);
        surfaceHolder.unlockCanvasAndPost(canvas);
    }

使用SurfaceView的刷图方式，实现“随手指移动的小球”，其主要的实现代码如下：

package com.example.huawei;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.view.MotionEvent;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
import android.view.SurfaceHolder.Callback;

public class MySurfaceView extends SurfaceView implements Callback{
    private SurfaceHolder surfaceHolder;
    private Paint paint;
    private int textX = 100, textY = 100;
    private Bitmap bitmap;

    public MySurfaceView(Context context){
        super(context);
        //实例化SurfaceHolder
        surfaceHolder = this.getHolder();
        //为surfaceHolder添加状态监听
        surfaceHolder.addCallback(this);
        //实例化一个画笔
        paint = new Paint();
        //设置画笔颜色为白色
        paint.setColor(Color.WHITE);
        BitmapDrawable bitmapDrawable = (BitmapDrawable)(context.getResources().getDrawable(R.drawable.ic_launcherbit));
        bitmap = bitmapDrawable.getBitmap();
    }

    @Override
    public void surfaceChanged(SurfaceHolder arg0, int arg1, int arg2, int arg3) {
        // TODO Auto-generated method stub

    }

    @Override
    public void surfaceCreated(SurfaceHolder arg0) {
        // TODO Auto-generated method stub

    }

    @Override
    public void surfaceDestroyed(SurfaceHolder arg0) {
        // TODO Auto-generated method stub

    }

    public void myDraw(){
        Canvas canvas = surfaceHolder.lockCanvas();
        canvas.drawCircle(textX, textY, 20, paint);
        surfaceHolder.unlockCanvasAndPost(canvas);
    }

    public void myDrawColor() {
        Canvas canvas = surfaceHolder.lockCanvas();
        canvas.drawColor(Color.BLACK);
        canvas.drawCircle(textX, textY, 20, paint);
        surfaceHolder.unlockCanvasAndPost(canvas);
    }

    public void myDrawRGB() {
        Canvas canvas = surfaceHolder.lockCanvas();
        canvas.drawRGB(0, 0, 0);
        canvas.drawCircle(textX, textY, 20, paint);
        surfaceHolder.unlockCanvasAndPost(canvas);
    }

    public void myDrawRect() {
        Canvas canvas = surfaceHolder.lockCanvas();
        canvas.drawRect(0,0,this.getWidth(),this.getHeight(),paint);
        canvas.drawCircle(textX, textY, 20, paint);
        surfaceHolder.unlockCanvasAndPost(canvas);
    }

    public void myDrawBitmap() {
        Canvas canvas = surfaceHolder.lockCanvas();
        canvas.drawBitmap(bitmap, 0, 0, paint);
        canvas.drawCircle(textX, textY, 20, paint);
        surfaceHolder.unlockCanvasAndPost(canvas);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // TODO Auto-generated method stub
        textX = (int)event.getX();
        textY = (int)event.getY();
        myDrawBitmap();
        return true;
    }
}

使用MySurfaceView类的MainActivity类：

package com.example.huawei;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(new MySurfaceView(this));
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
}

随手指移动的效果图，如下所示：
这里写图片描述

BASIC_DU
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android中的SurfaceView详解
人生代码 ---- 公众号
04-04 651
Android中提供了View进行绘图处理，View可以满足大部分的绘图需求，但是有时候，View却显得力不从心，所以Android提供了SurfaceView给Android开发者，以满足更多的绘图需求。下面就让我们一起来了解一下SurfaceView。 一、为什么要使用SurfaceView 我们知道View是通过刷新来重绘视图，系统通过发出VSSYNC信号来进行屏幕的重绘，刷新的时间间隔是1...
SurfaceView打造自定义时钟ClockView
VincentChan的博客
10-13 1061
从事Android开发也一段时间了，一直有做云笔记的习惯，但是博客不怎么写。最近给自己定了个计划，坚持每周至少写三个自定义控件，所谓熟能生巧呀。作为第一篇写的博客，给大家带来用SurfaceView打造的自定义时钟。PS:最近看见洋神的一篇推送，有人写了这个，自己看着效果图就写了哈哈，至少效果感觉还阔以O(∩_∩)O 先看下这炫酷的效果哈哈(时钟上的很线是录制的原因，效果是没有那根线的，
anroid使用surfaceView画不停移动的圆形
05-15
anroid使用surfaceView画不停移动的圆形，使用线程在canvas中画圆形，并且改变其xy.
SurfaceView局部刷新
kouriba
07-04 471
Canvas canvas = holder.lockCanvas(null);//获取画布 Paint mPaint = new Paint(); mPaint.setColor(Color.BLUE); canvas.drawRect(new RectF(40,60,80,80), mPaint); holder.unlockCanvasAndPost(canva...
surfaceview刷新操作的一些优化建议
诸神的黄昏
05-14 1万+
我们如果经常编写游戏的话，surfaceview刷图可以说是再经常不过的一件事了 然而随着动画效果的增加，刷新的图片越来越多，无法避免的会带来效率优化的问题，经常性的卡顿导致用户体验很不好，这里本人总结了一些自己的和别人的经验，来对刷新效果优化进行下总结，如果还有更好的方法也希望能学习下，并更新到这里 1.合理使用缓存。 使用缓存是第一时间就会想到的，然而什么时候使用，如何使用还是值
android采用SurfaceView实现文字滚动效果
小崔的博客
01-16 7896
前言 为了实现文字的滚动效果，之前也重写了TextView效果都不太好，后来对SurfaceView进行完善。声明　　     欢迎转载，但请保留文章原始出处:) 　　　　小崔博客：http://blog.csdn.net/cuiran 正文     package com.ghyf.mplay.view; import java.util.ArrayList; import java.u
Android SurfaceView 绘图覆盖刷新及脏矩形刷新方法
weixin_34233856的博客
11-08 395
SurfaceView在Android中用作游戏开发是最适宜的，本文就将演示游戏开发中常用的两种绘图刷新策略在SurfaceView中的实现方法。 首先我们来看一下本例需要用到的两个素材图片： bj.jpg就是一个渐变图，用作背景。 question.png是一个半透明的图像，我们希望将它放在上面，围绕其圆心不断旋转。 实现代码如下： package SkyD.SurfaceViewTest;...
SurfaceView的简单应用
06-04
`SurfaceView` 是 Android 视图系统的一个子类，与普通的 `View` 不同，它有自己的独立绘图表面，这使得它能更好地处理复杂的动画和图形操作。`SurfaceView` 的绘图区域是在应用程序窗口的前面，直接与屏幕像素交互...
SurfaceView源码分析以及使用
YuQing_Cat的博客
11-01 1158
概述 SurfaceView是Android中比较特殊的一类视图，它与普通的View最主要的区别是它和它的视图容器并不是在一个视图层。 为什么要使用SurfaceView 我们知道Android系统中是提供了View来进行绘图处理，然后可以通过invalidate方法通知系统去调用view.onDraw方法去对界面进行重绘，而Android系统是通过发出VSYNC信号来进行屏幕的重绘，可以看出Vi...
SurfaceView双缓冲应用（心电图绘制），避免闪烁
ReserveRainbow的专栏
04-02 4438
一般的绘图都是刷屏就行了，留意SurfaceView有两个缓冲（网上对此介绍很多，我就不再赘述），每次重新绘制图形即可。      我这里的要求是不刷屏，绘图（实时心电图）时，要求能保留画面上次所绘制的图像，在下次绘图时，直接在上次的画面上进行，根据采样率，每秒绘制25~40次。                先上图：      程序运行效果截图           下面为参
Android视图SurfaceView的实现原理分析
weixin_30387423的博客
03-16 784
在Android系统中，有一种特殊的视图，称为SurfaceView，它拥有独立的绘图表面，即它不与其宿主窗口共享同一个绘图表面。由于拥有独立的绘图表面，因此SurfaceView的UI就可以在一个独立的线程中进行绘制。又由于不会占用主线程资源，SurfaceView一方面可以实现复杂而高效的UI，另一方面又不会导致用户输入得不到及时响应。在本文中，我们就详细分析Surface...
android 圆形相机RoundSurfaceView
jzlhll123的专栏
04-18 2410
最近做了圆形相机，使用surfaceView来承载。 public final class CircleSurfaceView extends SurfaceView implements SurfaceHolder.Callback{ public CircleSurfaceView(Context context) { super(context); init(); } public CircleSurfaceView(Context conte
绘制圆形surfaceview，解决预览框的畸变问题
熊仙森滴Blog
06-30 1万+
绘制圆形的SurfaceView 1. 首先介绍一下什么是SurfaceView Surface意为表层、表面，顾名思义SurfaceView就是指一个在表层的View对象。为什么说是在表层呢，这是因为它有点特殊跟其他View不一样，其他View是绘制在“表层”的上面，而它就是充当“表层”本身。创建SurfaceView的时候需要实现SurfaceHolder.Callback接口，它可以...
SurfaceView闪烁问题的根源-双缓存机制
热门推荐
^-^
12-05 2万+
上篇中提到了SurfaceView绘制触摸轨迹时出现的闪烁问题，这里就说明下产生这种困扰的根源——双缓存机制。     Android中的SurfaceView在更新视图时，为了提高更新效率，加强用户体验，采用了双缓存机制。     Android的官方说明有： Note: On each pass you retrieve the Canvas from the SurfaceHolder,
Android SurfaceView 绘图覆盖刷新及“.NET研究”脏矩形刷新方法
weixin_34085658的博客
10-20 183
　　SurfaceView在Android中用作游戏开发是最适宜的，本文就将演示游戏开发中常用的两种绘图刷新策略在SurfaceView中的实现方法。 　　首先我们来看一下本例需要用到的两个素材图片： 　　bj.jpg就是一个渐变图，用作背景。 　　question.png是一个半透明的图像，我们希望将它放在上面，围绕其圆心不断旋转。 　　实现代码如下： package SkyD.Surface...
用Canvas在SurfaceView上绘制一个雷达扫描动画
忆_析风的博客
07-07 1446
用Canvas在SurfaceView制作一个雷达扫描动画 目录 用Canvas在SurfaceView制作一个雷达扫描动画 目录 为什么选择SurfaceView 准备工作 构建MySurfaceView 下载WeakHandler 创建usefullib 创建雷达扫描动画的SurfaceView 添加基础代码 绘制雷达部件 绘制简单的部分 绘制扫描部分 源码 ...
SurfaceView的烦恼(二)-部分刷新与第一、二帧猜想
热爱学习，享受生活
06-09 1015
上篇"SurfaceView的烦恼(一)-双缓存与清屏 "提供了一个解决办法：每次画的时候，先清屏然后再全部重新画。这里有两重意思：清屏就把上次的残留清除掉了，不会出现重叠现象；全部重新画，信息也就不 会因为清屏而不全。这种办法用起来很有效，不管SurfaceView的双缓冲显示(flip)的底层原理，也不会出现下面要说的“第一、二帧的猜想”的 问题。        办法虽然有效，但对于
SurfaceView和View 关系
最新发布
06-09
最大的不同点在于 View 是在主线程中绘制的，而 SurfaceView 可以在独立的线程中绘制，这使得 SurfaceView 在实现一些高性能的动画和游戏时有很大的优势。 在层级关系上，View 是直接绘制到屏幕上的，而 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值