Changes

Jump to: navigation, search

An iOS 9 Stack View Tutorial

537 bytes added, 21:57, 16 December 2015
no edit summary
[[Image:ios_9_stack_view_example_finished.png]]
Figure 32-1
[[Image:Exampleios_9_stack_view_title_labels.jpgpng]]
Figure 32-2
[[Image:ios_9_stack_view_set_font.png]]
Figure 32-3
[[Image:ios_9_stack_view_stack_button.png]]
Figure 32-4
 
 
Once the button has been clicked, the two labels will be contained within a vertical stack view. Display the Document Outline panel, locate the newly inserted stack view from the hierarchy and select it, click on it a second time to enter editing mode and change the name to “Title Stack View”. Naming stack views in this way makes it easier to understand the layout of the user interface as additional stack views are added to the design:
[[Image:ios_9_change_stack_view_name.png]]
Figure 32-5
[[Image:ios_9_stack_view_image_added.png]]
Figure 32-6
[[Image:ios_9_stack_view_add_images.png]]
Figure 32-7
[[Image:ios_9_banner_stack_view.png]]
Figure 32-8
[[Image:ios_9_stack_view_switches_added_ui.png]]
Figure 32-9
[[Image:ios_9_stack_view_switches_added.png]]
Figure 32-10
[[Image:ios_9_stack_view_scene_so_far.png]]
Figure 32-11
[[Image:ios_9_stack_view_add_stack.png]]
Figure 32-12
[[Image:ios_9_stack_view_add_picker.png]]
Figure 32-13
[[Image:ios_9_stack_view_top_level_constraints.png]]
Figure 32-14
[[Image:ios_9_stack_view_ui.png]]
Figure 32-15
[[Image:ios_9_stack_view_clipped.png]]
Figure 32-16
[[Image:ios_9_stack_view_compression.png]]
Figure 32-17

Navigation menu