SurfaceView与TextureView

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了SurfaceView与TextureView相关的知识,希望对你有一定的参考价值。

参考技术A

SurfaceView与TextureView是Android做视频开发是必定要用到的两个控件,它们的特性和使用场景有什么区别。先来概括如下:

下面内容来自CharonChui

在说SurfaceView之前,需要先说一下几个相关的部分。

SurfaceView就是在Window上挖一个洞,它就是显示在这个洞里,其他的View是显示在Window上,所以View可以显式在 SurfaceView之上,你也可以添加一些层在SurfaceView之上。

很明显,每个 SurfaceView 创建的时候都会创建一个 MyWindow , new MyWindow(this) 中的 this 正是 SurfaceView 自身,因此将 SurfaceView 和 window 绑定在一起,而前面提到过每个 window 对应一个 Surface ,
所以 SurfaceView 也就内嵌了一个自己的 Surface ,可以认为 SurfaceView 是来控制 Surface 的位置和尺寸。传统 View 及其派生类的更新只能在 UI 线程,然而 UI 线程还同时处理其他交互逻辑,
这就无法保证 view 更新的速度和帧率了,而 SurfaceView 可以用独立的线程来进行绘制,因此可以提供更高的帧率,例如游戏,摄像头取景等场景就比较适合用 SurfaceView 来实现。

SurfaceView的优缺点:

一般的Activity包含的多个View会组成View hierachy的树形结构,只有最顶层的DectorView才是对WMS可见的,这个DecorView在WMS中有一个对应的WindowState,再SurfaceFlinger中有对应的Layer,而SurfaceView正因为它有自己的Surface,有自己的Window,它在WMS中有对应的WindowState,在SurfaceFlinger中有Layer。虽然在App端它仍在View hierachy中,但在Server端(WMS和SurfaceFlinger)中,它与宿主窗口是分离的。

这样的好处是对这个Surface的渲染可以放到单独的线程中去做,渲染时可以有自己的GL context。因为它不会影响主线程对时间的响应。所以它的优点就是可以在独立的线程中绘制,不影响主线程,而且使用双缓冲机制,播放视频时画面更顺畅。
但是这也有缺点,因为这个Surface不在View hierachy中,它的显示也不受View的属性控制,所以不能进行平移、缩放等动画,它也不能放在其它ViewGroup中,SurfaceView不能嵌套使用,而且不能使用某些View的特性,例如View.setAlpha()。

从Android7.0开始,SurfaceView的窗口位置与其他View渲染同步更新。 这意味着在屏幕上平移和缩放SurfaceView不会导致渲染失真。

显示一个 Surface 的抽象接口,使你可以控制 Surface 的大小和格式以及在 Surface 上编辑像素,和监视 Surace 的改变。这个接口通常通过 SurfaceView 类实现。
简单的说就是我们无法直接操作 Surface 只能通过 SurfaceHolder 这个接口来获取和操作 Surface 。
SurfaceHolder 中提供了一些 lockCanvas() :获取一个 Canvas 对象,并锁定之。所得到的 Canvas 对象,其实就是 Surface 中一个成员。加锁的目的其实就是为了在绘制的过程中,
Surface 中的数据不会被改变。 lockCanvas 是为了防止同一时刻多个线程对同一 canvas 写入。

从设计模式的角度来看, Surface、SurfaceView、SurfaceHolder 实质上就是 MVC(Model-View-Controller) , Model 就是模型或者说是数据模型,更简单的可以理解成数据,在这里也就是 Surface ,
View 就是视图,代表用户交互界面,这里就是 SurfaceView , SurfaceHolder 就是 Controller.

--》音视频开发之旅 标注:这个MVC的理解很精彩

因为上面所说的SurfaceView不在主窗口中,它没法做动画没法使用一些View的特性方法,所以在Android 4.0中引入了TextureView,它是一个结合了View和SurfaceTexture的View对象。它不会在WMS中单独创建窗口,而是作为View hierachy中的一个普通view,因此它可以和其他普通View一样进行平移、旋转等动画。但是TextureView必须在硬件加速的窗口中,它显示的内容流数据可以来自App进程或者远程进程。

