2015-11-01 4 views
10

Я делаю экран входа в приложение для Android и задаюсь вопросом, как использовать видео в качестве фона вместо того, чтобы иметь изображение или простые цвета?Установить видео как фон

Я хочу сделать его похожим на экран входа в приложение Spotify/Bible, где у вас есть видеоигра, и у вас есть кнопки для входа или регистрации.

Изображения -

(Нажмите на изображение для увеличения)

IMG:

IMG:

+0

Вы решаете эту проблему? – exequielc

ответ

4

Сначала сделайте новый 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> 

Вот оно!

+1

Я думаю, что для просмотра пейджер должен добавить его в макет с некоторым прозрачным фоном –

+0

На видеовидео, чтобы видео растягивалось слева направо, полный экран добавляет: android: layout_alignParentEnd = "true" android: layout_alignParentStart = "true " –

17

Вам нужно всего лишь несколько шагов, чтобы установить видео в качестве фона вашего приложения.

  1. Создайте видеоролик и убедитесь, что он занимает всю площадь. Если вы используете компоновку ограничений, вам нужно установить все ограничения вашего видеообзора на родителя.
  2. Создать новую папку с именем «сырым» в вашем каталоге «Рес»
  3. Поместите ваше видео файла в «сырой» каталог
  4. Воспроизведение видео
     
    VideoView videoview = (VideoView) findViewById(R.id.videoview); 
    Uri uri = Uri.parse("android.resource://"+getPackageName()+"/"+R.raw.test); 
    videoview.setVideoURI(uri); 
    videoview.start(); 
    
    Я сделал видео, которое объясняет, как создайте экран входа в систему JOOX в Android, который выглядит примерно так же, как приложение Spotify. Не стесняйтесь проверить его и дайте мне знать, если это помогает :)

https://youtu.be/tPeDn18FrGY

+1

Это работает, спасибо брат! –

0

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" 
Смежные вопросы