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

时间:2010-11-05 18:32:18

标签: android tablelayout

我需要代表下图:
alt text

每个X都是一个图像按钮。我想要制作三个表,每个表有一列,每个单元格高度是表格高度的一半。问题是该表需要能够拉伸或收缩,因为我担心屏幕上的所有内容,而表格是唯一可以改变大小并使整个事物看起来还不错的部分。我遇到的问题是行只有图像按钮那么大。虽然所有图像按钮的大小相同,但特别是左右桌子需要在图像按钮周围加一些填充物以使其正常。我会在按钮上添加边距,但这会破坏我正在重塑的问题......我想。有什么建议吗?

3 个答案:

答案 0 :(得分:2)

可能有更好的方法,但下面是实现这一目标的一种方法。按钮是否需要伸展以适合细胞?或者他们只是在中心?假设后者,这是一个建议(我对此没有信心,但我相信它应该有效):

<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可能会更简洁(使用更少的嵌套视图),但这不是我的头脑,给你一些开始。

答案 1 :(得分:1)

尝试使用网格视图。

Link to android developer reference

答案 2 :(得分:0)

如果您使用诸如DroidDraw之类的UI绘图工具,则可以更轻松地将它们组合在一起。完成绘图后,应用程序将生成适用于您的应用的相应源代码。