Как реализовать передовой дизайн пользовательского интерфейса в Android

Question

Я видел много статей о том, как создавать пользовательские интерфейсы с помощью линейных и относительных макетов, но не видел ничего, что конкретно показывало бы вам, как создавать пользовательский интерфейс, например:

http://i.stack.imgur.com/ojSHM.jpg

http://i.stack.imgur.com/gNXaO.jpg

Это просто набор изображений (то есть нарезанный дизайн фотошопа)? Если да, есть ли примеры приложений / статей / учебных пособий, которые показывают, как взять дизайн фотошопа, правильно нарезать его и как правильно кодировать это в eclipse для нескольких устройств Android?

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

Спасибо!

Береги себя, Shannon

Answer 1

Позвольте мне поделиться своим взглядом на эти 2 дизайна:

1. Окно панели управления Facebook:

   • Синяя верхняя панель и нижнее фоновое изображение уведомления создаются с использованием9-patch tool.
   • Значки средней части «Лента новостей», «Профиль» представляют собой сетку с 3 столбцами и возможным горизонтальным / вертикальным интервалом.
   • Возможно создание 2-й нижней частииспользуя представление галереи изображений.

2. 2-й содержит мастерство RelativeLayout, он подготовлен с использованием Sectioned ListView в средней части, а все остальное реализовано с помощью RelativeLayout с кнопками.

К вашему сведению, в основном фоновые изображения / значки готовятся с использованием инструмента с 9 патчами.Используя 9-патч изображения, мы можем создать масштабируемую графику.

Answer 2

Ни один из них не использует описанный вами процесс.

Строки меню выполнены на пластиковом фоне.

Иконки просто такие

Тени - это особенность видов андроида. Так что это не требует пользовательской графики.

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