学习内容：
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的配合使用...完成了视频的播放...同时添加了一个进度条来控制播放的进度...
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
