Android 学习笔记之SurfaceView的使用+如何实现视频播放...

学习内容：

1.掌握Surface的使用...

2.Android中如何实现视频播放...

1.SurfaceView类的使用

在Android中，一般播放音频时我们可以去使用Android提供的MediaPlayer类，但是想要播放视频仅仅依靠MediaPlayer类是远远不够的...这里还需要使用到一个SurfaceView这个组件来完成..为什么？因为像视频和SD图形等都需要迅速的更新...如果这个更新实在主线程内去完成，那么显然是不合理的，因为一个视频的播放，系统会首先确定视频的格式，然后得到视频的编码..然后对编码进行解码，得到一帧一帧的图像，最后在画布上进行迅速更新...这就是视频播放的机制...那么这个过程显然我们需要在另外一个线程内部去完成...这样主线程的其他内容，比如说其他的渲染操作，图片加载什么的，就不会导致主线程阻塞...这样我们就可以使用SurfaceView来完成...

SurfaceView继承了View类，也是属于视图的一部分...SurfaceView视图内嵌了一个专门用于绘制的Surface...其实每一个Surface都在每一个窗口的后面，我们可以通过SurfaceView类来控制哪些Surface的内容可以显示出来...其实说白了它的作用就是可以直接从内存或者是DMA硬件里获取图像数据...将这些图像数据迅速的显示出来，通过启动另外一个线程可以迅速的完成画面的更新操作，不会导致主线程阻塞...这个在游戏开发中也是起着非常重要的作用...

SurfaceView使用双缓冲机制，这个机制可以使SurfaceView同时对两张图片进行渲染操作...其实目的也是为了迅速更新图片的显示，第一个缓冲对这一帧进行解析，第二个会对下一帧进行解析...这样就可以避免在上一帧的图片显示完成后，下一帧的图片还没有进行显示的情况发生...这样就可以流畅的播放一个视频文件...

SurfaceView的实现...

首先需要一个类去继承这个类，然后实现SurfaceHolder.Callback()接口...使用这个接口的目的就是在Android中，SurfaceView的双缓冲机制是非常消耗资源的，因此Android规定，在SurfaceView可见的时候，SurfaceView会对文件进行解析并显示，当其不可见时，要直接销毁掉SurfaceView以节省资源...那么这个接口的目的就是形成这个过程...

需要重写的方法

（1）public void surfaceChanged(SurfaceHolder holder,int format,int width,int height){}

//在surface的大小发生改变时激发

（2）public void surfaceCreated(SurfaceHolder holder){}

//在创建时激发，一般在这里调用画图的线程。然后画图的工作开始...

（3）public void surfaceDestroyed(SurfaceHolder holder) {}

//销毁时激发，一般在这里将画图的线程停止、释放。

这三个方法就形成了上述说的那种关系...在视频的播放当中，它会结合MediaPlayer完成视频的流畅播放..而在游戏的开发当中，它可以结合Canvas元素来完成游戏中的一些画面迅速更新的操作...

总而言之，SurfaceView就是一个绘图的容器，它可以在不干扰主线程的情况下，调用另一个线程完成绘图的操作，并迅速的更新图像...以完成更好的显示效果....

这里来两个实例...一个是SurfaceView配合MediaPlayer完成视频的播放，另一个是结合Canvas完成一个图像在画布上显示出来...

1.结合Canvas完成图像在画布上的显示...

这里做了一个摩尔斯灯塔....什么是摩尔斯灯塔...这玩意其实在以前的战争中可以使用的到，这里有一个概念就是摩尔斯码...这个码就是将数字，字母等符号以"."和"-"的形式显示出来就是对文字的一种加密操作...出了可以发报文的形式，还可以以信号灯的形式来发送密报，然后另一方根据对应的信息进行解析...扯远了...

a .- b -... c -.-. d -.. e . f ..-. g --. h .... i .. j .--- k -.- l .-.. m -- n -. o --- p .--. q --.- r .-. s ... t - u ..- v ...- w .-- x -..- y -.-- z --.. 0 ----- 1 .---- 2 ..--- 3 ...-- 4 ....- 5 ..... 6 -.... 7 --... 8 ---.. 9 ----. . .-.-.- - -....- , ..--.. / -..- ; -.-.-. ( -.--. ) -.--. @ .--.- * ...-.- + .-.-. % .-... ! =---. $ ...-..-

