设计具有多个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。 您可以相应地匹配高度。