这应该很容易,但对于我的生活,我无法弄清楚。我想做一堆盒子,如下图所示:
+------------------+
| +------o-------+ |
| | Banner | |
| +------o-------+ |
| | Buttons | |
| | | |
| +------o-------+ |
| | | |
| | | |
| | ViewFlipper | |
| | | |
| | | |
| | | |
| | | |
| +------o-------+ |
| | Buttons | |
| +------o-------+ |
| | Footer | |
| +------o-------+ |
+------------------+
每个盒子——包括外面的盒子——代表一个包含其他小部件(甚至是一个单独的小部件)的布局。外盒与设备的宽度和高度相匹配。堆栈的宽度和高度必须与外部容器匹配。盒子的边缘相互粘合并粘合到容器的顶部和底部边缘,如“o”所示。所有内部布局都紧紧地包裹着它们的内容,除了最大的——ViewFlipper——它包含一个可滚动的列表框,可以根据需要扩展或收缩。盒子的数量并不重要,只要是四个或更多。
ViewFlipper 包含许多宽度/高度=fillparent 的垂直线性布局(我的理解是父级是 ViewFlipper)。
到目前为止,在我的尝试中,我在外部 RelativeLayout 和用: 和 缝合内部框的边缘方面取得了一些成功
android:layout_below="@+id/former_box
,android:layout_above="@+id/following_box
但这是一种不稳定的情况,其中框开始表现得很奇怪(例如第二个完全覆盖了其他框等)每次我更改设计时(例如,通过插入另一个中间框)。请注意,这是一个设计时布局,不涉及花哨的动态运行时重新排列。
我现在正在试验 TableLayout(单列),基本上没有值得报告的快乐。我显然不是 Android 专家,但仍然如此。做这个的最好方式是什么?
编辑 - 插入实际代码 由于似乎省略实际代码使问题模糊(我希望它能澄清它,我的错误)我在这里插入工作版本。您会注意到它缺少横幅和页脚。如上所述,每次我尝试插入额外的框时,它都会在我身上炸毁 - 经常出现循环引用。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_margin="0dip"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".TomActivity" >
<RelativeLayout
android:id="@+id/spinnerbox"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:onClick="left"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:orientation="horizontal" >
<Button
android:id="@+id/leftarrow"
android:background="#888888"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="left"
android:minHeight="0dip"
android:minWidth="0dip"
android:layout_alignParentLeft="true"
android:onClick="left"
android:text="Button" />
<TextView
android:id="@+id/spintitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/leftarrow"
android:layout_toLeftOf="@+id/rightarrow"
android:layout_centerInParent="true"
android:layout_toEndOf="@+id/leftarrow"
android:layout_toStartOf="@+id/rightarrow"
android:gravity="center"
android:text="Label" />
<Button
android:id="@+id/rightarrow"
android:background="#888888"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:gravity="right"
android:minHeight="0dip"
android:minWidth="0dip"
android:onClick="right"
android:text="Button"
/>
</RelativeLayout>
<ViewFlipper
android:id="@+id/view_flipper"
android:layout_margin="0dip"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_below="@+id/spinnerbox"
android:layout_above="@+id/buttonbox"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<LinearLayout
android:layout_margin="0dip"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center" >
<ListView
android:id="@+id/CoursesView"
android:layout_margin="0dip"
android:background="#ffffff"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1" >
</ListView>
</LinearLayout>
<LinearLayout
android:layout_margin="0dip"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center" >
<ListView
android:id="@+id/FutureCoursesView"
android:layout_margin="0dip"
android:background="#ffffff"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1" >
</ListView>
</LinearLayout>
<LinearLayout
android:layout_margin="0dip"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center" >
<ListView
android:id="@+id/MessagesView"
android:layout_margin="0dip"
android:background="#ffffff"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1" >
</ListView>
</LinearLayout>
</ViewFlipper>
<LinearLayout
android:id="@+id/buttonbox"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
android:orientation="horizontal"
>
<Button
android:id="@+id/CurrentCoursesButton"
android:background="#888888"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Button" />
<Button
android:id="@+id/FutureCoursesButton"
android:background="#888888"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Button" />
<Button
android:id="@+id/UnreadMessagesButton"
android:background="#888888"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Button" />
<Button
android:id="@+id/RefreshButton"
android:background="#888888"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:onClick="refreshAll"
android:text="Button" />
<Button
android:id="@+id/LogoffButton"
android:background="#888888"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:onClick="logOff"
android:text="Button" />
</LinearLayout>
</RelativeLayout>
干杯,
编辑以更清楚地显示布局并提供有关基本原理的信息