说到iOS自动布局,有很多的解决办法。有的人使用xib/storyboard自动布局,也有人使用frame来适配。对于前者,笔者并不喜欢,也不支持。对于后者,更是麻烦,到处计算高度、宽度等,千万大量代码的冗余,对维护和开发的效率都很低。
笔者在这里介绍纯代码自动布局的第三方库:Masonry。这个库使用率相当高,在全世界都有大量的开发者在使用,其star数量也是相当高的。
效果图
本节详解Masonry的循环创建视图的基本用法,先看看效果图:
核心代码
看下代码:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
|
)
;
@end
ScrollViewController
{
;
;
;
;
;
;
;
{
;
;
;
;
;
// We must preferredMaxLayoutWidth property for adapting to iOS6.0
;
;
;
;
{
;
;
{
;
{
;
}
;
;
}
{
;
// 让scrollview的contentSize随着内容的增多而变化
;
;
}
{
// 0.0 to 1.0
// 0.5 to 1.0, away from white
// 0.5 to 1.0, away from black
;
}
{
;
;
{
;
}
;
}
@end
|
讲解
对于循环创建,我们需要记录下一个视图所依赖的控件,这里使用了lastLabel来记录。
我们要想让scrollview的contentSize随内容的变化而变化,那么就我们一定要添加注意添加约束:
|
1
2
3
4
5
6
7
8
|
{
;
// 让scrollview的contentSize随着内容的增多而变化
;
;
|
对于scrollview和tableview,我们不能使用bottom来计算其高,因为这个属性对于scrollview和tableview来说,不用用来计算高度的,而是用于计算contentSize.height的。我们要想随内容而变化,以便可滚动查看,就必须设置bottom约束。