rambler.ios #2: Адаптивная верстка ios приложений
TRANSCRIPT
![Page 1: Rambler.iOS #2: Адаптивная верстка iOS приложений](https://reader030.vdocuments.pub/reader030/viewer/2022012403/55a701291a28abed5e8b4813/html5/thumbnails/1.jpg)
Александр СычевИнженер-разработчик iOS
RDSDataSource #2
Адаптивная верстка iOS приложений
![Page 2: Rambler.iOS #2: Адаптивная верстка iOS приложений](https://reader030.vdocuments.pub/reader030/viewer/2022012403/55a701291a28abed5e8b4813/html5/thumbnails/2.jpg)
Адаптивная верстка iOS приложений
![Page 3: Rambler.iOS #2: Адаптивная верстка iOS приложений](https://reader030.vdocuments.pub/reader030/viewer/2022012403/55a701291a28abed5e8b4813/html5/thumbnails/3.jpg)
Адаптивная верстка iOS приложений
Universal StoryboardsTrait CollectionsSize Classes
![Page 4: Rambler.iOS #2: Адаптивная верстка iOS приложений](https://reader030.vdocuments.pub/reader030/viewer/2022012403/55a701291a28abed5e8b4813/html5/thumbnails/4.jpg)
Адаптивная верстка iOS приложений
UNIVERSAL STORYBOARDS
![Page 5: Rambler.iOS #2: Адаптивная верстка iOS приложений](https://reader030.vdocuments.pub/reader030/viewer/2022012403/55a701291a28abed5e8b4813/html5/thumbnails/5.jpg)
Адаптивная верстка iOS приложений
Universal storyboards. Preview
![Page 6: Rambler.iOS #2: Адаптивная верстка iOS приложений](https://reader030.vdocuments.pub/reader030/viewer/2022012403/55a701291a28abed5e8b4813/html5/thumbnails/6.jpg)
Адаптивная верстка iOS приложений
Universal storyboards. Preview
![Page 7: Rambler.iOS #2: Адаптивная верстка iOS приложений](https://reader030.vdocuments.pub/reader030/viewer/2022012403/55a701291a28abed5e8b4813/html5/thumbnails/7.jpg)
Адаптивная верстка iOS приложений
Universal StoryboardsTrait CollectionsSize Classes
![Page 8: Rambler.iOS #2: Адаптивная верстка iOS приложений](https://reader030.vdocuments.pub/reader030/viewer/2022012403/55a701291a28abed5e8b4813/html5/thumbnails/8.jpg)
Адаптивная верстка iOS приложений
UITraitCollection1.displayScale2.userInterfaceIdiom3.horizontalSizeClass4.verticalSizeClass
![Page 9: Rambler.iOS #2: Адаптивная верстка iOS приложений](https://reader030.vdocuments.pub/reader030/viewer/2022012403/55a701291a28abed5e8b4813/html5/thumbnails/9.jpg)
Адаптивная верстка iOS приложений
Universal StoryboardsTrait CollectionsSize Classes
![Page 10: Rambler.iOS #2: Адаптивная верстка iOS приложений](https://reader030.vdocuments.pub/reader030/viewer/2022012403/55a701291a28abed5e8b4813/html5/thumbnails/10.jpg)
Адаптивная верстка iOS приложений
Size classes
![Page 11: Rambler.iOS #2: Адаптивная верстка iOS приложений](https://reader030.vdocuments.pub/reader030/viewer/2022012403/55a701291a28abed5e8b4813/html5/thumbnails/11.jpg)
Адаптивная верстка iOS приложений
Size classes
![Page 12: Rambler.iOS #2: Адаптивная верстка iOS приложений](https://reader030.vdocuments.pub/reader030/viewer/2022012403/55a701291a28abed5e8b4813/html5/thumbnails/12.jpg)
Адаптивная верстка iOS приложений
Size classes
![Page 13: Rambler.iOS #2: Адаптивная верстка iOS приложений](https://reader030.vdocuments.pub/reader030/viewer/2022012403/55a701291a28abed5e8b4813/html5/thumbnails/13.jpg)
Адаптивная верстка iOS приложений
Size classesconstraint valuesfontsimageson/off constrainton/off subview
![Page 14: Rambler.iOS #2: Адаптивная верстка iOS приложений](https://reader030.vdocuments.pub/reader030/viewer/2022012403/55a701291a28abed5e8b4813/html5/thumbnails/14.jpg)
Адаптивная верстка iOS приложений
Size classesconstraint valuesfontsimageson/off constrainton/off subview
![Page 15: Rambler.iOS #2: Адаптивная верстка iOS приложений](https://reader030.vdocuments.pub/reader030/viewer/2022012403/55a701291a28abed5e8b4813/html5/thumbnails/15.jpg)
Адаптивная верстка iOS приложений
Size classesconstraint valuesfontsimageson/off constrainton/off subview
![Page 16: Rambler.iOS #2: Адаптивная верстка iOS приложений](https://reader030.vdocuments.pub/reader030/viewer/2022012403/55a701291a28abed5e8b4813/html5/thumbnails/16.jpg)
Адаптивная верстка iOS приложений
Size classesconstraint valuesfontsimageson/off constrainton/off subview
![Page 17: Rambler.iOS #2: Адаптивная верстка iOS приложений](https://reader030.vdocuments.pub/reader030/viewer/2022012403/55a701291a28abed5e8b4813/html5/thumbnails/17.jpg)
Адаптивная верстка iOS приложений
Size classDependent Images
![Page 18: Rambler.iOS #2: Адаптивная верстка iOS приложений](https://reader030.vdocuments.pub/reader030/viewer/2022012403/55a701291a28abed5e8b4813/html5/thumbnails/18.jpg)
Адаптивная верстка iOS приложений
Demo
![Page 19: Rambler.iOS #2: Адаптивная верстка iOS приложений](https://reader030.vdocuments.pub/reader030/viewer/2022012403/55a701291a28abed5e8b4813/html5/thumbnails/19.jpg)
Адаптивная верстка iOS приложений
Size classBackward compatibility•- The app is built using Xcode version 6 or later•- The deployment target of the app is earlier than iOS 8•- Size classes are specified in a storyboard or xib•- The value of the height component is not compact
•
![Page 20: Rambler.iOS #2: Адаптивная верстка iOS приложений](https://reader030.vdocuments.pub/reader030/viewer/2022012403/55a701291a28abed5e8b4813/html5/thumbnails/20.jpg)
Адаптивная верстка iOS приложений
Что дальше?UITraitCollectionUITraitEnvironmentUIContentContainer
![Page 21: Rambler.iOS #2: Адаптивная верстка iOS приложений](https://reader030.vdocuments.pub/reader030/viewer/2022012403/55a701291a28abed5e8b4813/html5/thumbnails/21.jpg)
Адаптивная верстка iOS приложений
Спасибо за внимание