将视频设为背景

时间:2015-11-01 02:59:10

标签: android

我正在为我的Android应用程序制作登录屏幕,并想知道如何将视频用作背景而不是图像或简单的颜色?

我想使它类似于Spotify / Bible应用程序登录屏幕,他们有一个视频播放,你有按钮登录或注册。

图片 -

(点击图片放大)

IMG:

IMG:

3 个答案:

答案 0 :(得分:30)

您只需几个步骤即可将视频设置为应用的背景。

  1. 创建视频视图并确保它占据整个区域。如果您使用约束布局,则需要将视频视图的所有约束设置为父级。
  2. 在“res”目录下创建一个名为“raw”的新目录
  3. 将您的视频文件放入“原始”目录
  4. 播放视频
    VideoView videoview = (VideoView) findViewById(R.id.videoview);
    Uri uri = Uri.parse("android.resource://"+getPackageName()+"/"+R.raw.test);
    videoview.setVideoURI(uri);
    videoview.start();
    
    我制作了一个视频,解释了如何在Android中创建JOOX登录界面,它看起来或多或少像Spotify应用程序。请随时查看,如果有帮助,请告诉我们。)
  5. https://youtu.be/tPeDn18FrGY

答案 1 :(得分:7)

首先制作新的XML并在其中添加VideoView

my_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>

然后在主要版面中包含此文件Buttons,让我们说:

splash.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"
android:background="#29000000">

<include layout="@layout/my_video_background" />

<!--Like Spotify image-->

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="46dp"
    android:src="@android:drawable/ic_dialog_map" />

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:orientation="horizontal">

    <Button
        android:id="@+id/login"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.5"
        android:background="#FF2D2D2D"
        android:text="LOG IN"
        android:textColor="@android:color/white" />

    <Button
        android:id="@+id/signUp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.5"
        android:background="#FF669900"
        android:text="SIGN IN"
        android:textColor="@android:color/white" />

</LinearLayout>
</RelativeLayout>

就是这样!

答案 2 :(得分:2)

NatureDevil答案和视频很棒,但如果你点击一个按钮打开像唱歌一样的新活动并决定单击设备上的后退箭头,首先会丢失2件事情,主屏幕将显示黑屏,因为视频不会重新启动,因此您需要添加此

@Override
protected void onResume() {
    super.onResume();
    // to restart the video after coming from other activity like Sing up
    mVideoView.start();


}

VideoView从左到右全屏延伸添加:

android:layout_alignParentEnd="true"
android:layout_alignParentStart="true"