Android用VideoView实现MP4作为页面背景

作者: HunSem | 来源:发表于2016-07-02 16:50 被阅读2953次

    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用VideoView实现MP4作为页面背景

        本文链接:https://www.haomeiwen.com/subject/fxpqjttx.html