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 ----.
. .-.-.-
- -....-
, ..--..
/ -..-
; -.-.-.
( -.--.
) -.--.
@ .--.-
* ...-.-
+ .-.-.
% .-...
! =---.
$ ...-..-

  这上面的就是摩尔斯码...我写在了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>

  布局文件非常简单..看看就行....然后就是如何使用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的配合使用...完成了视频的播放...同时添加了一个进度条来控制播放的进度...