2014-02-11 2 views
3

Какой инструмент используется для проектирования контроллеров представления UI и раскадровки для iOS NIB UI?Как создать визуальные макеты UIViewController, такие как библиотека разработчиков iOS

[UPDATE] Я ищу инструмент для создания пользовательского интерфейса с точки зрения компоновки эскизов больше, чем дизайн StoryBoard XCode. Цель состоит в том, чтобы сконструировать потоки UIViewControllers, как показано Apple в iOS Developer Library.

Я проверил некоторые макеты UML-классов, такие как Visual Paradigm, Magic Draw и т. Д., Но они также не имеют визуальной компоновки для пользовательского интерфейса.

iOS Developer Library UI Flow Example

High-level flow interface Example

ответ

1

Вы можете построить все это очень легко в раскадровке. Просто создайте новый проект и нажмите «использовать раскадровку». Вы их перетаскиваете на раскадровку первое представление и нажимаете «редактор», затем «вставляете в контроллер панели вкладок». Затем нажмите «Вставить в контроллер навигации». Чтобы подключить представления друг к другу, вы удерживаете ctrl и перетаскиваете их из одного представления в другое. Это сказочное учебник: http://www.raywenderlich.com/50308/storyboards-tutorial-in-ios-7-part-1

+0

Спасибо, мой вопрос был больше о инструменте для создания диаграмм, таких как Apple, используемых там, чем раскадровка. – loretoparisi

+1

Это только один способ пойти на классный каркас. Я думаю, http://balsamiq.com/ – Mika

2

UIStoryBoard это отличный способ начать свой простой и быстрый способ создания пользовательского интерфейса для всех IOS приложения


Вы можете начать с изучения основной код шаблона - например, приложение табуляции для вашей цели - Файл -> Создать -> Проект -> Приложение с вкладками.

Навигация: Для перехода с одного экрана на другой экран - нужно встроить в навигации контроллер - Редактор -> Вставить в -> Навигационный контроллер/Панель вкладок Контроллер

соединения: Ctrl + перетаскивание на другой вид контроллера толкать от одной сцены к другой сцене ..

Навигация может быть сделано с помощью кода см Navigate storyboard via code

Вот хороший учебник для обучения раскадровки Tutorial on Storyboard

+0

Спасибо, а как насчет проектирования эскизов, я имею в виду только поток пользовательского интерфейса? – loretoparisi

+1

@loretoparisi - вы можете перейти на http://proto.io/ –

Смежные вопросы