基于SurfaceView创建手机xml动态背景

surfaceView通俗的讲就类似与给手机的那层薄膜，在那层薄膜上你可以绘制各种图画甚至动画，我写了一个关于利用surfaceView铺设了一个“膜”，在使用MediaPlayer调用播放短视频来实现背景为动态背景的效果，话不多说直接进入代码之中：

新建一个java类，用于设置这层“薄膜”，起名为MySurfaceView继承SurfaceView类：

package com.sq.test_video;

import android.content.Context;
import android.media.MediaPlayer;
import android.net.Uri;
import android.util.AttributeSet;
import android.view.SurfaceHolder;
import android.view.SurfaceView;

import java.io.IOException;

/**
 * Created by sq-kevin on 2017/8/30 0030.
 */

public class MySurfaceView extends SurfaceView implements
        SurfaceHolder.Callback, MediaPlayer.OnErrorListener,
        MediaPlayer.OnCompletionListener, MediaPlayer.OnInfoListener,
        MediaPlayer.OnPreparedListener, MediaPlayer.OnSeekCompleteListener,
        MediaPlayer.OnVideoSizeChangedListener {

    private Context context;
    private SurfaceHolder surfaceHolder;
    private MediaPlayer player;
    private int progressValue = 0;
    private Uri uri;

    @Override
    public void surfaceCreated(SurfaceHolder holder) {
        player.setDisplay(surfaceHolder);
    }

    @Override
    public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
        player.setDisplay(holder);
        playVideo();
    }

    /**
     * 播放视频
     */
    public void playVideo() {
        switch (TYPE){
            case ONLINE:
                playOnline();
                break;
            case LOCAL:
                playLocation();
                break;
            case NETWORK:
                playNetWork();
                break;
        }
    }

    /**
     * 播放HTTP视频
     */
    private void playNetWork() {
        try {
            initPlayer();
            player.setDataSource(context,uri);
        } catch (IOException e) {
            e.printStackTrace();
        }
        player.prepareAsync();
    }

    /**
     * 播放本地视频
     */
    private void playLocation() {
        try {
            initPlayer();
            player.setDataSource(context,uri);
        } catch (IOException e) {
            e.printStackTrace();
        }
        player.prepareAsync();
    }

    /**
     * 播放在线视频 rtsp协议
     */
    private void playOnline() {
        try {
            initPlayer();
            player.setDataSource(context,uri);
        } catch (IOException e) {
            e.printStackTrace();
        }
        player.prepareAsync();
    }

    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {
        if (player.isPlaying()){
            progressValue = player.getCurrentPosition();
            player.stop();
        }else {
            player.stop();
        }
    }

    @Override
    public boolean onError(MediaPlayer mp, int what, int extra) {
        switch (what){
            case MediaPlayer.MEDIA_ERROR_SERVER_DIED:
                break;
            case MediaPlayer.MEDIA_ERROR_UNKNOWN:
                break;
            default:
                break;
        }
        return true;
    }

    @Override
    public void onCompletion(MediaPlayer mp) {
        player.start();
    }

    @Override
    public boolean onInfo(MediaPlayer mp, int what, int extra) {
        // 当一些特定信息出现或者警告时触发
        switch (what){
            case MediaPlayer.MEDIA_INFO_BUFFERING_START:
                break;
            case MediaPlayer.MEDIA_INFO_BUFFERING_END:
                break;
            case MediaPlayer.MEDIA_INFO_BAD_INTERLEAVING:
                break;
            case MediaPlayer.MEDIA_INFO_METADATA_UPDATE:
                break;
            case MediaPlayer.MEDIA_INFO_VIDEO_TRACK_LAGGING:
                break;
            case MediaPlayer.MEDIA_INFO_NOT_SEEKABLE:
                break;
        }
        return false;
    }

    @Override
    public void onPrepared(MediaPlayer mp) {
        if (!mp.isPlaying()){
            mp.start();
        }
    }

    @Override
    public void onSeekComplete(MediaPlayer mp) {

    }

    @Override
    public void onVideoSizeChanged(MediaPlayer mp, int width, int height) {

    }

    /**
     * 枚举视频地址的类型
     */
    public enum URITYPE{
        LOCAL,NETWORK,ONLINE
    }

    /**
     * 视频地址类型
     */
    private URITYPE TYPE;

    public MySurfaceView(Context context) {
        this(context,null);
    }

    public MySurfaceView(Context context, AttributeSet attrs) {
        this(context, attrs,0);
    }

    public MySurfaceView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.context = context;
        initView();
    }

    private void initView() {
        initPlayer();
        surfaceHolder = getHolder();
        surfaceHolder.addCallback(this);
    }

    private void initPlayer() {
        if (player == null){
            player = new MediaPlayer();
        }
        player.reset();
        player.setOnErrorListener(this);
        player.setOnCompletionListener(this);
        player.setOnInfoListener(this);
        player.setOnPreparedListener(this);
        player.setOnSeekCompleteListener(this);
        player.setOnVideoSizeChangedListener(this);
    }

    /**
     * 暂停播放
     */
    public void pause(){
        progressValue = player.getCurrentPosition();
        player.pause();
    }

    /**
     * 继续播放
     */
    public void resume(){
        if (!player.isPlaying()){
            player.seekTo(progressValue);
            player.start();
        }
    }

    /**
     * 停止播放
     */
    public void stop(){
        progressValue = 0;
        if (player.isPlaying()){
            player.seekTo(0);
            player.pause();
        }else {
            player.pause();
        }
    }

    /**
     * 重播
     */
    public void reset(){
        progressValue = 0;
        if (player.isPlaying()){
            player.seekTo(0);
            player.start();
        }else {
            playVideo();
        }
    }

    public void setUriAddress(Uri uriAddress){
        uri = uriAddress;
        TYPE = URITYPE.LOCAL;
    }

}

