如何在Android中使用图像设置VideoView背景?

时间:2011-09-01 06:52:29

标签: android android-videoview

有没有办法用图像设置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>

1 个答案:

答案 0 :(得分:0)

您可以根据视频帧大小调整视频视图的大小。所以你左边和右边都没有黑色条纹。

如果设置背景图像,则必须在图层模型的顶部设置视频视图。否则图像会覆盖您的视频,但您无法看到该视频。

修改

设置视频视图的大小,您必须将其声明为布局中的对象,而不是布局本身。

这是一个例子:

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