設計具有多個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。 您可以相應地匹配高度。