对外提供setUriAddress方法，来设置视频来源：

    public void setUriAddress(Uri uriAddress){
        uri = uriAddress;
        TYPE = URITYPE.LOCAL;
    }

initPlayer()方法是对mediaPlayer做初始化操作，并设置接口监听事件，我只写下了部分作一个小示范：

 private void initPlayer() {
        if (player == null){
            player = new MediaPlayer();
        }
        player.reset();
        player.setOnErrorListener(this);
        player.setOnCompletionListener(this);
        player.setOnInfoListener(this);
        player.setOnPreparedListener(this);
        player.setOnSeekCompleteListener(this);
        player.setOnVideoSizeChangedListener(this);
    }

播放视频来源有三种,网络本地在线：

 /**
     * 播放HTTP视频
     */
    private void playNetWork() {
        try {
            initPlayer();
            player.setDataSource(context,uri);
        } catch (IOException e) {
            e.printStackTrace();
        }
        player.prepareAsync();
    }

    /**
     * 播放本地视频
     */
    private void playLocation() {
        try {
            initPlayer();
            player.setDataSource(context,uri);
        } catch (IOException e) {
            e.printStackTrace();
        }
        player.prepareAsync();
    }

    /**
     * 播放在线视频 rtsp协议
     */
    private void playOnline() {
        try {
            initPlayer();
            player.setDataSource(context,uri);
        } catch (IOException e) {
            e.printStackTrace();
        }
        player.prepareAsync();
    }

surfaceView被继承后复写的三个方法：

    @Override
    public void surfaceCreated(SurfaceHolder holder) {
        player.setDisplay(surfaceHolder);
    }

    @Override
    public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
        player.setDisplay(holder);
        playVideo();
    }

    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {
        if (player.isPlaying()){
            progressValue = player.getCurrentPosition();
            player.stop();
        }else {
            player.stop();
        }
    }

将MySurfaceView写好后铺设到xml文件充当背景，如下所示：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.sq.test_video.MainActivity">

    <com.sq.test_video.MySurfaceView
        android:id="@+id/lalala"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</RelativeLayout>

之后在activity中绑定MySurfaceView的id，然后在设置uri就能运行啦~~

public class MainActivity extends AppCompatActivity {

    private MySurfaceView mySurfaceView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mySurfaceView = (MySurfaceView) findViewById(R.id.lalala);

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT){
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        }

        Uri uri = Uri.parse("android.resource://" + getPackageName()
         +  "/" + R.raw.video);

        mySurfaceView.setUriAddress(uri);
        mySurfaceView.playVideo();
    }
}

最后显示效果就是这样子的啊~因为上传不了短视频，所以就截了几张图片代替啦~

源码下载请点击此处.