View更新UI问题
对于一个View的onDraw方法,不能这样做,因为从后台线程修改一个GUI元素会被显式地禁止的。
当需要快速地更新View的UI,或者当渲染代码阻塞GUI线程的时间过长的时候,SurfaceView就是解决上述问题的最佳选择。
SurfaceView和View的区别
本质区别
surfaceView是在一个新起的单独线程中可以重新绘制画面,而View必须在UI的主线程中更新画面。-
为什么普通View只能在主线程中更新UI?
- UI线程是最重要的线程,负责绘制界面和分发窗口事件,它既不能被阻塞,也不是线程安全的。
- 通常界面绘制和分发事件本该是多线程访问的,但是多线程处理时为了保证访问资源的正确性,对于某些操作都会加上同步锁,这样会显然会降低效率,而且还会涉及到线程的等待与线程上下文切换。
- 为了提高效率,UI线程不在使用这些繁琐的多线程机制,为了保证对UI操作的正确性,只允许在UI线程中操作UI。在非UI线程中可通过post或者runOnUiThread来刷新view。
- UI主线程是多线程访问不安全的,因此更新画面时可能会引发问题,比如你更新画面的时间过长,那么你的主UI线程会被你正在画的函数阻塞。那么将无法响应按键,触屏等消息。
SurfaceView子线程更新UI带来问题
事件同步问题。比如你触屏了一下,你需要surfaceView中 thread处理,一般就需要有一个event queue的设计来保存touch event,这会稍稍复杂一点,因为涉及到线程同步。-
两种实例情况
画面依赖于onTouch来更新的,不需要一直更新,且更新效果简单,耗费资源少,这一次touch和下一次touch时间间隔比较长,可以直接用invalidate更新即可。
画面一直在更新,比如一个人在跑步,为了避免阻塞main UI thread这样就需要单独的thread不停地重绘ui了,这就要用到SurfaceView。
SurfaceView原理
什么是Surface?
简单地说Surface对应了一块屏幕缓冲区,每个window对应一个Surface,任何View都是画在Surface上的,传统的view共享一块屏幕缓冲区,所有的绘制必须在UI线程中进行Surface和SurfaceView的关系
SurfaceView封装了一个Surface对象,而不是Canvas,因为Surface可以使用后台线程绘制。
对于那些资源敏感的操作或者那些要求快速更新或者高速帧率的地方,例如,使用3D图形,创建游戏,或者实时预览摄像头,这一点特别有用。什么是SurfaceHolder.CallBack?
SurfaceHolder.Callback主要是当底层的Surface被创建、销毁或者改变时提供回调通知。
由于绘制必须在surface被创建后才能进行,因此SurfaceHolder.Callback中的surfaceCreated 和surfaceDestroyed 就成了绘图处理代码的边界。
SurfaceHolder,可以把它当成Surface的容器和控制器,用来操纵Surface,处理它的Canvas上画的效果和动画,控制表面,大小,像素等。使用代价
独立于GUI线程进行绘图的代价是额外的内存消耗,所以,虽然它是创建定制的View的有效方式–有时甚至是必须的,但是使用Surface View的时候仍然要保持谨慎。生命周期
SurfaceView变得可见时,Surface被创建;SurfaceView隐藏前,Surface被销毁。这样能节省资源。应该注意
所有SurfaceView和SurfaceHolder.Callback的方法都应该在UI线程里调用,一般来说就是应用程序主线程。渲染线程所要访问的各种变量应该作同步处理。
创建SurfaceView
要创建一个新的SurfaceView,需要创建一个新的扩展了SurfaceView的类,并实现SurfaceHolder.Callback。因为绘制工作在子线程中进行,模板代码一般会直接实现Runnable接口。
如果是比较复杂的情况,那可能就需要使用线程池,任务队列进行处理了。因为两次事件触发间隔时间可能比一次事件处理时间还短,为保证响应正确性,一般用任务队列处理。SurfaceHolder回调可以在底层的Surface被创建和销毁的时候通知View,并传递给它对SurfaceHolder对象的引用,其中包含了当前有效的Surface。
一个典型的SurfaceView设计模型包括一个由Thread所派生的类,它可以接收对当前的SurfaceHolder的引用,并独立地更新它。
使用场景
SurfaceView使用的方式与任何View所派生的类都是完全相同的。可以像其他View那样应用动画,并把它们放到布局中。
SurfaceView封装的Surface支持使用本章前面所描述的所有标准Canvas方法进行绘图,同时也支持完全的OpenGL ES库。
使用OpenGL,你可以再Surface上绘制任何支持的2D或者3D对象,与在2D画布上模拟相同的效果相比,这种方法可以依靠硬件加速(可用的时候)来极大地提高性能。
对于显示动态的3D图像来说,例如,那些使用Google Earth功能的应用程序,或者那些提供沉浸体验的交互式游戏,SurfaceView特别有用。它还是实时显示摄像头预览的最佳选择。
简单画图板代码
package com.hcsys.display.views;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.util.AttributeSet;
import android.util.EventLog;
import android.view.MotionEvent;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
/**
* des:
* author: admin
* time: 2016/10/24 11:32.
* e-mail:guohaichang@163.com
*/
public class CustomSurfaceView extends SurfaceView implements SurfaceHolder.Callback, Runnable {
// SurfaceHolder
private SurfaceHolder mHolder;
// 用于绘图的Canvas
private Canvas mCanvas;
// 子线程标志位
private volatile boolean mIsDrawing;
//画笔
private Paint mPaint;
//绘制路径
private Path mPath;
public CustomSurfaceView(Context context) {
super(context);
initView();
}
public CustomSurfaceView(Context context, AttributeSet attrs) {
super(context, attrs);
initView();
}
public CustomSurfaceView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initView();
}
private void initView() {
mHolder = getHolder();
mHolder.addCallback(this);
setFocusable(true);
setFocusableInTouchMode(true);
this.setKeepScreenOn(true);
//mHolder.setFormat(PixelFormat.OPAQUE);
mPaint = new Paint();
mPaint.setColor(Color.BLUE);
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setStrokeWidth(10);
mPaint.setAntiAlias(true);//抗锯齿
mPath = new Path();
}
@Override
public void surfaceCreated(SurfaceHolder holder) {
mIsDrawing = true;
new Thread(this).start();
}
@Override
public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
}
@Override
public void surfaceDestroyed(SurfaceHolder holder) {
mIsDrawing = false;
}
@Override
public void run() {
long start = System.currentTimeMillis();
while (mIsDrawing) {
draw();
}
long end = System.currentTimeMillis();
// 50 - 100
if (end - start < 100) {//保证线程运行时间不少于100ms
try {
Thread.sleep(100 - (end - start));
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}
private synchronized void draw() {
try {
mCanvas = mHolder.lockCanvas();
mCanvas.drawColor(Color.WHITE);
mCanvas.drawPath(mPath,mPaint);
} catch (Exception e) {
} finally {
if (mCanvas != null){
mHolder.unlockCanvasAndPost(mCanvas);
}
}
}
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()){
case MotionEvent.ACTION_DOWN:
mPath.moveTo(event.getX(),event.getY());
break;
case MotionEvent.ACTION_MOVE:
mPath.lineTo(event.getX(),event.getY());
break;
case MotionEvent.ACTION_UP:
break;
}
return true;
}
}