如何设置具有顶部、中心和底部元素的布局？

Question

我有 2 个 LinearLayouts 和一个相对布局中的按钮。 它们应该看起来像这样：

带有顶栏的 LinearLayout（约占屏幕的 20%）

---

滚动视图中的许多元素占据了大部分屏幕（约占屏幕的 60%）

---

底部的按钮（约占 屏幕的 60%） . 20% 的屏幕）

我已经尝试过：

<RelativeLayout
   android:layout_width="fill_parent"
   android:layout_height="fill_parent">

   <LinearLayout
   android:id="@+id/layoutTopBlack"
   android:layout_alignParentTop="true"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content">
   <include layout="@layout/top_black_bar_cancel_register_button"/> 
</LinearLayout> 

    <LinearLayout
   android:id="@+id/layoutCenter"
   android:layout_below="@id/layoutTopBlack"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent">
   <include layout="@layout/top_black_bar_cancel_register_button"/> 
</LinearLayout> 

    <Button 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:id="@+id/buttonNextStep"
    android:text="@string/next_step"
    style="@style/mainButtonStyle"/>

</RelativeLayout>

这不起作用。布局中心位于按钮上方，因此我从未看到该按钮。

有什么建议吗？

提前致谢。

编辑： 我从编辑那里找到了这个： 无法解析资源@id/layoutTopBlack

Answer 1

只需告诉您的布局中心将其自身布局在按钮上方，如下所示：

Answer 2

实际上，考虑到您提到的百分比，您可能希望将 LinearLayout 与 布局权重在这里，而不是RelativeLayout。

EG 执行您提到的 20% / 60% / 20% 权重：

<LinearLayout 
  android:layout_width="match_parent" 
  android:layout_height="match_parent"
  android:orientation="vertical">
  <View android:layout_height="0px" android:layout_weight="1" ... />
  <View android:layout_height="0px" android:layout_weight="3" ... />
  <View android:layout_height="0px" android:layout_weight="1" ... />
</LinearLayout>

如果顶部/底部栏只需要保留其内容，而不是占据固定百分比，那么 renam.antune 的答案应该有效，或者您可以使用 < code>LinearLayout 与上面类似，但设置顶部/底部栏来包装内容而不在其上设置权重。然后，中心视图上的任何权重都会使其填充所有可用的剩余空间，而不会像使用 fill_parent 那样擦除按钮。