Фон для iPhone в высоком разрешении: инструкции и источники

Как лучше всего реализовать внешний вид, аналогичный мобильному приложению PPD Clinical Trials Mobile (позволяет искать клинические испытания), где, похоже, они реализовали UINavigationController и контроллер UITabBar в виде наложений поверх MainWindow и фона с высоким разрешением.

введите описание изображения здесь

Также в качестве ответа на этот вопрос есть ли где-нибудь стоковая графика iPhone 4 (кнопки, значки и особенно фоны), которые можно использовать для имитации вещей?

РЕДАКТИРОВАТЬ 0: Кстати, я не знаю, что они используют UITabBarController для нижней части, но по всем признакам они используют UINavigationController вверху. Он ведет себя так, как и следовало ожидать.


iphone uinavigationcontroller
person tacos_tacos_tacos    schedule 01.08.2011    source источник
comment
В ответ на следующий вопрос вы можете использовать balsamiq для создания мокапов - не бесплатно, но совершенно потрясающе. Еще один хороший вариант - OmniGraffle. На таких сайтах, как Graffletopia   -  person theChrisKent    schedule 01.08.2011

Ответы (2)


arrow_upward
1
arrow_downward

Мне кажется, что мобильное приложение PPD Clinical Trials Mobile состоит из следующих элементов:

  1. контроллер модального представления поверх фона;

  2. в контроллере модального представления кадр меньше размера экрана;

  3. контроллер модального представления содержит UINavigationController;

  4. эффект прозрачности достигается установкой для свойства alpha представлений внутри модального контроллера представления значение ниже 1.0 (что означает непрозрачность).

person sergio    schedule 01.08.2011

arrow_upward
0
arrow_downward

Стоковая графика / компоненты:

http://spoiledmilk.dk/blog/iphone-ui-design

http://www.teehanlax.com/blog/iphone-gui-psd-30/

Наборы иконок:

http://glyphish.com/

Что касается скриншота, я думаю, вы могли бы выполнить его содержимое следующим образом:

  • Фон: статическое изображение, созданное в Photoshop или аналогичном (pixlr.com как отличная бесплатная онлайн-альтернатива)

  • Панель навигации: переопределите UINavigationBar по умолчанию и по-другому установите фреймы компонентов.

  • Меню выбора: снова переопределить объекты класса по умолчанию.

Надеюсь, это помогло!

person Luke    schedule 01.08.2011
comment
Думаю, вы понимаете мой вопрос, но что конкретно мне делать в CustomNavBar: UINavigationBar, чтобы его можно было центрировать и иметь ширину = UITableView ниже его ширины? Это поможет добиться эффекта приложения PPD. - person tacos_tacos_tacos; 01.08.2011
comment
Итак, экземпляр UIBarButtonItem был создан и установлен на self.navigationItem.rightBarButtonItem для правой кнопки. Левая кнопка была заменена изображением, содержащимся в UIImageView. Возможно, текст был только что выровнен по левому краю, а не полностью переписал панель навигации. - person Luke; 02.08.2011