實現動畫閃屏頁一般有4種方式:

先來效果圖，養養眼~：

素材來自滴滴出行

素材來自蝦米音樂

素材來自 滴滴出行

&& 蝦米音樂

原來打算學習一下利用Path繪製的LOGO動畫啟動頁，結果心血來潮想起來了這個素材，真是感慨我的思維轉變之快啊，於是乎就有了此篇文章，廢話不多說，直接上乾貨。

• 由VideoView(全屏)+ImageView組成ViewPager的Item,繫結至Fragment
• 將Fragment裝入FragmentStatePagerAdapter
• 將adapter裝載至viewPager；
• 放入適量視訊檔案、圖片素材等佐料後起鍋...（好像又跑偏了啊喂），對於viewpager fragment這些基本元件，大家應該信手拈來了，我就說說視訊檔案如何播放的,翻開fragment，來看看每個item都有什麼（敲黑板，這個是重點）：

佈局：

<?xml version="1.0" encoding="utf-8"?>  
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent">  
    
    <com.watire.xiamivd.FullScreenVideoView
        android:id="@+id/vvSplash"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />
        
    <ImageView
        android:id="@+id/ivSlogan"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="20dp"
        android:src="@drawable/slogan_1"
        android:scaleType="fitEnd"
        android:layout_alignParentEnd="true" />  
        
</RelativeLayout>
 

fragment：

    mVideoView = findViewById(R.id.vvSplash);
    mvSlogan = findViewById(R.id.ivSlogan);
    mVideoView.setOnErrorListener(this);
    mVideoView.setOnPreparedListener(this);
    mVideoView.setVideoPath("android.resource://" + getActivity().getPackageName() + "/" + R.raw.xxx);
    mvSlogan.setImageResource(imgRes);

給videoView setVideoPath即可設定視訊路徑，此處載入raw資料夾中資源，實現MediaPlayer.OnPreparedListener進行播放。

@Override
public void onPrepared(MediaPlayer mediaPlayer) {
    if (mVideoView != null) {
        mVideoView.requestFocus();
        mVideoView.setOnCompletionListener(this);
        mVideoView.seekTo(0);
        mVideoView.start();
    }
    return;
}

然後實現MediaPlayer.OnCompletionListener, MediaPlayer.OnErrorListener來處理播放完成(控制viewpager跳轉至下一頁或已是最後一頁，則關閉頁面)和播放失敗時的情況。

@Override
public void onCompletion(MediaPlayer mediaPlayer) {
    FragmentActivity localFragmentActivity = getActivity();
    if ((localFragmentActivity != null) && ((localFragmentActivity instanceof FullscreenActivity))) {
        ((FullscreenActivity) localFragmentActivity).next(position);
    }
}

@Override
public boolean onError(MediaPlayer mediaPlayer, int i, int i1) {
    FragmentActivity localFragmentActivity = getActivity();
    if ((localFragmentActivity != null) && ((localFragmentActivity instanceof FullscreenActivity))) {
        ((FullscreenActivity) localFragmentActivity).next(position);
    }
    return true;
}

另外，需要實現onPause() 和onResume(),在頁面中斷時停止播放、恢復時繼續播放:

public void onResume() {
    super.onResume();
    if (mHasPaused) {
        if (mVideoView != null) {
            mVideoView.seekTo(mVideoPosition);
            mVideoView.resume();
        }
    }
    return;
}

public void onPause() {
    super.onPause();
    if (mVideoView != null) {
        mVideoPosition = mVideoView.getCurrentPosition();
    }
    mHasPaused = true;
}

在onDestroy()時停止播放（敲黑板，這個必考啊）:

public void onDestroy() {
    super.onDestroy();
    if (mVideoView != null) {
        mVideoView.stopPlayback();
    }
    return;
}

ps. 推薦個github demo 執行神器：dryrun ，使用方法:
連線手機；
執行命令：dryrun https://github.com/watire/xiamivd.git；
等待下載、安裝。

是不是很簡單呢，當然要先安裝dryrun~~~~~！

專案地址：https://github.com/rivenlee0/rivennews-master