zoukankan      html  css  js  c++  java

  • SurfaceView, TextureView, SurfaceTexture等的区别

    SurfaceView, GLSurfaceView, SurfaceTexture以及TextureView是Android当中名字比较绕，关系又比较密切的几个类。本文基于Android 5.0(Lollipop)的代码理一下它们的基本原理，联系与区别。
     

    SurfaceView

    从Android 1.0(API level 1)时就有 。它继承自类View，因此它本质上是一个View。但与普通View不同的是，它有自己的Surface。我们知道，一般的Activity包含的多个View会组成View hierachy的树形结构，只有最顶层的DecorView，也就是根结点视图，才是对WMS可见的。这个DecorView在WMS中有一个对应的WindowState。相应地，在SF中对应的Layer。而SurfaceView自带一个Surface，这个Surface在WMS中有自己对应的WindowState，在SF中也会有自己的Layer。如下图所示：

    技术分享

    也就是说，虽然在Client端(App)它仍在View hierachy中，但在Server端（WMS和SF）中，它与宿主窗口是分离的。这样的好处是对这个Surface的渲染可以放到单独线程去做，渲染时可以有自己的GL context。这对于一些游戏、视频等性能相关的应用非常有益，因为它不会影响主线程对事件的响应。但它也有缺点，因为这个Surface不在View hierachy中，它的显示也不受View的属性控制，所以不能进行平移，缩放等变换，也不能放在其它ViewGroup中，一些View中的特性也无法使用。
     

    GLSurfaceView

    从Android 1.5(API level 3)开始加入，作为SurfaceView的补充。它可以看作是SurfaceView的一种典型使用模式。在SurfaceView的基础上，它加入了EGL的管理，并自带了渲染线程。另外它定义了用户需要实现的Render接口，提供了用Strategy pattern更改具体Render行为的灵活性。作为GLSurfaceView的Client，只需要将实现了渲染函数的Renderer的实现类设置给GLSurfaceView即可。如：
    Java代码  收藏代码
    1. public class TriangleActivity extends Activity {  
    2.     protected void onCreate(Bundle savedInstanceState) {  
    3.         mGLView = new GLSurfaceView(this);  
    4.         mGLView.setRenderer(new RendererImpl(this));  
    相关类图如下。其中SurfaceView中的SurfaceHolder主要是提供了一坨操作Surface的接口。GLSurfaceView中的EglHelper和GLThread分别实现了上面提到的管理EGL环境和渲染线程的工作。GLSurfaceView的使用者需要实现Renderer接口。
    技术分享
     
     

    SurfaceTexture

    从Android 3.0(API level 11)加入。和SurfaceView不同的是，它对图像流的处理并不直接显示，而是转为GL外部纹理，因此可用于图像流数据的二次处理（如Camera滤镜，桌面特效等）。比如Camera的预览数据，变成纹理后可以交给GLSurfaceView直接显示，也可以通过SurfaceTexture交给TextureView作为View heirachy中的一个硬件加速层来显示。首先，SurfaceTexture从图像流（来自Camera预览，视频解码，GL绘制场景等）中获得帧数据，当调用updateTexImage()时，根据内容流中最近的图像更新SurfaceTexture对应的GL纹理对象，接下来，就可以像操作普通GL纹理一样操作它了。从下面的类图中可以看出，它核心管理着一个BufferQueue的Consumer和Producer两端。Producer端用于内容流的源输出数据，Consumer端用于拿GraphicBuffer并生成纹理。SurfaceTexture.OnFrameAvailableListener用于让SurfaceTexture的使用者知道有新数据到来。JNISurfaceTextureContext是OnFrameAvailableListener从Native到Java的JNI跳板。其中SurfaceTexture中的attachToGLContext()和detachToGLContext()可以让多个GL context共享同一个内容源。
    技术分享
     
    Android 5.0中将BufferQueue的核心功能分离出来，放在BufferQueueCore这个类中。BufferQueueProducer和BufferQueueConsumer分别是它的生产者和消费者实现基类（分别实现了IGraphicBufferProducer和IGraphicBufferConsumer接口）。它们都是由BufferQueue的静态函数createBufferQueue()来创建的。Surface是生产者端的实现类，提供dequeueBuffer/queueBuffer等硬件渲染接口，和lockCanvas/unlockCanvasAndPost等软件渲染接口，使内容流的源可以往BufferQueue中填graphic buffer。GLConsumer继承自ConsumerBase，是消费者端的实现类。它在基类的基础上添加了GL相关的操作，如将graphic buffer中的内容转为GL纹理等操作。到此，以SurfaceTexture为中心的一个pipeline大体是这样的：
    技术分享
     

    TextureView

    在4.0(API level 14)中引入。它可以将内容流直接投影到View中，可以用于实现Live preview等功能。和SurfaceView不同，它不会在WMS中单独创建窗口，而是作为View hierachy中的一个普通View，因此可以和其它普通View一样进行移动，旋转，缩放，动画等变化。值得注意的是TextureView必须在硬件加速的窗口中。它显示的内容流数据可以来自App进程或是远端进程。从类图中可以看到，TextureView继承自View，它与其它的View一样在View hierachy中管理与绘制。TextureView重载了draw()方法，其中主要把SurfaceTexture中收到的图像数据作为纹理更新到对应的HardwareLayer中。SurfaceTexture.OnFrameAvailableListener用于通知TextureView内容流有新图像到来。SurfaceTextureListener接口用于让TextureView的使用者知道SurfaceTexture已准备好，这样就可以把SurfaceTexture交给相应的内容源。Surface为BufferQueue的Producer接口实现类，使生产者可以通过它的软件或硬件渲染接口为SurfaceTexture内部的BufferQueue提供graphic buffer。
    技术分享
    下面以VideoDumpView.java（位于/frameworks/base/media/tests/MediaDump/src/com/android/mediadump/）为例分析下SurfaceTexture的使用。这个例子的效果是从MediaPlayer中拿到视频帧，然后显示在屏幕上，接着把屏幕上的内容dump到指定文件中。因为SurfaceTexture本身只产生纹理，所以这里还需要GLSurfaceView配合来做最后的渲染输出。
     
    首先，VideoDumpView是GLSurfaceView的继承类。在构造函数VideoDumpView()中会创建VideoDumpRenderer，也就是GLSurfaceView.Renderer的实例，然后调setRenderer()将之设成GLSurfaceView的Renderer。
    Java代码  收藏代码
    1. 109    public VideoDumpView(Context context) {  
    2. ...  
    3. 116        mRenderer = new VideoDumpRenderer(context);  
    4. 117        setRenderer(mRenderer);  
    5. 118    }  
    随后，GLSurfaceView中的GLThread启动，创建EGL环境后回调VideoDumpRenderer中的onSurfaceCreated()。
    Java代码  收藏代码
    1. 519        public void onSurfaceCreated(GL10 glUnused, EGLConfig config) {  
    2. ...  
    3. 551            // Create our texture. This has to be done each time the surface is created.  
    4. 552            int[] textures = new int[1];  
    5. 553            GLES20.glGenTextures(1, textures, 0);  
    6. 554  
    7. 555            mTextureID = textures[0];  
    8. 556            GLES20.glBindTexture(GL_TEXTURE_EXTERNAL_OES, mTextureID);  
    9. ...  
    10. 575            mSurface = new SurfaceTexture(mTextureID);  
    11. 576            mSurface.setOnFrameAvailableListener(this);  
    12. 577  
    13. 578            Surface surface = new Surface(mSurface);  
    14. 579            mMediaPlayer.setSurface(surface);  
    这里，首先通过GLES创建GL的外部纹理。外部纹理说明它的真正内容是放在ion分配出来的系统物理内存中，而不是GPU中，GPU中只是维护了其元数据。接着根据前面创建的GL纹理对象创建SurfaceTexture。流程如下：

    技术分享

    SurfaceTexture的参数为GLES接口函数glGenTexture()得到的纹理对象id。在初始化函数SurfaceTexture_init()中，先创建GLConsumer和相应的BufferQueue，再将它们的指针通过JNI放到SurfaceTexture的Java层对象成员中。
    Cpp代码  收藏代码
    1. 230static void SurfaceTexture_init(JNIEnv* env, jobject thiz, jboolean isDetached,  
    2. 231        jint texName, jboolean singleBufferMode, jobject weakThiz)  
    3. 232{  
    4. ...  
    5. 235    BufferQueue::createBufferQueue(&producer, &consumer);  
    6. ...  
    7. 242    sp<GLConsumer> surfaceTexture;  
    8. 243    if (isDetached) {  
    9. 244        surfaceTexture = new GLConsumer(consumer, GL_TEXTURE_EXTERNAL_OES,  
    10. 245                true, true);  
    11. 246    } else {  
    12. 247        surfaceTexture = new GLConsumer(consumer, texName,  
    13. 248                GL_TEXTURE_EXTERNAL_OES, true, true);  
    14. 249    }  
    15. ...  
    16. 256    SurfaceTexture_setSurfaceTexture(env, thiz, surfaceTexture);  
    17. 257    SurfaceTexture_setProducer(env, thiz, producer);  
    18. ...  
    19. 266    sp<JNISurfaceTextureContext> ctx(new JNISurfaceTextureContext(env, weakThiz,  
    20. 267            clazz));  
    21. 268    surfaceTexture->setFrameAvailableListener(ctx);  
    22. 269    SurfaceTexture_setFrameAvailableListener(env, thiz, ctx);  
    由于直接的Listener在Java层，而触发者在Native层，因此需要从Native层回调到Java层。这里通过JNISurfaceTextureContext当了跳板。JNISurfaceTextureContext的onFrameAvailable()起到了Native和Java的桥接作用：
    Cpp代码  收藏代码
    1. 180void JNISurfaceTextureContext::onFrameAvailable()  
    2. ...  
    3. 184        env->CallStaticVoidMethod(mClazz, fields.postEvent, mWeakThiz);  
    其中的fields.postEvent早在SurfaceTexture_classInit()中被初始化为SurfaceTexture的postEventFromNative()函数。这个函数往所在线程的消息队列中放入消息，异步调用VideoDumpRenderer的onFrameAvailable()函数，通知VideoDumpRenderer有新的数据到来。
     
    回到onSurfaceCreated()，接下来创建供外部生产者使用的Surface类。Surface的构造函数之一带有参数SurfaceTexture。
    Java代码  收藏代码
    1. 133    public Surface(SurfaceTexture surfaceTexture) {  
    2. ...  
    3. 140            setNativeObjectLocked(nativeCreateFromSurfaceTexture(surfaceTexture));  
    它实际上是把SurfaceTexture中创建的BufferQueue的Producer接口实现类拿出来后创建了相应的Surface类。
    Cpp代码  收藏代码
    1. 135static jlong nativeCreateFromSurfaceTexture(JNIEnv* env, jclass clazz,  
    2. 136        jobject surfaceTextureObj) {  
    3. 137    sp<IGraphicBufferProducer> producer(SurfaceTexture_getProducer(env, surfaceTextureObj));  
    4. ...  
    5. 144    sp<Surface> surface(new Surface(producer, true));  
    这样，Surface为BufferQueue的Producer端，SurfaceTexture中的GLConsumer为BufferQueue的Consumer端。当通过Surface绘制时，SurfaceTexture可以通过updateTexImage()来将绘制结果绑定到GL的纹理中。
     
    回到onSurfaceCreated()函数，接下来调用setOnFrameAvailableListener()函数将VideoDumpRenderer（实现SurfaceTexture.OnFrameAvailableListener接口）作为SurfaceTexture的Listener，因为它要监听内容流上是否有新数据。接着将SurfaceTexture传给MediaPlayer，因为这里MediaPlayer是生产者，SurfaceTexture是消费者。后者要接收前者输出的Video frame。这样，就通过Observer pattern建立起了一条通知链：MediaPlayer -> SurfaceTexture -> VideDumpRenderer。在onFrameAvailable()回调函数中，将updateSurface标志设为true，表示有新的图像到来，需要更新Surface了。为毛不在这儿马上更新纹理呢，因为当前可能不在渲染线程。SurfaceTexture对象可以在任意线程被创建（回调也会在该线程被调用），但updateTexImage()只能在含有纹理对象的GL context所在线程中被调用。因此一般情况下回调中不能直接调用updateTexImage()。
     
    与此同时，GLSurfaceView中的GLThread也在运行，它会调用到VideoDumpRenderer的绘制函数onDrawFrame()。
    Java代码  收藏代码
    1. 372        public void onDrawFrame(GL10 glUnused) {  
    2. ...  
    3. 377                if (updateSurface) {  
    4. ...  
    5. 380                    mSurface.updateTexImage();  
    6. 381                    mSurface.getTransformMatrix(mSTMatrix);  
    7. 382                    updateSurface = false;  
    8. ...  
    9. 394            // Activate the texture.  
    10. 395            GLES20.glActiveTexture(GLES20.GL_TEXTURE0);  
    11. 396            GLES20.glBindTexture(GL_TEXTURE_EXTERNAL_OES, mTextureID);  
    12. ...  
    13. 421            // Draw a rectangle and render the <span style="padding: 0px;  auto; height: auto; float: none;"><a target="_blank" style="padding: 0px; color: #333333;" href="http://cpro.baidu.com/cpro/ui/uijs.php?app_id=0&c=news&cf=1001&ch=0&di=128&fv=18&is_app=0&jk=ddd62cbeae8a0ad1&k=video&k0=video&kdi0=0&luki=7&n=10&p=baidu&q=65035100_cpr&rb=0&rs=1&seller_id=1&sid=d10a8aaebe2cd6dd&ssp2=1&stid=0&t=tpclicked3_hc&tu=u1836545&u=http%3A%2F%2Fwww%2Ebubuko%2Ecom%2Finfodetail%2D656030%2Ehtml&urlid=0"><span style="padding: 0px; color: #0000ff;  auto; height: auto;">video</span></a></span> frame as a texture on it.  
    14. 422            GLES20.glDrawArrays(GLES20.GL_TRIANGLE_STRIP, 0, 4);  
    15. ...  
    16. 429                DumpToFile(frameNumber);  
    这里，通过SurfaceTexture的updateTexImage()将内容流中的新图像转成GL中的纹理，再进行坐标转换。绑定刚生成的纹理，画到屏幕上。整个流程如下：

    技术分享

    最后onDrawFrame()调用DumpToFile()将屏幕上的内容倒到文件中。在DumpToFile()中，先用glReadPixels()从屏幕中把像素数据存到Buffer中，然后用FileOutputStream输出到文件。
     
    上面讲了SurfaceTexture，下面看看TextureView是如何工作的。还是从例子着手，Android的关于TextureView的官方文档(http://developer.android.com/reference/android/view/TextureView.html)给了一个简洁的例子LiveCameraActivity。它它可以将Camera中的内容放在View中进行显示。在onCreate()函数中首先创建TextureView，再将Activity(实现了TextureView.SurfaceTextureListener接口)传给TextureView，用于监听SurfaceTexture准备好的信号。
    Java代码  收藏代码
    1. protected void onCreate(Bundle savedInstanceState) {  
    2.     ...  
    3.     mTextureView = new TextureView(this);  
    4.     mTextureView.setSurfaceTextureListener(this);  
    5.     ...  
    6. }  
    TextureView的构造函数并不做主要的初始化工作。主要的初始化工作是在getHardwareLayer()中，而这个函数是在其基类View的draw()中调用。TextureView重载了这个函数：
    Java代码  收藏代码
    1. 348    HardwareLayer getHardwareLayer() {  
    2. ...  
    3. 358            mLayer = mAttachInfo.mHardwareRenderer.createTextureLayer();  
    4. 359            if (!mUpdateSurface) {  
    5. 360                // Create a new SurfaceTexture for the layer.  
    6. 361                mSurface = new SurfaceTexture(false);  
    7. 362                mLayer.setSurfaceTexture(mSurface);  
    8. 363            }  
    9. 364            mSurface.setDefaultBufferSize(getWidth(), getHeight());  
    10. 365            nCreateNativeWindow(mSurface);  
    11. 366  
    12. 367            mSurface.setOnFrameAvailableListener(mUpdateListener, mAttachInfo.mHandler);  
    13. 368  
    14. 369            if (mListener != null && !mUpdateSurface) {  
    15. 370                mListener.onSurfaceTextureAvailable(mSurface, getWidth(), getHeight());  
    16. 371            }  
    17. ...  
    18. 390        applyUpdate();  
    19. 391        applyTransformMatrix();  
    20. 392  
    21. 393        return mLayer;  
    22. 394    }  
    因为TextureView是硬件加速层（类型为LAYER_TYPE_HARDWARE），它首先通过HardwareRenderer创建相应的HardwareLayer类，放在mLayer成员中。然后创建SurfaceTexture类，具体流程见前文。之后将HardwareLayer与SurfaceTexture做绑定。接着调用Native函数nCreateNativeWindow，它通过SurfaceTexture中的BufferQueueProducer创建Surface类。注意Surface实现了ANativeWindow接口，这意味着它可以作为EGL Surface传给EGL接口从而进行硬件绘制。然后setOnFrameAvailableListener()将监听者mUpdateListener注册到SurfaceTexture。这样，当内容流上有新的图像到来，mUpdateListener的onFrameAvailable()就会被调用。然后需要调用注册在TextureView中的SurfaceTextureListener的onSurfaceTextureAvailable()回调函数，通知TextureView的使用者SurfaceTexture已就绪。整个流程大体如下：

    技术分享

    注意这里这里为TextureView创建了DeferredLayerUpdater，而不是像Android 4.4(Kitkat)中返回GLES20TextureLayer。因为Android 5.0(Lollipop)中在App端分离出了渲染线程，并将渲染工作放到该线程中。这个线程还能接收VSync信号，因此它还能自己处理动画。事实上，这里DeferredLayerUpdater的创建就是通过同步方式在渲染线程中做的。DeferredLayerUpdater，顾名思义，就是将Layer的更新请求先记录在这，当渲染线程真正要画的时候，再进行真正的操作。其中的setSurfaceTexture()会调用HardwareLayer的Native函数nSetSurfaceTexture()将SurfaceTexture中的surfaceTexture成员（类型为GLConsumer）传给DeferredLayerUpdater，这样之后要更新纹理时DeferredLayerUpdater就知道从哪里更新了。
     
    前面提到初始化中会调用onSurfaceTextureAvailable()这个回调函数。在它的实现中，TextureView的使用者就可以将准备好的SurfaceTexture传给数据源模块，供数据源输出之用。如：
    Java代码  收藏代码
    1. public void onSurfaceTextureAvailable(SurfaceTexture surface, int width, int height) {  
    2.     mCamera = Camera.open();  
    3.         ...  
    4.         mCamera.setPreviewTexture(surface);  
    5.         mCamera.startPreview();  
    6.         ...  
    7. }  
    看一下setPreviewTexture()的实现，其中把SurfaceTexture中初始化时创建的GraphicBufferProducer拿出来传给Camera模块。
    Cpp代码  收藏代码
    1. 576static void android_<span style="padding: 0px;  auto; height: auto; float: none;"><a target="_blank" style="padding: 0px; color: #333333;" href="http://cpro.baidu.com/cpro/ui/uijs.php?app_id=0&c=news&cf=1001&ch=0&di=128&fv=18&is_app=0&jk=ddd62cbeae8a0ad1&k=hardware&k0=hardware&kdi0=0&luki=3&n=10&p=baidu&q=65035100_cpr&rb=0&rs=1&seller_id=1&sid=d10a8aaebe2cd6dd&ssp2=1&stid=0&t=tpclicked3_hc&tu=u1836545&u=http%3A%2F%2Fwww%2Ebubuko%2Ecom%2Finfodetail%2D656030%2Ehtml&urlid=0"><span style="padding: 0px; color: #0000ff;  auto; height: auto;">hardware</span></a></span>_Camera_setPreviewTexture(JNIEnv *env,  
    2. 577        jobject thiz, jobject jSurfaceTexture)  
    3. ...  
    4. 585        producer = SurfaceTexture_getProducer(env, jSurfaceTexture);  
    5. ...  
    6. 594    if (camera->setPreviewTarget(producer) != NO_ERROR) {  
    到这里，一切都初始化地差不多了。接下来当内容流有新图像可用，TextureView会被通知到（通过SurfaceTexture.OnFrameAvailableListener接口）。SurfaceTexture.OnFrameAvailableListener是SurfaceTexture有新内容来时的回调接口。TextureView中的mUpdateListener实现了该接口：
    Java代码  收藏代码
    1. 755        public void onFrameAvailable(SurfaceTexture surfaceTexture) {  
    2. 756            updateLayer();  
    3. 757            invalidate();  
    4. 758        }  
    可以看到其中会调用updateLayer()函数，然后通过invalidate()函数申请更新UI。updateLayer()会设置mUpdateLayer标志位。这样，当下次VSync到来时，Choreographer通知App通过重绘View hierachy。在UI重绘函数performTranversals()中，作为View hierachy的一分子，TextureView的draw()函数被调用，其中便会相继调用applyUpdate()和HardwareLayer的updateSurfaceTexture()函数。
    Java代码  收藏代码
    1. 138    public void updateSurfaceTexture() {  
    2. 139        nUpdateSurfaceTexture(mFinalizer.get());  
    3. 140        mRenderer.pushLayerUpdate(this);  
    4. 141    }  
    updateSurfaceTexture()实际通过JNI调用到android_view_HardwareLayer_updateSurfaceTexture()函数。在其中会设置相应DeferredLayerUpdater的标志位mUpdateTexImage，它表示在渲染线程中需要更新该层的纹理。


    技术分享

    前面提到，Android 5.0引入了渲染线程，它是一个更大的topic，超出本文范围，这里只说相关的部分。作为背景知识，下面只画出了相关的类。可以看到，ThreadedRenderer作为新的HardwareRenderer替代了Android 4.4中的Gl20Renderer。其中比较关键的是RenderProxy类，需要让渲染线程干活时就通过这个类往渲染线程发任务。RenderProxy中指向的RenderThread就是渲染线程的主体了，其中的threadLoop()函数是主循环，大多数时间它会poll在线程的Looper上等待，当有同步请求（或者VSync信号）过来，它会被唤醒，然后处理TaskQueue中的任务。TaskQueue是RenderTask的队列，RenderTask代表一个渲染线程中的任务。如DrawFrameTask就是RenderTask的继承类之一，它主要用于渲染当前帧。而DrawFrameTask中的DeferredLayerUpdater集合就存放着之前对硬件加速层的更新操作申请。

    技术分享

    当主线程准备好渲染数据后，会以同步方式让渲染线程完成渲染工作。其中会先调用processLayerUpdate()更新所有硬件加速层中的属性，继而调用到DeferredLayerUpdater的apply()函数，其中检测到标志位mUpdateTexImage被置位，于是会调用doUpdateTexImage()真正更新GL纹理和转换坐标。
    技术分享
     
     
    最后，总结下这几者的区别和联系。简单地说:
    SurfaceView是一个有自己独立Surface的View, 它的渲染可以放在单独线程而不是主线程中, 其缺点是不能做变形和动画。
    SurfaceTexture可以用作非直接输出的内容流，这样就提供二次处理的机会。与SurfaceView直接输出相比，这样会有若干帧的延迟。同时，由于它本身管理BufferQueue，因此内存消耗也会稍微大一些。
    TextureView是一个可以把内容流作为外部纹理输出在上面的View, 它本身需要是一个硬件加速层。
    事实上TextureView本身也包含了SurfaceTexture, 它与SurfaceView+SurfaceTexture组合相比可以完成类似的功能（即把内容流上的图像转成纹理，然后输出）, 区别在于TextureView是在View hierachy中做绘制，因此一般它是在主线程上做的（在Android 5.0引入渲染线程后，它是在渲染线程中做的）。而SurfaceView+SurfaceTexture在单独的Surface上做绘制，可以是用户提供的线程，而不是系统的主线程或是渲染线程。另外，与TextureView相比，它还有个好处是可以用Hardware overlay进行显示。
     
  • 相关阅读:
    怎么样使图片高度与宽度成比例自适应
    css文本溢出隐藏显示省略号（单行+多行）
    Monkey脚本API简介
    Monkey自动化测试
    MonkeyRunner自动化测试
    Shell逐行读取文件的3种方法
    shell脚本中调用其他脚本的三种方法
    CPU测试--通过proc获取CPU信息
    CPU测试--查看cpu占用率
    shell脚本如何获取当前时间
  • 原文地址：https://www.cnblogs.com/wytiger/p/5693569.html
Copyright © 2011-2022 走看看