Intermediate Auto Layout

Transcript

1. 1.

   Intermediate
 Auto Layout

2. 2.

   Layout Guides

3. 3.

   Layout Guides id topLayoutGuide = self.topLayoutGuide; NSDictionary *views = NSDictionaryOfVariableBindings(topLayoutGuide,

   someView); ... @"V:[topLayoutGuide]-[someView]" ...
4. 4.

   Scroll Views

5. 5.

   Scroll Views

6. 6.

   Scroll Views [NSLayoutConstraint
 constraintWithItem:container
 attribute:NSLayoutAttributeWidth
 relatedBy:NSLayoutRelationEqual
 toItem:scrollView
 attribute:NSLayoutAttributeWidth
 multiplier:1
 constant:0];

7. 7.

   Scroll Views - (void)keyboardWillShow:(NSNotification *)notification { CGFloat offset = ...;

   self.bottomConstraint.constant = offset; [UIView animate...:^{ [self.view layoutIfNeeded]; }]; }
8. 8.

   Custom Views • Should know their intrinsic size • constraints

   • intrinsicContentSize
9. 9.

   Custom Views • Should know how to be laid out

   • alignmentRectInsets
10. 10.

    Custom Views return UIEdgeInsetsMake(25, 0, 0, 25); 1

11. 11.

    Compression Resistance This is some pretty long text. Low High

    High
12. 12.

    Compression Resistance This is some … Low High High

13. 13.

    Compression Resistance [view setContentCompressionResistancePriority:UILayoutPriorityDefaultLow forOrientation:UILayoutConstraintOrientationHorizontal];

14. 14.

    Hugging Text Text Low High High Text

15. 15.

    Hugging Text Text Low High High Text

16. 16.

    Hugging [view setContentHuggingPriority:UILayoutPriorityDefaultLow forOrientation:UILayoutConstraintOrientationHorizontal] ;

17. 17.

    Misc. • Align views/controls that contain text using NSLayoutAttributeBaseline, not

    NSLayoutAttributeCenterY • Manage constraints with views, not view controllers • Avoid using explicit sizes