Android用VideoView實現MP4作為頁面背景

Demo: https://github.com/HunSem/BackgroundVideoTest

類似Tumblr, Spotify, Keep等應用在登錄界面都有要采用了背景是動畫的效果。自己現在做課程設計,也想使用,所以經過搗鼓以后實現如下圖:

動態背景.gif
1. 新建一個用于顯示VideoView背景mp4的布局文件 video_background.xml

背景mp4的布局文件 video_background.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent">    
  <VideoView        
    android:id="@+id/videoView"        
    android:layout_width="match_parent"        
    android:layout_height="match_parent"        
    android:layout_alignParentBottom="true"        
    android:layout_alignParentTop="true"        
    android:layout_gravity="center" />
</RelativeLayout>
2. 在主內容布局中include上面的布局

承載背景布局的主內容布局需要定義為RelativeLayout布局,否則背景布局會擠占空間。
主內容布局文件:

<RelativeLayout   xmlns:android="http://schemas.android.com/apk/res/android"    
  android:layout_width="fill_parent"    
  android:layout_height="fill_parent"    
  android:fitsSystemWindows="true">    
  <!-- 引入背景布局 -->
  <include layout="@layout/video_background" />   
  <!-- 原布局,嵌套進來 -->
  <LinearLayout        
    android:orientation="vertical"               
    android:layout_width="match_parent"          
    android:layout_height="match_parent"        
    android:layout_centerInParent="true"        
    android:background="@color/transparent_background"        
    android:paddingTop="56dp"        
    android:paddingLeft="24dp"        
    android:paddingRight="24dp">    
    ....
   </LinearLayout>
</RelativeLayout>
3. 保留原布局的方法:

在主內容布局中申明一個RelativeLayout布局,include背景布局,然后,將原布局全部嵌套在該RelativeLayout布局中,并在原布局的最外一層設置屬性
android:layout_centerInParent="true"

4. 在raw資源文件夾中放入需要播放的mp4文件
5. 在需要加載動態背景的Activity的OnCreate()方法中加入相關控制代碼,實現自動循環播放

Activity中的OnCreate中加入代碼:

myVideoView = (VideoView) findViewById(R.id.videoView);
final String videoPath = Uri.parse("android.resource://" + getPackageName() + "/" +R.raw.要播放的mp4文件).toString();
myVideoView.setVideoPath(videoPath);
myVideoView.start();
myVideoView.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {          
@Override 
  public void onPrepared(MediaPlayer mp) {        
    mp.start();        
    mp.setLooping(true);    
  }});
  myVideoView.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {   
@Override            
  public void onCompletion(MediaPlayer mp) {
    myVideoView.setVideoPath(videoPath);                
    myVideoView.start();            
  }        
});
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,116評論 25 708
  • ¥開啟¥ 【iAPP實現進入界面執行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 6,510評論 0 17
  • 太長不看版:在 Android UI 布局過程中,遵守一些慣用、有效的布局原則,可以制作出高效且復用性高的 UI。...
    Mupceet閱讀 3,903評論 0 14
  • 最近迷上了看電影,一周要看三四部。如果說本周所看《拆彈專家》《攻殼機動隊》是感官上的刺激,那么今晚上《岡仁波齊》就...
    龍夢緣閱讀 417評論 1 1
  • 文/鄭心海 在許多年前一部法國電影讓我憧憬這里 學習了繪畫和攝影后 古典與印象主義 莫奈與布列松 時尚與浪漫 讓我...
    幣圈龍景閱讀 758評論 1 1