iOS navigation
Transcript of iOS navigation
![Page 1: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/1.jpg)
![Page 2: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/2.jpg)
Storyboard
![Page 3: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/3.jpg)
![Page 4: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/4.jpg)
Size classes
![Page 5: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/5.jpg)
![Page 6: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/6.jpg)
Виды переходов
![Page 7: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/7.jpg)
Show (e.g. Push)
![Page 8: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/8.jpg)
Show detail
![Page 9: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/9.jpg)
Present as popover
![Page 10: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/10.jpg)
• Для отображения информации об объекте на
экране
• Для предоставления доступа к часто
используемым опциям или настройкам
• Для отображения списка действий доступных
для объекта на экране
Popover’ы предоставляют легкий способ показать или
получить от пользователя информацию. Обычно
используются в следующих ситуациях:
![Page 11: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/11.jpg)
AnimationTestDemo
![Page 12: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/12.jpg)
Паттерны навигации
![Page 13: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/13.jpg)
Чему нас учит Apple?Используйте Navigation Bar для предоставления
возможности пользователю перемещаться
иерархией данных.
Заголовок показывает пользователю его текущую
позицию в иерархии; кнопка возврата
предоставляет легкий способ вернутся на
предыдущий уровень.
![Page 14: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/14.jpg)
![Page 15: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/15.jpg)
Good way Bad way
![Page 16: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/16.jpg)
![Page 17: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/17.jpg)
Используйте Tab Bar для отображения
нескольких равнозначных категорий контента или
функционала.
Tab Bar это хороший способ поддержки “плоской”
архитектуры, а его постоянное присутствие
позволяет пользователю с легкостью
переключаться между категориями, независимо
от текущего положения
![Page 18: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/18.jpg)
![Page 19: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/19.jpg)
Good way Bad way
![Page 20: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/20.jpg)
![Page 21: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/21.jpg)
Гамбургер? Нет,
спасибо
![Page 22: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/22.jpg)
![Page 23: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/23.jpg)
Временные
представления
![Page 24: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/24.jpg)
iPhone
![Page 25: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/25.jpg)
iPad
![Page 26: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/26.jpg)
3D touchenum UIApplicationShortcutIconType : Int {
case Compose
case Play
case Pause
case Add
case Location
case Search
case Share
case Prohibit
case Contact
case Home
case MarkLocation
case Favorite
case Love
case Cloud
case Invitation
case Confirmation
case Mail
case Message
case Date
case Time
case CapturePhoto
case CaptureVideo
case Task
case TaskCompleted
case Alarm
case Bookmark
case Shuffle
case Audio
case Update
}
![Page 27: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/27.jpg)
Ресурсы
![Page 28: iOS navigation](https://reader031.fdocuments.net/reader031/viewer/2022030309/58f1df361a28ab1a3b8b45fb/html5/thumbnails/28.jpg)