相对布局导致格式问题

Question

我最近一直在为我的学校开发一个应用程序，想在发布它之前对其进行一些清理。在应用程序的调度部分，我有 5 个按钮，它们可以同时在屏幕上的 ListView 上执行操作。但是，当屏幕上有大约 6 个或更多事件时，我会遇到问题，因为一旦列表视图接管屏幕并将按钮推离屏幕，我就无法删除事件、创建新事件等在。

我尝试将列表视图设置为适用于正常屏幕方向的静态大小（400px），但如果手机设置为横向视图，您也看不到按钮。使用我当前的代码，它似乎可以在 XML 查看器中工作，但实际上并非如此。

这是没有静态大小设置的代码：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#551A8B"
    android:textColor="#FFD700"
    >



    <Button android:text="@string/New" 
    android:layout_height="wrap_content" 
    android:layout_width="wrap_content" 
    android:id="@+id/button3">
    </Button>

    <Button android:text="@string/Edit" 
    android:id="@+id/button4" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"
    android:layout_toRightOf="@id/button3"
    android:layout_alignTop="@id/button3">
    </Button>

    <Button android:text="@string/delete" 
    android:id="@+id/button5" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"
    android:layout_toRightOf="@id/button4"
    android:layout_alignTop="@id/button4">
    </Button>

        <Button android:layout_height="wrap_content" 
    android:id="@+id/button7" 
    android:layout_width="wrap_content" 
    android:text="@string/Previousweek"
    android:layout_below="@id/button3">
    </Button>

    <Button android:layout_height="wrap_content" 
    android:id="@+id/button6" 
    android:layout_width="wrap_content" 
    android:text="@string/Next"
    android:layout_below = "@id/button3"
    android:layout_toRightOf = "@id/button7">
    </Button>

    <ListView android:id="@+id/listView1" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"  
    android:textColor="#FFD700"
    android:layout_below="@id/button7" 
    android:textSize="10sp" >
    </ListView> 


</RelativeLayout>

此代码的 XML 查看器为：

这会让我相信它会正常工作。我在模拟器上进行了测试，并在输入了一堆愚蠢的事件后得到了以下结果：

这个结果与模拟器的多个版本一致。

如何在不使用导致横向问题的静态尺寸限制的情况下解决此问题？

Answer 1

将按钮分离到单独的 RelativeLayout 中，并将其和 ListView 包含在垂直的 LinearLayout 中。

然后：

<LinearLayout android:id="@+id/linearLayout"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent">
  <RelativeLayout [...]
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <!-- Your buttons -->
  </RelativeLayout>
  <ListView android:id="@+id/listView1"
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:layout_weight="1" />
</LinearLayout

这里的关键点是ListView上的高度和重量。这意味着在为按钮正确分配空间后，它会填充 LinearLayout 中的剩余空间。

Answer 2

在 listView 标记中添加 android:weigth 并将 android:weigth 值设置为 1。当列表视图高度和宽度设置为 fill_parent 并且列表视图覆盖整个布局时，这将起作用。所以尝试一下，它会起作用的。

Answer 3

一种简单的解决方案是将按钮按其自己的相对布局分开，并将整个按钮放在线性布局中，例如：

<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="#551A8B"
    android:textColor="#FFD700">
    <RelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#551A8B"
        android:textColor="#FFD700">
        <!-- your buttons -->
    </RelativeLayout>
    <ListView
        android:id="@+id/listView1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:textColor="#FFD700"
        android:layout_below="@id/button7"
        android:textSize="10sp">
    </ListView>
</LinearLayout>

Answer 4

使用具有两行按钮的垂直 LinearLayout（每行作为 LinearLayout），然后为 ListView 指定layout_weight 值为“1”。事实上，也可以使用layout_weight来清理按钮的大小。

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout 
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" >

    <Button android:text="@string/New" 
    android:layout_height="wrap_content" 
    android:layout_width="wrap_content" 
    android:layout_weight="1" 
    android:id="@+id/button3" />

    <Button android:text="@string/Edit" 
    android:id="@+id/button4" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"
    android:layout_weight="1"  />

    <Button android:text="@string/Delete" 
    android:id="@+id/button5" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"
    android:layout_weight="1"  />
</LinearLayout>

<LinearLayout 
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" >    

    <Button android:layout_height="wrap_content" 
    android:id="@+id/button7" 
    android:layout_width="wrap_content" 
    android:layout_weight="1" 
    android:text="@string/Previousweek" />

    <Button android:layout_height="wrap_content" 
    android:id="@+id/button6" 
    android:layout_width="wrap_content" 
    android:layout_weight="1"
    android:text="@string/Next" />
</LinearLayout>

<ListView android:id="@+id/listView1" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:layout_weight="1" 
android:textColor="#FFD700"
android:textSize="10sp" >
</ListView>