TextureView重载了draw()方法,其中主要SurfaceTexture中收到的图像数据作为纹理更新到对应的HardwareLayer中。

SurfaceTexture.OnFrameAvailableListener用于通知TextureView内容流有新图像到来。SurfaceTextureListener接口用于让TextureView的使用者知道SurfaceTexture已准备好,这样就可以把SurfaceTexture交给相应的内容源。Surface为BufferQueue的Producer接口实现类,使生产者可以通过它的软件或硬件渲染接口为SurfaceTexture内部的BufferQueue提供graphic buffer。

SurfaceTexture可以用作非直接输出的内容流,这样就提供二次处理的机会。与SurfaceView直接输出相比,这样会有若干帧的延迟。同时,由于它本身管理BufferQueue,因此内存消耗也会稍微大一些。
TextureView是一个可以把内容流作为外部纹理输出在上面的View, 它本身需要是一个硬件加速层。

SurfaceTexture是Surface和OpenGL ES(GLES)纹理的组合。SurfaceTexture用于提供输出到GLES 纹理的Surface。

SurfaceTexture是从Android 3.0开始加入,与SurfaceView不同的是,它对图像流的处理并不直接显示,而是转为GL外部纹理,因此用于图像流数据的二次处理。

比如Camera的预览数据,变成纹理后可以交给GLSurfaceView直接显示,也可以通过SurfaceTexture交给TextureView作为View heirachy中的一个硬件加速层来显示。首先,SurfaceTexture从图像流(来自Camera预览、视频解码、GL绘制场景等)中获得帧数据,当调用updateTexImage()时,根据内容流中最近的图像更新SurfaceTexture对应的GL纹理对象。

SurfaceTexture 包含一个应用是其使用方的BufferQueue。当生产方将新的缓冲区排入队列时,onFrameAvailable() 回调会通知应用。然后,应用调用updateTexImage(),这会释放先前占有的缓冲区,从队列中获取新缓冲区并执行EGL调用,从而使GLES可将此缓冲区作为外部纹理使用

SurfaceView是一个有自己Surface的View。它的渲染可以放在单独线程而不是主线程中。其缺点是不能做变形和动画。

SurfaceTexture可以用作非直接输出的内容流,这样就提供二次处理的机会。与SurfaceView直接输出相比,这样会有若干帧的延迟。同时,由于它本身管理BufferQueue,因此内存消耗也会稍微大一些。

TextureView是一个可以把内容流作为外部纹理输出在上面的View。它本身需要是一个硬件加速层。事实上TextureView本身也包含了SurfaceTexture。它与SurfaceView+SurfaceTexture组合相比可以完成类似的功能(即把内容流上的图像转成纹理,然后输出)。

TextureView是在View hierachy中做绘制,因此一般它是在主线程上做的(在Android 5.0引入渲染线程后,它是在渲染线程中做的)。而SurfaceView+SurfaceTexture在单独的Surface上做绘制,可以是用户提供的线程,而不是系统的主线程或是渲染线程。

与 SurfaceView 相比,TextureView 具有更出色的 Alpha 版和旋转处理能力,但在视频上以分层方式合成界面元素时,SurfaceView 具有性能方面的优势。当客户端使用 SurfaceView 呈现内容时,SurfaceView 会为客户端提供单独的合成层。如果设备支持,SurfaceFlinger 会将单独的层合成为硬件叠加层。当客户端使用 TextureView 呈现内容时,界面工具包会使用 GPU 将 TextureView 的内容合成到 View 层次结构中。对内容进行的更新可能会导致其他 View 元素重绘,例如,如果其他 View 位于 TextureView 上方。View 呈现完成后,SurfaceFlinger 会合成应用界面层和所有其他层,以至每个可见像素合成两次。

注意:受 DRM 保护的视频只能在叠加平面上呈现。支持受保护内容的视频播放器必须使用 SurfaceView 进行实现。

Android TextureView简易教程

如果你想显示一段在线视频或者任意的数据流比如视频或者OpenGL 场景,你可以用android中的TextureView做到。

TextureView的兄弟SurfaceView

