说到iOS自动布局,有很多的解决办法。有的人使用xib/storyboard自动布局,也有人使用frame来适配。对于前者,笔者并不喜欢,也不支持。对于后者,更是麻烦,到处计算高度、宽度等,千万大量代码的冗余,对维护和开发的效率都很低。

笔者在这里介绍纯代码自动布局的第三方库:Masonry。这个库使用率相当高,在全世界都有大量的开发者在使用,其star数量也是相当高的。

效果图

本节详解Masonry的循环创建视图的基本用法,先看看效果图:

Masonry scrollview循环布局

核心代码

看下代码:

 
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来记录。

我们要想让scrollviewcontentSize随内容的变化而变化,那么就我们一定要添加注意添加约束:

 
1
2
3
4
5
6
7
8
 
{
;
    
// 让scrollview的contentSize随着内容的增多而变化
;
;
 

对于scrollviewtableview,我们不能使用bottom来计算其高,因为这个属性对于scrollviewtableview来说,不用用来计算高度的,而是用于计算contentSize.height的。我们要想随内容而变化,以便可滚动查看,就必须设置bottom约束。

相关文章:

  • 2021-09-05
  • 2021-11-20
  • 2022-01-10
  • 2022-12-23
  • 2021-04-26
  • 2021-06-06
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-11
  • 2021-09-17
  • 2022-12-23
  • 2021-10-27
相关资源
相似解决方案