Элементы макета Android

Question

Я пытаюсь сделать макет Android, как показано ниже. У меня есть пара вопросов:

1 - как называется элемент, который FB использует для сообщений? То есть, это не похоже на текстовое представление, но элемент выглядит так, как будто он разделяет каждый пост разделительной линией. Кроме того, стиль текста отличается для имени человека и как давно они опубликовали. Я пытаюсь продублировать это (за исключением картинок), но не могу найти нужные элементы интерфейса.

2. Как называется элемент внизу? Это как статичное меню. То есть, это то же самое, что и меню, но вместо того, чтобы нажимать «меню», оно всегда находится на странице.

Наконец, есть ли хорошие уроки / примеры того, как сделать красивые, профессиональные макеты, такие как приложения на рынке? Учебники, которые я нашел на макетах, действительно просты. Я хотел бы понять, какие элементы существуют, что означают все атрибуты, и увидеть примеры и т. Д. До сих пор я мог видеть только возможности других приложений. Я хотел бы иметь справочник или какой-то тип справочного руководства, чтобы перейти.

Answer 1

Для «причудливых» текстовых представлений вы можете создать линейный макет, содержащий <<strong> RelativeLayout >:

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="wrap_content"
    android:layout_width="fill_parent"
    android:layout_weight="0">
<ImageView 
    android:id="@+id/userPhoto" 
    android:layout_height="64dip"
    android:layout_width="64dip"
/>
<TextView
    android:id="@+id/userFullName"
    android:layout_height="25dp"
    android:layout_width="fill_parent"
    android:layout_marginLeft="70dp"
/>
</RelativeLayout>

Если у вас есть относительный макет, вы можете добавить в него различные виды для создания своего рода привычного вида.

Что касается хороших примеров, я бы посмотрел на эту книгу . Это легко понять и очень полезно для таких вещей.

Answer 2

Я нашел действительно полезное учебное пособие , чтобы решить проблему с дизайном ListView Row, немного похожую на вашу. В нем рассказывается, как выполнить загрузку Async Image, но первая часть должна вам помочь.

Кроме того, я могу ошибаться (я все еще немного новичок в этом), но я думаю, что в ответе выше отсутствует TextView для реального сообщения, кроме userName и относительных позиций элементов, поскольку это относительная компоновка. Что-то вроде:

<TextView
    android:id="@+id/userName"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignTop="@id/userPhoto"
    android:layout_toRightOf="@id/userPhoto"
    android:textSize="17dp"
    android:textStyle="bold" />

<!-- actual message -->
<TextView
    android:id="@+id/message"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/userName"
    android:layout_marginTop="1dip"
    android:layout_toRightOf="@id/userPhoto"
    android:textSize="15dp" />

Ключ в организации относительного макета:

android:layout_alignTop="@id/userPhoto" android:layout_toRightOf="@id/userPhoto" и

android:layout_below="@id/userName" android:layout_toRightOf="@id/userPhoto"

Я могу ошибаться, но если это поможет, отлично! Просто добавляю свой бит к другому ответу. Приветствия