如何在除平板电脑之外的所有设备上实现此布局

Question

我现在不担心平板电脑，只担心安卓手机。我有一些即付即用的 LG 手机，我用它来进行开发。我有一个框架布局，其中有一个 VideoView 和一个 WebView 。

我的 XML 文件定义了特定像素的宽度和高度，并且在我的一台设备上进行测试时效果很好。我在另一台屏幕更大的设备上尝试过，它们不像我的手机那样填满窗口。

我想知道如何用视频填充屏幕的上半部分，用图像填充屏幕的下半部分。我尝试将 layout_width 作为 match_parent，但后来我不确定如何定义高度。这是我想在所有设备上实现的布局。

和我的layout.xml

<?xml version="1.0" encoding="UTF-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/mobile_vforum_bg"
    >
    <VideoView 
        android:id="@+id/vidPlayer"
        android:layout_width="320px"
        android:layout_height="240px">
    </VideoView>
    <WebView 
        android:id="@+id/slideHolder"
        android:layout_width="320px" 
        android:layout_height="240px"
        android:layout_gravity="bottom">
     </WebView>
</FrameLayout>

显然我不能在这里使用像素量，那么我的选择是什么？谢谢你，我希望我的问题足够清楚。

Answer 1

使用垂直线性布局，并为两个视图指定 layout_weight="1"。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/mobile_vforum_bg">
    <VideoView 
        android:id="@+id/vidPlayer"
        android:layout_weight="1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">
    </VideoView>
    <WebView 
        android:id="@+id/slideHolder"
        android:layout_weight="1"
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent"
     </WebView>
</LinearLayout>

Answer 2

为什么要使用FrameLayout？这适用于您想要覆盖视图的情况。在这种情况下，一个简单的带有orientation="vertical"的LinearLayout应该可以解决问题。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/mobile_vforum_bg"
    >
    <VideoView 
        android:id="@+id/vidPlayer"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">
    </VideoView>
    <WebView 
        android:id="@+id/slideHolder"
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent"
     </WebView>
</LinearLayout>