Android: как разработать этот макет

Мне нужно демо-приложение для Android. В этой демонстрации я буду использовать такой экран (извините за уродливое изображение):

Image for Android UI

На этом изображении есть список квадратных элементов. В каждом элементе для объяснения есть небольшая фотография и небольшой текстовый элемент. В то же время есть две маленькие кнопки под текстом, который пользователь может выбрать (это означает, что пользователь может щелкнуть эти пункты, и действия произойдут).

Это делает приложение великолепным. но я не знаю, как создать такой интерфейс. Пожалуйста, научите меня.

благодаря :)

-9
источник поделиться
1 ответ

Где-то в вашем файле макета XML для экрана "Блюдо" вы будете иметь ориентированный на ListView "горизонтальный" или GridView для хранения каждого из элементов мета-изображения (например, "Блюдо").

У вас будет отдельный файл макета XML для элементов Dish, отображаемых в ListView или GridView.

Файл макета XML для предметов Dish будет иметь LinearLayout ориентацию LinearLayout на верхнем уровне.

Верхний уровень вертикального LinearLayout будет иметь отдельные виды для каждой строки:

  • ImageView для изображения блюда.
  • TextView для метки.
  • TextView для числового значения.
  • LinearLayout ориентирован "горизонтально" на кнопки. В этом LinearLayout вас будет отдельная Button для двух кнопок значков.

По желанию вы можете изменить макет верхнего уровня на RelativeLayout для более точного управления позиционированием особенностей Блюда, но LinearLayout легче программировать и лучше, если вам не нужны расширенные возможности размещения для ваших товаров.

Вам нужно будет найти примеры для ListView или GridView, но их много, и не сложно найти учебники или реализовать код. Затем измените расположение элементов XML, как указано выше, и вы должны быть добрым!

+2
источник

Посмотрите другие вопросы по меткам или Задайте вопрос