android - 设计具有多个 ImageButtons 和 Buttons 的布局

Question

我必须制作如下图所示的布局（3 x 3 网格中的每个块都是一个 ImageButton，每个 ImageButton 在底部都有文本和一个小图像）：-

我想我可以使用 TableLayout，但问题是我想将所有组件都放在一个屏幕上，而不需要任何额外的滚动。当我使用 LinearLayout 时，imageButtons 相互重叠，我该如何避免呢？

我希望 ImageButtons 填满屏幕的宽度，但 match_parent 没有帮助。我应该修复 ImageButtons 的大小吗？但我希望布局适用于所有屏幕，而不是仅适用于一个屏幕。

如果我在 TableLayout 中也包含按钮（作为单独的行），那么它们的大小为 ImageButton，wrap_content 无效。而且我不知道如何将它们放在中心。

请提出一些建议。还有其他布局建议吗？我没有使用 GridLayout，因为该应用程序适用于 GingerBread（Android API 10）。谢谢你。

Answer 1

我会使用： - 线性布局，方向：垂直 - 作为外部布局 - 线性布局，方向：水平 - 对于每一行。将其中 3 个“项目”中的任何一个的布局权重设置为 33。

每个项目包括：图像按钮，文本和图像 - 线性布局，方向：垂直，以及文本和图像：再次，线性布局，方向：水平。

图像按钮：将宽度设置为 fill_parent。您可以相应地匹配高度。