应用程序的视频或者opengl内容往往是显示在一个特别的UI控件中:SurfaceView。SurfaceView的工作方式是创建一个置于应用窗口之后的新窗口。这种方式的效率非常高,因为SurfaceView窗口刷新的时候不需要重绘应用程序的窗口(android普通窗口的视图绘制机制是一层一层的,任何一个子元素或者是局部的刷新都会导致整个视图结构全部重绘一次,因此效率非常低下,不过满足普通应用界面的需求还是绰绰有余),但是SurfaceView也有一些非常不便的限制。

因为SurfaceView的内容不在应用窗口上,所以不能使用变换(平移、缩放、旋转等)。也难以放在ListView或者ScrollView中,不能使用UI控件的一些特性比如View.setAlpha()

为了解决这个问题 Android 4.0中引入了TextureView。

TextureView

与SurfaceView相比,TextureView并没有创建一个单独的Surface用来绘制,这使得它可以像一般的View一样执行一些变换操作,设置透明度等。另外,Textureview必须在硬件加速开启的窗口中。

TextureView的使用非常简单,你唯一要做的就是获取用于渲染内容的SurfaceTexture。具体做法是先创建TextureView对象,然后实现SurfaceTextureListener接口,代码如下:

  1. private TextureView myTexture;
  2. public class MainActivity extends Activity implements SurfaceTextureListener{
  3. protected void onCreate(Bundle savedInstanceState) {
  4. myTexture = new TextureView(this);
  5. myTexture.setSurfaceTextureListener(this);
  6. setContentView(myTexture);
  7. }
  8. }

Activity implementsSurfaceTextureListener接口因此activity中需要重写如下方法:

  1. @Override
  2. public void onSurfaceTextureAvailable(SurfaceTexture arg0, int arg1, int arg2) {
  3. }
  4. @Override
  5. public boolean onSurfaceTextureDestroyed(SurfaceTexture arg0) {
  6. }
  7. @Override
  8. public void onSurfaceTextureSizeChanged(SurfaceTexture arg0, int arg1,int arg2) {
  9. }
  10. @Override
  11. public void onSurfaceTextureUpdated(SurfaceTexture arg0) {
  12. }

 

TextureView可以使用setAlphasetRotation方法达到改变透明度和旋转的效果。

  1. myTexture.setAlpha(1.0f);
  2. myTexture.setRotation(90.0f);

除了上面的方法之外,TextureView 还有如下方法:

序号方法&描述
1 getSurfaceTexture()
This method returns the SurfaceTexture used by this view.
2 getBitmap(int width, int height)
This method returns Returns a Bitmap representation of the content of the associated surface texture.
3 getTransform(Matrix transform)
This method returns the transform associated with this texture view.
4 isOpaque()
This method indicates whether this View is opaque.
5 lockCanvas()
This method start editing the pixels in the surface
6 setOpaque(boolean opaque)
This method indicates whether the content of this TextureView is opaque.
7 setTransform(Matrix transform)
This method sets the transform to associate with this texture view.
8 unlockCanvasAndPost(Canvas canvas)
This method finish editing pixels in the surface.

例子

下面的例子演示了如何使用TextureView类,我们创建了一个可以在TextureView中预览Camera的demo,可以改变它的角度以及方向。当然程序需要运行在有摄像头的设备上。