View Code

这上面的就是摩尔斯码...我写在了txt文档当中...为了方便...但是我们需要注意一个地方就是我们在读取txt文档的时候，一定要把txt文档的对应内容拷贝到res/asset文件夹下面...或者是放在模拟器的内存卡中...千万别放在本地文件...因为Android的资源加载全在res文件夹下面或者是内存卡中，本地文件在正常的java程序中是可以读到的，但是在Android是一定读不到的..这个我已经试过，被坑3小时...因此这点需要注意....

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  android:id="@+id/layout_1"  xmlns:tools="http://schemas.android.com/tools"  android:layout_width="match_parent"  android:layout_height="match_parent"  android:paddingBottom="@dimen/activity_vertical_margin"  android:paddingLeft="@dimen/activity_horizontal_margin"  android:paddingRight="@dimen/activity_horizontal_margin"  android:paddingTop="@dimen/activity_vertical_margin"  tools:context=".MainActivity" >  <EditText     android:id="@+id/input"    android:layout_height="wrap_content"    android:layout_width="fill_parent"    android:hint=""/>  <Button    android:id="@+id/translate"   android:layout_width="fill_parent"   android:layout_height="wrap_content"   android:layout_below="@id/input"   android:text="转换"/>  <TextView    android:id="@+id/show"   android:layout_height="wrap_content"   android:layout_width="fill_parent"   android:layout_below="@id/translate"   android:text="输出"/>  <EditText    android:id="@+id/output"   android:layout_height="wrap_content"   android:layout_width="fill_parent"   android:layout_below="@id/show"   android:enabled="false"/>  <Button    android:id="@+id/send"   android:layout_height="wrap_content"   android:layout_width="fill_parent"   android:layout_below="@id/output"   android:text="发送"/> </RelativeLayout> 

View Code

布局文件非常简单..看看就行....然后就是如何使用SurfaceView和Canvas的结合使用....在没有Canvas的基础下，还是去脑补一下Canvas。。。

