Проектирование макета с несколькими кнопками и кнопками изображения

Question

Я должен сделать макет, как на рисунке ниже (каждый блок в сетке 3 x 3 будет ImageButton, и каждый из ImageButton имеет текст и небольшое изображение внизу) : -

Layout http://i45.tinypic.com/zlptom.png

Я думаю, что я могу использовать TableLayout, но проблема в том, что я хочу, чтобы уместить все компоненты в одном экране без какой-либо дополнительной прокрутки. Когда я использовал LinearLayout, кнопки imageButtons, перекрывающие друг друга, как мне избежать этого?

Я хочу, чтобы ImageButtons заполнил ширину экрана, но match_parent не помогает. Должен ли я фиксировать размер ImageButtons. Но я хочу, чтобы макет работал на всех экранах, а не только в одном.

Если я включаю кнопки также в TableLayout (как отдельные строки), то они имеют размер ImageButton, wrap_content недействителен. И я не знаю, как разместить их в центре.

Пожалуйста, предложите что-нибудь. Любые другие варианты размещения? Я не использую GridLayout, потому что приложение предназначено для GingerBread (Android API 10). Спасибо.

Answer 1

Я бы использовал: - Линейная компоновка, ориентация: вертикальная - как внешняя компоновка - Линейные макеты, ориентация: горизонтальная - для каждой линии. Установите вес макета для любого из 3 "предметов" в нем: 33.

Каждый элемент, состоящий из: кнопки изображения, текста и изображения - линейная компоновка, ориентация: вертикальная и текст & image: снова, линейная компоновка, ориентация: горизонтальная.

Кнопка изображения: установите ширину для заполнения_размера. Соответственно вы можете соответствовать высоте.