Best practices for clean UI architecture in iOS application.

1. Storyboards
Segregation

2. Зачем?

3. Обычная storyboard

4. Обычная storyboard
• Тесная связанность всех экранов,
• Запутанность логики переходов прямо
пропорциональна количеству экранов,
• Невозможно работать совместно.

5. Решение

6. Метод банана
• В отдел покупается банан.
• Только разработчик, в руках
которого он находится,
может работать со
storyboard.
• Профит.

7. Решение получше

8. Раздельные storyboards
1. Выделяем из карты экранов общие user
stories.
2. Экстраполируем их на контроллеры
Main.storyboard.
3. Переносим эти группы в отдельные
storyboards.

9. Было

10. Стало

11. Несколько тезисов
• Группа экранов выделяется в отдельную
storyboard в двух случаях:
• Самостоятельная user story (Settings User
Story),
• Общая группа экранов для нескольких
storyboards (Photos User Story).
• Не нужно бояться маленьких storyboards.

12. Storyboard-to-
Storyboard

13. Программно

14. pushViewController:

15. pushViewController:

16. Segues

17. LinkedStoryboardSegue
Segue Identifier:
MSAPhotoGalleryViewController_Photos

18. LinkedStoryboardSegue
@interface MSALinkedStoryboardSegue : UIStoryboardSegue
+ (UIViewController *)sceneNamed:(NSString *)identifier;
@end

19. LinkedStoryboardSegue

20. UITabBarController

21. UITabBarController
- (UITabBarController *)tabBarController {
return [TyphoonDefinition withClass:[UITabBarController class]
configuration:^(TyphoonDefinition *definition) {
[definition injectProperty:@selector(viewControllers)
with:[self storyboardsInitialViewControllers]];
}];
}
- (NSArray *)storyboardsInitialViewControllers {
return @[
[[UIStoryboard storyboardWithName:MSABreedsStoryboardIdentifier
bundle:[NSBundle mainBundle]] instantiateInitialViewController],
[[UIStoryboard storyboardWithName:MSABestCatStoryboardIdentifier
bundle:[NSBundle mainBundle]] instantiateInitialViewController],
[[UIStoryboard storyboardWithName:MSASettingsStoryboardIdentifier
bundle:[NSBundle mainBundle]] instantiateInitialViewController]
];
}

22. Роутеры

23. Зачем?
• ViewController не должен знать о реализации
переходов между экранами.
• ViewController не должен конфигурировать
другие ViewController’ы.

24. Как?
@interface UIViewController (Routing)
@property (nonatomic, strong) id<MSARoutingProtocol> router;
@end
@protocol MSARoutingProtocol <NSObject>
- (instancetype)initWithNavigationController:(UINavigationController
*)navigationController;
- (void)dismissCurrentViewController:(UIViewController
*)viewController animated:(BOOL)animated;
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:
(id)sender;
@end

25. А пример?
@protocol MSABreedsRouter <MSARoutingProtocol>
- (void)showBreedViewControllerFromSourceController:
(UIViewController *)sourceController
withCatBreed:(MSACatBreed *)catBreed;
- (void)showPhotosViewControllerFromSourceController:
(UIViewController *)sourceController
withCatBreed:(MSACatBreed *)catBreed;
- (void)showWarningViewControllerFromSourceController:
(UIViewController *)sourceController;
@end

26. А передача данных?
1. В UIViewController+Routing:
prepareForSegue -> msa_prepareForSegue
2. И методы от Ильи:
- (void)performSegueWithIdentifier:(NSString *)identifier sender:
(id)sender userInfo:(NSDictionary *)userInfo;
- (NSDictionary *)segueUserInfo:(UIStoryboardSegue *)segue;

27. Полезные мелочи

28. Переиспользование
экранов
• Если экран входит сразу в несколько user
stories, можно реализовать его отдельно.
• Storyboard сама подтягивает нужный xib по
имени класса.

29. Переиспользование
экранов

30. Storyboard Constants
• Receiver (<MSAPhotoGalleryViewController: 0x8cbd540>)
has no segue with identifier ‘breedDetailSegue’

31. Storyboard Constants
• Receiver (<MSAPhotoGalleryViewController: 0x8cbd540>)
has no segue with identifier ‘breedDetailSegue’
:(

32. Storyboard Constants
generate_constants.py -> MSAStoryboardsIdentifiers.h
/* Segue identifier constants */
@class NSString;
extern NSString * const sBreedDetailSegue;
extern NSString * const sMSAPhotoGalleryViewController_Photos;
extern NSString * const sMSAPhotoViewController_Photos;
extern NSString * const sPhotoViewSegue;
extern NSString * const sWarningSegue;

33. Storyboard Constants
• В списке Build Phases скрипт генерации
констант должен быть на первом месте.
• Можно смело выпилить генерацию констант
для ID контроллеров и ячеек.
• Да и вообще, жить можно и без него.

34. User Stories как структура
• Иногда красиво
разбивать файлы
проекта получается по
User Stories:

35. Полезные ссылки
• Тестовое приложение: https://github.com/
igrekde/MultipleStoryboardsSample
• Reusing Views with Auto Layout: http://
cocoanuts.mobi/2014/03/26/reusable/
• Easier Multiple Storyboards: http://
spin.atomicobject.com/2014/03/06/multiple-ios-
storyboards/