package com.example.mouse; import java.util.HashMap; import java.util.Scanner; import android.os.Bundle; import android.app.Activity; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.view.Menu; import android.view.SurfaceHolder; import android.view.SurfaceView; import android.view.View; import android.widget.EditText; import android.widget.RelativeLayout; public class MainActivity extends Activity implements View.OnClickListener {  public static HashMap<String, String> map = new HashMap<String, String>();  private EditText input;  private EditText output;  private char chars[];  private RelativeLayout layout;  private boolean flag = false;  private boolean loop = false;  int count;  @Override  protected void onCreate(Bundle savedInstanceState) {   super.onCreate(savedInstanceState);   setContentView(R.layout.activity_main);   input = (EditText) findViewById(R.id.input);   output = (EditText) findViewById(R.id.output);   findViewById(R.id.translate).setOnClickListener(this);   findViewById(R.id.send).setOnClickListener(this);   layout= (RelativeLayout) findViewById(R.id.layout_1);//获取布局的id...  }  @Override  public boolean onCreateOptionsMenu(Menu menu) {   // Inflate the menu; this adds items to the action bar if it is present.   getMenuInflater().inflate(R.menu.main, menu);   return true;  }  @Override  public void onClick(View v) {   // TODO Auto-generated method stub   switch (v.getId()) {   case R.id.translate:    try {     Scanner in = new Scanner(getResources().getAssets().open(       "morce.txt"));//获取资源文件morce.txt文件内部的内容...     while (in.hasNextLine()) {      String str = in.nextLine();      String abc[] = str.trim().split("[//p{Space}]+");      map.put(abc[0], abc[1]);//定义了一个HashMap<String,String>,以键值对的形式来保存内容...     }     map.put(" ", "/");    } catch (Exception e) {     // TODO Auto-generated catch block     e.printStackTrace();    }    String text = Mouse.morcecode(input.getText().toString(), map);//对我们输入的字符进行匹配..来完成加密操作...    output.setText(text);    break;   case R.id.send:    if (output.getText() != null      && output.getText().toString().length() > 0) {     chars = output.getText().toString().toCharArray();     count = chars.length;     LightView light = new LightView(MainActivity.this);     layout.addView(light);//将画布的绘画内容加载到布局中....    }   }  }  class LightView extends SurfaceView {//定义一个类继承SurfaceView类...    SurfaceHolder holder;   public LightView(Context context) {    // TODO Auto-generated constructor stub    super(context);    holder = this.getHolder();//调用getHolder()来获取SurfaceHolder对象..    holder.addCallback(new SurfaceHolder.Callback() {//实现接口...     class LightThread implements Runnable {//内部定义异步线程来完成绘画操作...       @Override      public void run() {       // TODO Auto-generated method stub       while (loop) {        if (count > 0) {         String s = String.valueOf(chars[chars.length           - count]);         Canvas canvas = holder.lockCanvas(null);//锁定画布...         Paint paint = new Paint();         paint.setAntiAlias(true);//去掉锯齿..         paint.setColor(Color.BLACK);//画布的颜色为黑色...         canvas.drawRect(0, 0, 480, 480, paint);         //下面这个是对报文的每一个字节解析以信号灯的形式显示出来...         if (flag) {          paint.setColor(Color.BLACK);         } else {          if (s.equalsIgnoreCase(".")) {           sleep(2);           paint.setColor(Color.YELLOW);          } else if (s.equalsIgnoreCase("-")) {           sleep(4);           paint.setColor(Color.YELLOW);          } else if (s.equalsIgnoreCase(" ")) {           sleep(2);           paint.setColor(Color.BLACK);          } else if (s.equalsIgnoreCase("/")) {           sleep(2);           paint.setColor(Color.BLACK);          }          count--;         }         canvas.drawCircle(250.0f, 200.0f, 100, paint);//画出一个圆用来显示信号...         flag = !flag;         holder.unlockCanvasAndPost(canvas);//解除锁定        }       }      }      public void sleep(int time) {       try {        Thread.sleep(time * 80);       } catch (InterruptedException e) {        // TODO Auto-generated catch block        e.printStackTrace();       }      }     }     @Override     public void surfaceDestroyed(SurfaceHolder holder) {      // TODO Auto-generated method stub      loop = false;     }     @Override     public void surfaceCreated(SurfaceHolder holder) {      // TODO Auto-generated method stub      new Thread(new LightThread()).start();     }     @Override     public void surfaceChanged(SurfaceHolder holder, int format,       int width, int height) {      // TODO Auto-generated method stub      }    });    loop = true;   }  } } 

这样就完成了对输入的文本以摩尔斯码的形式进行加密操作....很简单的一个小东西....

2.SurfaceView与MediaPlayer的结合操作....

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  xmlns:tools="http://schemas.android.com/tools"  android:layout_width="match_parent"  android:layout_height="match_parent"  android:orientation="vertical"  tools:context=".MainActivity" >  <TextView    android:id="@+id/info"   android:layout_height="wrap_content"   android:layout_width="fill_parent"   android:text="等待播放"/>  <LinearLayout    android:orientation="horizontal"   android:layout_height="wrap_content"   android:layout_width="wrap_content">   <ImageButton     android:id="@+id/play"    android:layout_height="wrap_content"    android:layout_width="wrap_content"    android:src="@drawable/play"/>   <ImageButton     android:id="@+id/pause"    android:layout_height="wrap_content"    android:layout_width="wrap_content"    android:src="@drawable/pause"/>   <ImageButton     android:id="@+id/stop"    android:layout_height="wrap_content"    android:layout_width="wrap_content"    android:src="@drawable/stop"/>  </LinearLayout>  <SeekBar    android:id="@+id/seekbar"   android:layout_height="wrap_content"   android:layout_width="fill_parent"/>  <SurfaceView    android:id="@+id/surface_1"   android:layout_height="fill_parent"   android:layout_width="fill_parent"/> </LinearLayout> 

一个简单的布局文件...三个图片按钮...一个进度条和一个表面视图....

package com.example.exam7_2; import java.io.IOException; import android.media.MediaPlayer; import android.media.MediaPlayer.OnCompletionListener; import android.os.AsyncTask; import android.os.Bundle; import android.app.Activity; import android.view.Menu; import android.view.SurfaceHolder; import android.view.SurfaceView; import android.view.View; import android.widget.SeekBar; import android.widget.TextView; public class MainActivity extends Activity implements View.OnClickListener, SeekBar.OnSeekBarChangeListener{  private MediaPlayer media;  private boolean playflag=true;  private boolean pauseflag=false;  private SeekBar seekbar=null;  private TextView tv;  private SurfaceView suf=null;  private SurfaceHolder sufh=null;  @SuppressWarnings("deprecation")  @Override  protected void onCreate(Bundle savedInstanceState) {   super.onCreate(savedInstanceState);   setContentView(R.layout.activity_main);   tv=(TextView) findViewById(R.id.info);   findViewById(R.id.play).setOnClickListener(this);   findViewById(R.id.pause).setOnClickListener(this);   findViewById(R.id.stop).setOnClickListener(this);   suf=(SurfaceView) findViewById(R.id.surface_1);   sufh=suf.getHolder(); //获取SurfaceHolder。。。   seekbar=(SeekBar) findViewById(R.id.seekbar);   sufh.setType(SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS);//设置SurfaceView的类型...   media=new MediaPlayer();   try {    media.setDataSource("/sdcard/test.3gp");//这里需要把想要播放的文件拷贝到模拟器的sd卡中去...   } catch (Exception e) {    // TODO Auto-generated catch block    e.printStackTrace();   }   }  private class updateseekbar extends AsyncTask<Integer, Integer, String>{//AsyncTask的使用...   protected void onPostExecute(String result){}   protected void onProgressUpdate(Integer...progress){    seekbar.setProgress(progress[0]);   }   @Override   protected String doInBackground(Integer... params) {    // TODO Auto-generated method stub    while(MainActivity.this.playflag){     try {      Thread.sleep(params[0]);     } catch (InterruptedException e) {      // TODO Auto-generated catch block      e.printStackTrace();     }     this.publishProgress(MainActivity.this.media.getCurrentPosition());    }    return null;   }  }  @Override  public boolean onCreateOptionsMenu(Menu menu) {   // Inflate the menu; this adds items to the action bar if it is present.   getMenuInflater().inflate(R.menu.main, menu);   return true;  }  @Override  public void onClick(View v) {   // TODO Auto-generated method stub   switch(v.getId()){   case R.id.play:   {    MainActivity.this.media.setOnCompletionListener(new OnCompletionListener() {     @Override     public void onCompletion(MediaPlayer arg0) {      // TODO Auto-generated method stub      playflag=false;      media.release();     }    });    seekbar.setMax(MainActivity.this.media.getDuration());    updateseekbar update=new updateseekbar();    //执行者execute    update.execute(1000);    seekbar.setOnSeekBarChangeListener(this);    if(MainActivity.this.media!=null){     MainActivity.this.media.stop();    }    try {     MainActivity.this.media.prepare();     MainActivity.this.media.start();     tv.setText("正在播放文件...");    } catch (Exception e) {     // TODO Auto-generated catch block     tv.setText("文件出现异常...");     e.printStackTrace();    }     break;   }   case R.id.pause:    if(media!=null){     if(pauseflag){      media.start();      pauseflag=false;     }else{      media.pause();      pauseflag=true;     }    }    break;   case R.id.stop:    if(media!=null){     media.stop();     tv.setText("停止播放文件...");    }    break;   }  }  @Override  public void onProgressChanged(SeekBar seekBar, int progress,    boolean fromUser) {   // TODO Auto-generated method stub  }  @Override  public void onStartTrackingTouch(SeekBar seekBar) {   // TODO Auto-generated method stub  }  @Override  public void onStopTrackingTouch(SeekBar seekBar) {   // TODO Auto-generated method stub   media.seekTo(seekbar.getProgress());  } } 

这样就完成了MediaPlayer和SurfaceView的配合使用...完成了视频的播放...同时添加了一个进度条来控制播放的进度...