Android-макет поверх изображения

Question

Я борюсь с проблемой макета на Android.Это очень просто сделать на iPhone, но с различными размерами экрана и классами Layout.Мне трудно это делать.

Одна вещь, которую я заметил, это то, что установка фонов для объектов в xml действительно портит макет на устройстве.Я обычно должен вставить FrameLayout и ImageView, чтобы получить фон.

Так что я пытаюсь добраться до этого.http://www.calidadsystems.com/images/AndroidListItem.png (Извините, у меня недостаточно очков для отправки изображения)

Его - это статусное представление и элемент в представлении списка.Есть 8 TextViews, которые должны быть установлены.Каждое из 222 полей будет изменено.Текущий фон содержит цвета в определенных местах, и я пытаюсь совместить надписи и текстовые представления, чтобы получить изображение ниже.Я построил этот с AbsoluteLayout, который устарел, но он также не очень хорошо работает на устройстве.

Я постоянно боролся с макетами на Android.У кого-нибудь есть хороший пример кода, который может это сделать?

Answer 1

Почему бы просто не скомпоновать макет в макете таблицы и не настроить фон макета таблицы в соответствии с созданным вами графиком? Это должно сработать с вами. В частности, дизайн вашего проекта будет выглядеть как 4 столбца с х строк. Затем, используя свойство strechcolumn, вы сможете выполнить то, что пытаетесь сделать!

Если вы масштабируете графику правильно, у вас не должно быть этой проблемы в целом.

Answer 2

Возможно, вы захотите использовать RelativeLayout. Вы можете использовать атрибут android: layout_alignTop = "id", чтобы строки были правильно расположены. И андроид: layout_alignLeft = "id" для столбцов. Кроме этого, нужно просто поиграть с атрибутом android: layout_marginLeft = "XXdip", чтобы получить пространство между ними так, как вы этого хотите. Проверьте эту страницу для обзора и примеров всех типов макетов. Вот еще пример кода RelativeLayout. И еще одна страница с другим примером. Привыкнуть к RelativeLayout немного сложно, но как только вы несколько раз воспользуетесь им, его довольно легко понять и получить нужный вам макет. Преимущество этого состоит в том, что ваши пользовательские интерфейсы выглядят хорошо на экранах разных размеров, когда вы определяете их таким образом.