如何在 Android 布局中表示这一点

Question

我需要表示下图：

每个 X 都是一个图像按钮。我正在考虑制作三个表格，每个表格一列，并且每个单元格的高度为表格高度的一半。问题是桌子需要能够拉伸或收缩，因为我担心屏幕上的所有内容都显示出来，而桌子是唯一可以改变大小并使整个东西看起来还不错的部分。我遇到的问题是行只与图像按钮一样大。虽然所有图像按钮的大小相同，但尤其是左表和右表，需要在图像按钮周围有一些填充，以使其正常。我会为按钮添加边距，但这解决了我遇到的重塑问题......我认为。有什么建议吗？

Answer 1

可能有更好的方法，但下面是实现此目的的一种方法。按钮是否需要拉伸以适应单元格？或者他们只是以内部为中心？假设是后者，这里有一个建议（我对此没有信心，但我相信它应该有效）：

<LinearLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:orientation="horizontal"
 >
 <LinearLayout
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:orientation="vertical"
  android:layout_weight="1"
  android:gravity="center"
  >
  <ImageButton
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"                           
   android:layout_weight="1"
   android:src="@drawable/drawable11"
   />
  <ImageButton
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"                           
   android:layout_weight="1"
   android:src="@drawable/drawable12"
   />
 </LinearLayout>

 <LinearLayout
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:orientation="vertical"
  android:layout_weight="1"
  android:gravity="center"
  >
  <ImageButton
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"                           
   android:layout_weight="1"
   android:src="@drawable/drawable21"
   />
  <ImageButton
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"                           
   android:layout_weight="1"
   android:src="@drawable/drawable22"
   />
  <ImageButton
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"                           
   android:layout_weight="1"
   android:src="@drawable/drawable23"
   />
 </LinearLayout>

 <LinearLayout
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:orientation="vertical"
  android:layout_weight="1"
  android:gravity="center"
  >
  <ImageButton
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"                           
   android:layout_weight="1"
   android:src="@drawable/drawable11"
   />
  <ImageButton
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"                           
   android:layout_weight="1"
   android:src="@drawable/drawable12"
   />
 </LinearLayout>
</LinearLayout>

不幸的是，我现在没有 Eclipse 来测试它，但这应该接近您所需要的。可能有一种更干净的方法使用RelativeLayout（使用更少的嵌套视图），但这不是我的想法，给你一些开始的东西。

Answer 2

尝试使用网格视图。

Android 开发人员参考链接

Answer 3

如果您使用 UI 绘图工具（例如 DroidDraw），您可能会更容易将其组合在一起。完成绘图后，应用程序将生成适当的源代码以供您的应用程序使用。