Расширенный дизайн интерфейса iOS?

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

В каких ресурсах вы все узнаете, как создать более продвинутые интерфейсы iOS (как iPhone, так и iPad)? Книги? Записи в блогах? Просто глядя на приложения, которые я установил прямо сейчас, некоторые из интерфейсов, на которых я был очень впечатлен, - это Центр оценки ESPN, XFINITY TV, Facebook и т.д.

О библиотеках компонентов сторонних интерфейсов? Есть ли какие-либо рекомендации, которые предоставляют более сложные компоненты интерфейса, чем те, которые есть в библиотеке iOS на складе?

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

Ответ 1

Я люблю уроки Ray Wenderlich. Он получил один на Core Graphics, который позволяет рисовать собственные виды стола с помощью заголовков, кнопок и нижних колонтитулов безье!

Ответ 2

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

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

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

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

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

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

Ответ 3

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

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

Ответ 4

Я начал изучать использование Opacity для Mac, это довольно аккуратное настольное приложение, в котором вы можете создавать собственные графические элементы (кнопки, переключатели, значки и т.д.), а затем автоматически генерировать классы и заголовки CocoaTouch/Quartz2D для добавления в ваше приложение... Некоторые элементы лучше всего работают, когда они нарисованы на устройстве, а не сохраняются/загружаются как png или что-то еще. Кроме того, вы получаете бесплатную поддержку дисплея @2x Retina. Несмотря на то, что он не является интерфейсом, тот факт, что он генерирует код Quartz2D для вас, делает его настоящим соперником для всех, кто удаленно графически креативен, но не хватает сложных навыков 2D-программирования.

Говоря о красивых интерфейсах, если вы ищете вдохновение или реальные графические элементы для ввода интерфейса, я часто получаю отличные идеи на 365psd... на самом деле они предоставляют документы Photoshop для воспроизведения каких-либо продуктов с отбрасыванием глаз, БЕСПЛАТНО. Некоторые места могут просто дать вам PNG, но это мало помогает, если вы хотите масштабировать его (@2x или iPad) или настроить его в соответствии с вашими потребностями. Это как открытый исходный код для графического дизайна пользовательского интерфейса.