本文将演示其他几种约束关系。
首先确保在项目中已经安装了所需的第三方库。
点击【Podfile】,查看安装配置文件。
1 platform :ios, ‘12.0’ 2 use_frameworks! 3 4 target 'DemoApp' do 5 source 'https://github.com/CocoaPods/Specs.git' 6 pod 'Neon' 7 end
根据配置文件中的相关配置，安装第三方库。
然后点击打开【DemoApp.xcworkspace】项目文件。
在项目导航区，打开视图控制器的代码文件【ViewController.swift】
1 import UIKit 2 //在当前的类文件中，引入已经安装的第三方类库 3 import Neon 4 5 class ViewController: UIViewController { 6 7 override func viewDidLoad() { 8 super.viewDidLoad() 9 // Do any additional setup after loading the view, typically from a nib. 10 //父视图的填充约束 11 fillingSuperview() 12 //用于将视图对象，约束在父视图的某个角落 13 cornerExample() 14 //用于将视图对象，约束在父视图的四个边缘 15 edgeExample() 16 //用于将视图对象，约束并填充父视图的边缘 17 fillingAnEdge() 18 } 19 20 //添加一个方法 21 //用于父视图的填充约束 22 func fillingSuperview() 23 { 24 //初始化一个显示区域 25 let frame = CGRect(x: 0, y: 0, width: 100, height: 100) 26 //创建一个指定显示区域的视图对象 27 let neonView = UIView(frame: frame) 28 //设置视图的背景颜色为橙色 29 neonView.backgroundColor = UIColor.orange 30 //将视图对象添加到根视图 31 self.view.addSubview(neonView) 32 33 //初始化一个浮点常量，作为视图的间距 34 let padding = CGFloat(40) 35 //将视图对象填充父视图， 36 //并设置父子视图在填充方向上的间距 37 neonView.fillSuperview(left: padding, right: padding, top: padding, bottom: padding) 38 } 39 40 //添加一个方法 41 //用于将视图对象，约束在父视图的某个角落 42 func cornerExample() 43 { 44 //初始化一个颜色数组，作为四个视图的背景颜色 45 let colors = [UIColor.purple, UIColor.green, UIColor.orange, UIColor.blue] 46 //初始化一个角落位置数组，作为四个数组在父视图中的约束位置 47 let corners = [Corner.topLeft, Corner.topRight, Corner.bottomLeft, Corner.bottomRight] 48 49 //初始化两个浮点类型的数字， 50 //表示间距和尺寸 51 let pad = CGFloat(20) 52 let size = CGFloat(100) 53 //通过一个四次的循环语句，依次创建四个视图对象 54 for i in 0...3 55 { 56 //初始化一个视图对象 57 let view = UIView() 58 //根据循环的索引， 59 //从颜色数组中，获得对应的元素，作为视图的背景颜色 60 view.backgroundColor = colors[i] 61 //并将视图对象添加到父视图 62 self.view.addSubview(view) 63 64 //根据循环的索引，从约束数组中，获得对应的元素。 65 //作为视图对象的角落约束， 66 //将视图对象约束在父视图的指定位置， 67 //并设置父子视图在四个方向上的间距。 68 view.anchorInCorner(corners[i], xPad: pad, yPad: pad, width: size, height: size) 69 } 70 } 71 72 //添加一个方法 73 //用于将视图对象，约束在父视图的四个边缘 74 func edgeExample() 75 { 76 //初始化一个指定显示区域的视图对象， 77 //作为其他自定义视图对象的父视图。 78 let viewParent = UIView(frame: CGRect(x: 0, y: 80, width: 320, height: 320)) 79 //设置视图对象的背景颜色为黑色 80 viewParent.backgroundColor = UIColor.black 81 //将视图对象添加到根视图 82 self.view.addSubview(viewParent) 83 84 //初始化一个颜色数组，作为四个视图的背景颜色 85 let colors = [UIColor.purple, UIColor.green, UIColor.orange, UIColor.blue] 86 //初始化一个边缘位置数组，作为四个视图在父视图中的边缘位置 87 let edges = [Edge.top, Edge.left, Edge.bottom, Edge.right] 88 89 //初始化两个浮点类型的数字， 90 //表示间距和尺寸 91 let pad = CGFloat(20) 92 let size = CGFloat(60) 93 //通过一个四次的循环语句，依次创建四个视图对象 94 for i in 0...3 95 { 96 //初始化一个视图对象 97 let view = UIView() 98 //根据循环的索引， 99 //从颜色数组中，获得对应的元素，作为视图的背景颜色 100 view.backgroundColor = colors[i] 101 //并将视图对象添加到父视图 102 viewParent.addSubview(view) 103 104 //根据循环的索引，从约束数组中，获得对应的元素。 105 //作为视图对象的边缘约束， 106 //将视图对象约束在父视图的指定位置， 107 //并设置父子视图在四个方向上的间距。 108 view.anchorToEdge(edges[i], padding: pad, width: size, height: size) 109 } 110 } 111 112 //添加一个方法 113 //用于将视图对象，约束并填充父视图的边缘 114 func fillingAnEdge() 115 { 116 //初始化一个指定显示区域的视图对象， 117 //作为其他自定义视图对象的父视图。 118 let colors = [UIColor.purple, UIColor.green, UIColor.orange, UIColor.blue] 119 //初始化一个边缘位置数组，作为四个视图在父视图中的边缘位置 120 let edges = [Edge.top, Edge.bottom, Edge.left, Edge.right] 121 //初始化两个浮点类型的数字， 122 //表示间距和尺寸 123 let pad = CGFloat(10) 124 let size = CGFloat(40) 125 126 //初始化一个指定显示区域的视图对象， 127 //作为其他自定义视图对象的父视图。 128 let viewParent1 = UIView(frame: CGRect(x: 50, y: 50, width: 220, height: 220)) 129 //设置视图对象的背景颜色为浅灰色 130 viewParent1.backgroundColor = UIColor.lightGray 131 //将父视图对象添加到根视图 132 self.view.addSubview(viewParent1) 133 134 //通过一个两次的循环语句，依次创建两个视图对象 135 for i in 0...1 136 { 137 //初始化一个视图对象 138 let view = UIView() 139 //根据循环的索引， 140 //从颜色数组中，获得对应的元素，作为视图的背景颜色 141 view.backgroundColor = colors[i] 142 //并将视图对象添加到父视图 143 viewParent1.addSubview(view) 144 145 //根据循环的索引，从约束数组中，获得对应的元素。 146 //作为视图对象的边缘约束， 147 //将视图对象约束并填充在父视图的指定位置， 148 //并设置父子视图在四个方向上的间距。 149 view.anchorAndFillEdge(edges[i], xPad: pad, yPad: pad, otherSize: size) 150 } 151 152 //初始化一个指定显示区域的视图对象， 153 //作为其他两个自定义视图对象的父视图。 154 let viewParent2 = UIView(frame: CGRect(x: 50, y: 300, width: 220, height: 220)) 155 //设置视图对象的背景颜色为浅灰色 156 viewParent2.backgroundColor = UIColor.lightGray 157 //将视图对象添加到根视图 158 self.view.addSubview(viewParent2) 159 160 //通过两次的循环语句，依次创建两个视图对象 161 for i in 2...3 162 { 163 //初始化一个视图对象 164 let view = UIView() 165 //根据循环的索引， 166 //从颜色数组中，获得对应的元素，作为视图的背景颜色 167 view.backgroundColor = colors[i] 168 //并将视图对象添加到父视图 169 viewParent2.addSubview(view) 170 171 //根据循环的索引，从约束数组中，获得对应的元素。 172 //作为视图对象的边缘约束， 173 //将视图对象约束并填充在父视图的指定位置， 174 //并设置父子视图在四个方向上的间距。 175 view.anchorAndFillEdge(edges[i], xPad: pad, yPad: pad, otherSize: size) 176 } 177 } 178 179 override func viewWillLayoutSubviews() { 180 181 } 182 183 override func didReceiveMemoryWarning() { 184 super.didReceiveMemoryWarning() 185 // Dispose of any resources that can be recreated. 186 } 187 }