下面是MainActivity.java中的代码:

  1. package com.example.textureview;
  2. import java.io.IOException;
  3. import android.annotation.SuppressLint;
  4. import android.app.Activity;
  5. import android.graphics.SurfaceTexture;
  6. import android.hardware.Camera;
  7. import android.os.Bundle;
  8. import android.view.Gravity;
  9. import android.view.Menu;
  10. import android.view.TextureView;
  11. import android.view.TextureView.SurfaceTextureListener;
  12. import android.view.View;
  13. import android.widget.FrameLayout;
  14. public class MainActivity extends Activity implements SurfaceTextureListener {
  15. private TextureView myTexture;
  16. private Camera mCamera;
  17. @SuppressLint("NewApi")
  18. @Override
  19. protected void onCreate(Bundle savedInstanceState) {
  20. super.onCreate(savedInstanceState);
  21. setContentView(R.layout.activity_main);
  22. myTexture = new TextureView(this);
  23. myTexture.setSurfaceTextureListener(this);
  24. setContentView(myTexture);
  25. }
  26. @Override
  27. public boolean onCreateOptionsMenu(Menu menu) {
  28. // Inflate the menu; this adds items to the action bar if it is present.
  29. getMenuInflater().inflate(R.menu.main, menu);
  30. return true;
  31. }
  32. @SuppressLint("NewApi")
  33. @Override
  34. public void onSurfaceTextureAvailable(SurfaceTexture arg0, int arg1,
  35. int arg2) {
  36. mCamera = Camera.open();
  37. Camera.Size previewSize = mCamera.getParameters().getPreviewSize();
  38. myTexture.setLayoutParams(new FrameLayout.LayoutParams(
  39. previewSize.width, previewSize.height, Gravity.CENTER));
  40. try {
  41. mCamera.setPreviewTexture(arg0);
  42. } catch (IOException t) {
  43. }
  44. mCamera.startPreview();
  45. myTexture.setAlpha(1.0f);
  46. myTexture.setRotation(90.0f);
  47. }
  48. @Override
  49. public boolean onSurfaceTextureDestroyed(SurfaceTexture arg0) {
  50. mCamera.stopPreview();
  51. mCamera.release();
  52. return true;
  53. }
  54. @Override
  55. public void onSurfaceTextureSizeChanged(SurfaceTexture arg0, int arg1,
  56. int arg2) {
  57. // TODO Auto-generated method stub
  58. }
  59. @Override
  60. public void onSurfaceTextureUpdated(SurfaceTexture arg0) {
  61. // TODO Auto-generated method stub
  62. }
  63. }

activity_main.xml

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. xmlns:tools="http://schemas.android.com/tools"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:paddingBottom="@dimen/activity_vertical_margin"
  6. android:paddingLeft="@dimen/activity_horizontal_margin"
  7. android:paddingRight="@dimen/activity_horizontal_margin"
  8. android:paddingTop="@dimen/activity_vertical_margin"
  9. tools:context=".MainActivity" >
  10. <TextureView
  11. android:id="@+id/textureView1"
  12. android:layout_width="wrap_content"
  13. android:layout_height="wrap_content"
  14. android:layout_alignParentTop="true"
  15. android:layout_centerHorizontal="true" />
  16. </RelativeLayout>

AndroidManifest.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
  3. package="com.example.textureview"
  4. android:versionCode="1"
  5. android:versionName="1.0" >
  6. <uses-sdk
  7. android:minSdkVersion="8"
  8. android:targetSdkVersion="17" />
  9. <uses-permission android:name="android.permission.CAMERA"/>
  10. <application
  11. android:allowBackup="true"
  12. android:icon="@drawable/ic_launcher"
  13. android:label="@string/app_name"
  14. android:theme="@style/AppTheme" >
  15. <activity
  16. android:name="com.example.textureview.MainActivity"
  17. android:label="@string/app_name" >
  18. <intent-filter>
  19. <action android:name="android.intent.action.MAIN" />
  20. <category android:name="android.intent.category.LAUNCHER" />
  21. </intent-filter>
  22. </activity>
  23. </application>
  24. </manifest>

 

不同参数下的截图:

myTexture.setAlpha(0.5f);

myTexture.setRotation(45.0f);

技术分享

myTexture.setAlpha(1.5f);

myTexture.setRotation(45.0f);

技术分享

myTexture.setAlpha(1.0f);

myTexture.setRotation(90.0f);

技术分享









以上是关于SurfaceView与TextureView的主要内容,如果未能解决你的问题,请参考以下文章

SurfaceView 与 TextureView 详解

Android笔记:SurfaceView与SurfaceHolder对象

相机的 SurfaceView 与 TextureView 对比?

android开发 surfaceView与按钮共存时,按钮的隐藏、显示问题

android: View, SurfaceView, GLSurfaceView, TextureView 区别与联系

MediaRecorder 保存与 SurfaceView 大小相同的视频