Видео и расшифровка по ссылке: http://mbltdev.ru/presentations/34

1. Компоновка UI
Дмитрий Захаров,
iOS Lead Engineer, e-Legion
(dmitry.zakharov@e-legion.com)

2. iPhone 5

3. Решения < iOS 6
• Springs and Struts в Interface Builder
• Autoresizing Mask в Code
• - (void)layoutSubviews { ... }

4. Springs and struts Autoresizing mask
typedef enum UIViewAutoresizing {
UIViewAutoresizingNone,
...FlexibleLeftMargin,
...FlexibleWidth,
...FlexibleRightMargin,
...FlexibleTopMargin,
...FlexibleHeight,
...FlexibleBottomMargin
};

5. Проблемы S&S

6. Проблемы S&S

7. Проблемы S&S

8. Проблемы S&S
if (UIInterfaceOrientationIsLandscape(toInterfaceOrientation)) {
CGRect rect = self.topLeftView.frame;
rect.size.width = 210;
rect.size.height = 120;
self.topLeftView.frame = rect;
rect = self.topRightView.frame;
rect.origin.x = 250;
rect.size.width = 210;
rect.size.height = 120;
self.topRightView.frame = rect;
rect = self.bottomView.frame;
rect.origin.y = 160;
rect.size.width = 440;
rect.size.height = 120;
self.bottomView.frame = rect;
} else { ... }

9. Решение:
Cocoa Autolayout.

10. Autolayout? Что это?
• Это другое мышление (setFrame:,
setCenter:, setBounds:)
• Больше возможностей по сравнению с
S&S
• Поддержка IB: программируем мышкой
• Visual Format Language
• Поддержка отладки

11. Constraints на примере

12. Подробнее о
Autolayout
• LayoutManager оперирует системами линейных
уравнений и нестрогих неравенств
y = | ≤ | ≥ k • x + b
k, b ∈ D
• x, b одно из:
• left, right, top, bottom
• width, height
• leading, trailing
• centerX, centerY, baseline

13. Подробнее о
Autolayout
• Layout равняет по границе
выравнивания (alignment rects):
• intrinsicContentSize
• alignmentRectForFrame:
• alignmentRectInsets

14. Interface Builder

15. Interface Builder

16. Проблемы CAL
• Ambiguent Constraints (insufficient)
• Unsatisfiable Constraints (conflicts)

17. Решение: Приоритеты
enum {
UILayoutPriorityRequired = 1000,
...DefaultHigh = 750,
...DefaultLow = 250,
...FittingSizeLevel = 50
};
typedef float UILayoutPriority;

18. Приоритеты при изменении
собственных размеров
•Content Hugging Priority
•Content Compression
Resistance Priority

19. Visual Format Language
• ASCII-art подобный способ задания
[buttonA]-[buttonB]
|-[buttonA(<=200@100)]-(10)-
[buttonB(==buttonA)]-(5)-|
• приоритет читаемости над полнотой

20. Пример “жесткого”
кода
constraint = [NSLayoutConstraint constraintWithItem:button1
attribute:NSLayoutAttributeRight
relatedBy:NSLayoutRelationEqual
toItem:button2
attribute:NSLayoutAttributeLeft
multiplier:1.0
constant:-12.0];
[view addConstraint:constraint];

21. Отладка
• Unsatisfiable Constraints: Exceptions
• Ambiguent Constraints: Run multiple times, or
• – constraintsAffectingLayoutForAxis:
• – hasAmbiguousLayout
• – exerciseAmbiguityInLayout