首页 > 代码库 > Android TextureView简易教程

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);

技术分享

Android TextureView简易教程