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 implements了SurfaceTextureListener接口因此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可以使用setAlpha和setRotation方法達到改變透明度和旋轉的效果。

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