Changes

Using Size Classes to Design Universal iOS User Interfaces

809 bytes added, 21:11, 4 December 2014
no edit summary
[[Image:xcode_6_enable_size_classes.png|Enabling size classes in Xcode]]
Figure 24-1
[[Image:xcode_6_size_class_selection_menu.png|The Xcode 6 size class menu]]
Figure 24-2
[[image:ios_8_size_class_selection_panel.png|The Xcode 6 size class selection panel]]
Figure 24-3
[[Image:ios_8_wAny_hAny_class_size.png|The hAny wAny size class]]
Figure 24-4
Clicking within the grid location will make this size class the active class and the view controller layout canvas in the storyboard will change size to represent an iPhone screen in portrait orientation. Once a size class has been selected, layout changes made to the storyboard will apply only to that class. Note also that the size class indicator now changes to “wCompact hRegular” (Figure 24-5), reflecting the currently selected size class. It is also worth noting that the status bar has changed to a blue background. This is intended as a subtle reminder that the layout is no longer in the “wAny hAny” mode and that layout changes will not apply to all size classes.
[[Image:ios_8_not_in_any_any_size_class.png]]
Figure 24-5
[[Image:ios_8_size_classes_ipad.png]]
Figure 24-6
[[Image:xcode_6_universal_pin_menu.png]]
Figure 24-7
[[Image:xcocde_6_auto_layout_aspect_ratio.png|Setting aspect ratio constraints in Xcode 6]]
Figure 24-8
[[Image:xcode_6_changing_auto_layout_neighbor.png]]
Figure 24-9
[[Image:xcode_6_adding_image_assets|Configuring size class image assets in Xcode 6]]
Figure 24-10
[[Image:xcode_6_size_class_installed_view.png]]
Figure 24-11
[[Image:xcode_6_size_classes_view_not_installed.png]]
Figure 24-12
[[Image:xcode_compact_image_added_to_assets.png]]
Figure 24-13
[[Image:xcode_6_size_classes_iphone_ui.png]]
Figure 24-14
[[Image:xcode_6_display_document_outline_panel.png]]
Figure 24-15
[[Image:xcode_6_uninstall_constraints.png]]
Figure 24-16
[[Image:xcode_6_assistant_editor_preview.png]]
Figure 24-17