Расширенный дизайн интерфейса iOS? - PullRequest
27 голосов
/ 19 января 2011

Я немного поработал над iPhone (3 приложения в магазине приложений в настоящее время), но интерфейс был довольно простым. Я использовал стандартные компоненты по большей части (UITableViewController и т. Д.) С небольшой настройкой, но по большей части все выглядит довольно обобщенно. Я хотел бы начать разработку приложений с более богатым пользовательским интерфейсом, но не нашел хороших ресурсов для начала.

С какими ресурсами вы познакомились в общих чертах по созданию более совершенных интерфейсов iOS (как для iPhone, так и для iPad)? Книги? Записи в блоге? Просто глядя на приложения, которые я установил прямо сейчас, некоторые из интерфейсов, которые меня очень впечатлили, это ESPN Score Center, XFINITY TV, Facebook и т. Д.

А как насчет сторонних библиотек компонентов интерфейса? Можете ли вы порекомендовать предоставить более продвинутые компоненты интерфейса, чем в стандартной библиотеке iOS?

Я хотел бы взглянуть на любые ресурсы, которые вы рекомендуете для начала.

Ответы [ 4 ]

23 голосов
/ 19 января 2011

Я люблю Рэй Вендерлих учебники.У него есть один на Core Graphics, который позволяет вам рисовать ваши собственные табличные представления с заголовками, кнопками и нижними колонтитулами, изогнутыми по Безье!

14 голосов
/ 19 января 2011

Вот маленький секрет, который часто упускают из виду: множество интересных элементов пользовательского интерфейса, которые вы видите , являются запасными элементами Apple, которые были настроены на грань невозврата.

ОсновныеПричиной этого является то, что Apple потратила много времени и усилий на создание компонентов, которые просто работают.Например, для UIScrollView было потрачено гораздо больше времени, чем на любое написанное вами приложение.

Хитрость заключается в том, чтобы точно знать , как настроить элементы.Хороший пример - UITabBar: я видел несколько приложений, которые используют свои собственные панели вкладок.Проблема в том, что зачастую они не особенно хорошо справляются с крайними случаями.У вас могут возникнуть проблемы, если кто-то попытается нажать два элемента одновременно (я действительно видел приложение, которое использовало собственную реализацию сбоя панели вкладок, если вы одновременно нажали два элемента).

Но если вы используете Apple UITabBarController и либо создаете подкласс, классифицируете или иным образом перегружаете его, чтобы получить нужную настройку, вы получаете множество низкоуровневых средств обработки событий бесплатно.

Вы были бы поражены тем, что вы можете сделать с помощью UITableViewController, и вы получаете такие вещи, как повторное использование представления бесплатно (некоторые приложения, над которыми я работал, имеют такие вещи, как независимое изменение размера ячейкинастраиваемая анимация ячеек, горизонтальные реализации табличного представления и т. д.).

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

1 голос
/ 24 марта 2011

Я начал изучать использование Opacity для Mac , это довольно удобное настольное приложение, в котором вы можете создавать свои собственные графические элементы (кнопки, переключатели, значки и т. Д.), А затем автоматически генерировать CocoaTouch /Классы и заголовки Quartz2D для добавления в ваше приложение ... Некоторые элементы работают лучше, когда они изначально прорисованы на устройстве, а не сохранены / загружены в виде png-файлов или чего-то еще.Более того, вы получаете @ 2x поддержку дисплея Retina бесплатно.Хотя это и не фреймворк для переодевания интерфейса, тот факт, что он генерирует для вас код Quartz2D, делает его реальным соперником для тех, кто обладает удаленной графической креативностью, но не владеет сложными навыками 2D-программирования.В поисках вдохновения или реальных графических элементов для вашего интерфейса, я часто получаю отличные идеи на 365psd ... они на самом деле предоставляют документы Photoshop для воспроизведения некоторых потрясающих элементов пользовательского интерфейса БЕСПЛАТНО.В некоторых местах вы можете просто получить PNG, но это мало поможет, если вы хотите масштабировать его (@ 2x или iPad) или настроить в соответствии со своими потребностями.Это как открытый исходный код для графического дизайна пользовательского интерфейса.

1 голос
/ 19 января 2011

Мне тоже нравится Три20 .До сих пор я не использовал его в своих проектах, но я играл с ним.И в этом есть действительно классные вещи.;-) Я думаю, что это один из способов расширить ваши стандартные пользовательские интерфейсы.

Еще одна действительно крутая часть - это создание собственных элементов.Мне это действительно нравится.Потому что тогда в вашем приложении есть что-то, что никто другой не имеет.: -D

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...