引言

話說這個Activity 動態背景我第一次是在一個菠菜App上看到的，當時感覺逼格很高，最近正好用到專案中，而且好像好久沒有寫關於UI這些“有趣”的文章啦，這篇文章就簡單小結下，其實實現動態背景這並不是唯一的方案，還有其他的方式。

一、VideoView

1、VideoView概述

VideoView繼承自SurfaceView 並實現了MediaController.MediaPlayerControl介面， 是一種可以直接載入並播放來自多種路徑（比如 resources 、raw、 content providers）的視訊檔案資源的官方控制元件，可以像其他任何普通控制元件一樣在任意佈局中宣告並使用，有了他使得一些簡單播放視訊的工作變得簡單（但是不適合應用在大型複雜專案等專業的播放音視訊的專案中）。需要注意的是VideoView不會自動儲存播放狀態和播放位置等，所以當進入到後臺前，若需要再再次返回時恢復 所選曲目或通過addSubtitleSource（）新增的任何字幕軌道等狀態， 應在Activity.onSaveInstanceState（Bundle）和Activity.onRestoreInstanceState（Bundle）中自行儲存和恢復這些內容。

2、VideoView 重要的成員方法

二、自定義VideoView實現動態視訊背景

其實原理很簡單就是利用VideoView控制元件播放指定的一個視訊檔案，並把之設定為全螢幕的（非必須要求結合自己的需求來定），然後在生命週期方法中利用提供的各種方法進行監聽。

1、 繼承VedioView 重寫onMeasure方法，為了更好的自適應全螢幕

package com.crazymo.activitybganim.widget;

import android.content.Context;
import android.media.MediaPlayer;
import android.util.AttributeSet;
import android.view.KeyEvent;
import android.widget.VideoView;

/**
 * Auther: Crazy.Mo on 2018/8/24 14:35
 * Summary:繼承VideoView實現自適應全螢幕
 */
public class CustomVideoView extends VideoView {
    public CustomVideoView(Context context) {
        this(context,null);
    }

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

    public CustomVideoView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        //重新計算高度
        int width = getDefaultSize(0, widthMeasureSpec);
        int height = getDefaultSize(0, heightMeasureSpec);
        setMeasuredDimension(width, height);
    }

    /**
     * @param pPreparedListener 設定一個在媒體檔案載入並準備就緒時呼叫的回撥。
     */
    @Override
    public void setOnPreparedListener(MediaPlayer.OnPreparedListener pPreparedListener) {
        super.setOnPreparedListener(pPreparedListener);
    }

    /**
     * @param pCompletionListener 設定一個在媒體檔案播放完畢，到達終點時呼叫的回撥。
     */
    @Override
    public void setOnCompletionListener(MediaPlayer.OnCompletionListener pCompletionListener) {
        super.setOnCompletionListener(pCompletionListener);
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        return super.onKeyDown(keyCode, event);
    }
}

• 在佈局檔案中宣告自定義的VedioView

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             android:id="@+id/activity_main"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
    >

    <com.crazymo.activitybganim.widget.CustomVideoView
        android:id="@+id/videoview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        >
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:src="@mipmap/ic_launcher_round"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textSize="60sp"
            android:textColor="#f00"
            android:text="視訊背景上的TextView"/>
        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textSize="60sp"
            android:textColor="#00f000"
            android:hint="視訊背景上的EditText"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Button Click"
            android:onClick="test"/>
    </LinearLayout>

</FrameLayout>

• 在Activity中初始化VideoView並在對應的週期方法中進行對應的監聽處理

package com.crazymo.activitybganim;

import android.media.MediaPlayer;
import android.net.Uri;
import android.os.Build;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import android.widget.Toast;

import com.crazymo.activitybganim.widget.CustomVideoView;

public class MainActivity extends AppCompatActivity {
    //建立播放視訊的控制元件物件
    private CustomVideoView mVideoView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setFullScreen();
        setContentView(R.layout.activity_main);
        initView();
    }

    private void setFullScreen() {
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN);
    }

    @Override
    protected void onRestart() {
        //返回時重新載入視訊，防止退出或返回時視訊黑屏
        initView();
        super.onRestart();
    }

    @Override
    protected void onPause() {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            mVideoView.stopNestedScroll();
        }
        super.onPause();
    }

    //防止鎖屏或者切出的時候，音樂在播放
    @Override
    protected void onStop() {
        if(mVideoView !=null) {
            mVideoView.stopPlayback();
        }
        super.onStop();
    }

    private void initView() {
        mVideoView =  findViewById(R.id.videoview);
        //設定將要播放視訊檔案的載入路徑僅支援 3gp、MP4、avi
        mVideoView.setVideoURI(Uri.parse("android.resource://" + getPackageName() + "/" +R.raw.bg));//此處播放/res/raw下，也可以播放其他路徑的呼叫對應的方法設定即可
        mVideoView.requestFocus();
        mVideoView.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {
            @Override
            public void onPrepared(MediaPlayer mp) {
                if (mp.isPlaying()) {
                    mp.stop();
                    mp.release();
                    mp = new MediaPlayer();
                }
                mp.setVolume(0f, 0f);//設定0,0為靜音時
                mp.setLooping(true);
                mp.start();
            }
        });
        mVideoView.setFocusable(false);
        mVideoView.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
            @Override
            public void onCompletion(MediaPlayer mediaPlayer) {
                mVideoView.start();
            }
        });
    }

    public void test(View view) {
        Toast.makeText(this,"在背景視訊上點選按鈕",Toast.LENGTH_SHORT).show();
    }
}

原始碼傳送門和碼雲傳送門