如何在Android中設置VideoView背景圖片？

Question

有沒有什麼方法可以將VideoView背景設置爲圖像，以便在播放視頻時，兩側的黑色部分（左側&右側）顯示背景上設置的圖像。我曾嘗試過，但無法看到視頻，它只顯示背景圖片，雖然播放了視頻，但它的聲音可以被聽到。

這裏是我的XML：

<?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" 
    android:id="@+id/main_layout"> 
    <LinearLayout android:layout_height="wrap_content" 
     android:id="@+id/linearLayout1" android:layout_width="fill_parent" 
     android:background="@drawable/header"> 
     <TextView android:id="@+id/textView1" android:layout_width="wrap_content" 
      android:layout_height="wrap_content" android:text="Chapter-1" 
      android:textColor="#FFFFFF" android:layout_marginLeft="170dp" 
      android:layout_marginTop="15dp"></TextView> 
    </LinearLayout> 
    <VideoView android:id="@+id/videoView1" android:layout_width="wrap_content" 
     android:layout_height="wrap_content" android:layout_below="@+id/linearLayout1" 
     android:layout_centerHorizontal="true"></VideoView> 
    <LinearLayout android:layout_alignParentTop="@+id/videoView1" 
     android:layout_centerInParent="true" android:layout_height="wrap_content" 
     android:id="@+id/linearLayout2" android:layout_width="fill_parent" 
     android:gravity="right"> 
     <TextView android:id="@+id/overTitle" android:layout_width="wrap_content" 
      android:layout_height="wrap_content" android:text=" text" 
      android:textColor="#FFFFFF"></TextView> 
    </LinearLayout> 

    <LinearLayout android:layout_alignParentTop="@+id/videoView1" 
     android:background="@drawable/footer" 
     android:layout_alignParentBottom="true" android:layout_height="wrap_content" 
     android:id="@+id/linearLayout2" android:layout_width="fill_parent" 
     android:gravity="center"> 
     <Button android:id="@+id/menu_btn" android:layout_below="@+id/videoView1" 
      android:layout_width="wrap_content" android:text="Menu" 
      android:textColor="#FFFFFF" android:layout_height="wrap_content" 
      android:layout_alignLeft="@+id/videoView1" android:layout_alignRight="@+id/videoView1" 
      android:background="@drawable/menu"></Button> 
     <Button android:id="@+id/button2" android:layout_below="@+id/videoView1" 
      android:layout_width="wrap_content" android:text="High" 
      android:textColor="#FFFFFF" android:layout_height="wrap_content" 
      android:layout_alignLeft="@+id/videoView1" android:layout_alignRight="@+id/videoView1" 
      android:background="@drawable/menu"></Button> 
     <Button android:id="@+id/button2" android:layout_below="@+id/videoView1" 
      android:layout_width="wrap_content" android:text="CC" 
      android:textColor="#FFFFFF" android:layout_height="wrap_content" 
      android:layout_alignLeft="@+id/videoView1" android:layout_alignRight="@+id/videoView1" 
      android:background="@drawable/menu"></Button> 
     <Button android:id="@+id/exit_btn" android:layout_below="@+id/videoView1" 
      android:layout_width="wrap_content" android:text="Exit" 
      android:textColor="#FFFFFF" android:layout_height="wrap_content" 
      android:layout_alignLeft="@+id/videoView1" android:layout_alignRight="@+id/videoView1" 
      android:background="@drawable/menu"></Button> 
    </LinearLayout> 

</RelativeLayout> 

Answer 1

可以適應您的視頻觀看到視頻幀大小的尺寸。所以你沒有左右兩側的黑色條紋。

如果您設置了背景圖像，則必須在圖層模型的頂部設置視頻視圖。否則圖像會覆蓋您的視頻視圖，並且您看不到視頻。

編輯

設置你必須將其聲明爲您的佈局對象的視頻視圖的大小，而不是作爲佈局本身。

這裏有一個例子：

<LinearLayout android:id="@+id/LinearLayout01" 
     android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android" ...> 

     <VideoView android:id="@+id/VideoView" android:layout_width="50dp" android:layout_height="50dp" ...(here you can set further setting of the video view)></VideoView> 
     <Button android:text= ...></Button> 
     <Button android:text=...></Button>   
    </LinearLayout>