Слайды презентации с моего доклада на CocoaHeads Moscow, где я рассказывал про новую концепцию Size Classes, представленную Эплом на WWDC-2014. Это совершенно новый способ построения адаптивных интерфейсов для айос-дивайсов. Немного коснулся интересных тонкостей о том, как их использовать в приложениях на айос-8, и как их бекпортить на айос-6.

1. Size Classes
CocoaHeads Moscow

2. Size Classes
• horizontalSizeClass
• verticalSizeClass

3. // < iOS 8
if (IS_PORTRAIT) {
if (IS_iPHONE) {
if (IS_iPHONE_5) {
} else {
}
} else { // !IS_iPHONE
}
} else { // !IS_PORTRAIT
if (IS_iPHONE) {
} else {
}
}

4. Regular
height
Regular width

5. Regular
height
Compact width

6. Compact
height
Compact width

7. Size Classes
• horizontalSizeClass
• verticalSizeClass

8. Size Classes
• UITraitEnvironment
• UITraitCollection
• horizontalSizeClass
• verticalSizeClass
• userInterfaceIdiom
• displayScale

9. Size Classes
• UITraitEnvironment
• UITraitCollection
• horizontalSizeClass = Compact
• verticalSizeClass = Regular
• userInterfaceIdiom = Phone
• displayScale = 2.0

10. Size Classes
• UITraitEnvironment
• UITraitCollection:
• horizontalSizeClass = Compact
• verticalSizeClass = Regular
• userInterfaceIdiom = Phone
• displayScale = 2.0

12. Trait Environment
Наследуется от UIScreen вниз по иерархии
• UIScreen
• UIWindow
• UIViewController
• UIView
• UIImageView

13. Horizontal Size Class
Regular Compact
Regular
iPad
• Portrait
• Landscape
iPhone
• Portrait
Compact
iPhone
• Landscape
Vertical Size Class

14. Horizontal Size Class
Regular Compact
Regular
iPad
• Portrait
• Landscape
iPhone
• Portrait
Compact ???
iPhone
• Landscape
Vertical Size Class

15. Trait Collections
horizontalSizeClass
verticalSizeClass
userInterfaceldiom
displayScale
Regular
Compact
Phone
(Unspecified)
Compact
(Unspecified)
Phone
(Unspecified)
+ =

16. Trait Collections
horizontalSizeClass
verticalSizeClass
userInterfaceldiom
displayScale
Regular
Compact
Phone
(Unspecified)
Compact
(Unspecified)
Phone
(Unspecified)
+ =
traitCollectionWithTraitsFromCollections:

17. Trait Collections
horizontalSizeClass
verticalSizeClass
userInterfaceldiom
displayScale
Regular
Compact
Phone
(Unspecified)
Compact
(Unspecified)
Phone
(Unspecified)
Regular
Compact
Phone
(Unspecified)
+ =
traitCollectionWithTraitsFromCollections:

18. Trait Collections
horizontalSizeClass
verticalSizeClass
userInterfaceldiom
displayScale
Regular
Compact
Phone
(Unspecified)
Compact
(Unspecified)
Phone
(Unspecified)
Regular
Compact
Phone
(Unspecified)
+ =
traitCollectionWithTraitsFromCollections:

20. Adaptive
func traitCollectionDidChange(previousTraitCollection) {
}

21. Adaptive
func traitCollectionDidChange(previousTraitCollection) {
let currentTraits = self.traitCollection
let newLayout = currentTraits.horizontalSizeClass ==
UIUserInterfaceSizeClass.Compact
? self.squaresLayout
: self.rectanglesLayout
self.collectionView.setCollectionViewLayout(
newLayout,
animated: true)
}

22. Adaptive
- (void)viewWillTransitionToSize:(CGSize)size
withTransitionCoordinator:
(id<UIViewControllerTransitionCoordinator>)coordinator {
}

23. Adaptive
- (void)viewWillTransitionToSize:(CGSize)size
withTransitionCoordinator:
(id<UIViewControllerTransitionCoordinator>)coordinator {
[coordinator animateAlongsideTransition:
^(id<UIViewControllerTransitionCoordinatorContext> context) {
[self.collectionView.collectionViewLayout.numberOfColumns =
[self columnsForSize:size];
} completion:nil];
}

24. UIImage

25. UIImage
1× 2×
Any
Compact

26. UIImage
horizontalSizeClass Regular
verticalSizeClass Regular
userInterfaceldiom Phone
displayScale 2.0
horizontalSizeClass Regular
verticalSizeClass Compact
userInterfaceldiom Phone
displayScale 2.0

27. UIImageAsset
1× 2×
Any
Compact

28. UIImageAsset
1× 2×
Any
Compact

29. Image Set
wAny hAny
wAny hCompact
wCompact hAny
wCompact hCompact

31. Обратная совместимость
с iOS 7 и 6
• Работает с ограничениями,
но не конфликтует

32. iOS 8 iOS 7 iOS 6
wAny hAny

33. iOS 8 iOS 7 iOS 6
wC hC

34. Split View Controller
Для айфона и айпада:
• Один общий сториборд
• UISplitViewController

36. Сводка
• Trait Collections: Size Classes
• Автоматический сет картинок для разных размеров
• Один сториборд/XIB для айфона и айпада
• Обратно совместимо с айос-6 и 7
• Предпросмотр для разных дивайсов, ориентаци
и версий айос в интерфейс-билдере
• Нужен Xcode 6 и автолейауты

37. Еще больше примеров
• developer.apple.com
• carpeaqua.com/2014/06/14/thinking-in-terms-of-ios-
8-size-classes/
• www.shinobicontrols.com/blog/posts/
2014/07/28/ios8-day-by-day-day-7-adaptive-layout-
and-uitraitcollection
• asciiwwdc.com

38. ya@m4rr.ru