iOS10 UI教程管理层次结构
iOS10 UI教程管理层次结构
iOS10 UI教程管理层次结构,在一个应用程序中,如果存在多个层次结构,就需要对这些层次结构进行管理。在UIView类中提供了可以用来管理层次结构的方法,让开发者可以添加、移动、删除来自层次结构中的元素。开发者可以在视图的实例上直接使用这些方法。以下将讲解3种管理层次结构的方法,分别为添加视图、插入视图以及移除视图。
1.添加视图
添加视图可以使用addSubview(_:)方法,此方法可以添加一个视图到子视图列表的末尾。被添加的视图被作为相同子视图的同级。同级子视图会被分配一个基于插入的顺序的索引,如图1.14所示。这个索引又对应于一个绘制顺序,索引值高的绘制在前,而索引值低的,绘制在前面同级视图的后面。其语法形式如下:
1 | func addSubview(_ view: UIView) |
其中,view用来指定要插入的视图。
2.插入视图
insertSubview(_:)方法添加的视图中可以显示在同级视图的前面。如果想要在任意同级视图的前后插入视图可以使用3个方法,分别为insertSubview(_:at:)方法、insertSubview(_:aboveSubview:)或者是insertSubview(_:belowSubview:)方法。
(1)insertSubview(_:at:)方法可以在指定的索引处插入视图,其语法形式如下:
1 | func insertSubview(_ view: UIView, at index: Int) |
其中,view用来表示插入的视图,index用来指定索引。
(2)insertSubview(_:aboveSubview:)方法可以在层次结构中插入一个视图,并且这个视图插入到指定视图的上面。其语法形式如下:
1 | func insertSubview(_ view: UIView, aboveSubview siblingSubview: UIView) |
其中,view用来表示插入的视图,siblingSubview用来指定视图。
(3)insertSubview(_:belowSubview:)方法也可以在层次结构中插入一个视图,并且这个视图插入到指定视图的下面。其语法形式如下:
1 | func insertSubview(_ view: UIView, belowSubview siblingSubview: UIView) |
其中,view用来表示插入的视图,siblingSubview用来指定视图。
【示例1-7:insertSubView】以下将使用insertSubview(_:at:)方法在界面中插入2个视图。具体的操作步骤如下:
(1)打开Main.storyboard文件,对主视图进行设计,效果如图1.15所示。
图1.15 主视图的效果
需要添加的视图以及对它们的设置如表1-1所示。
表1-1 对视图对象的设置
(2)打开ViewController.swift文件,编写代码,在指定索引处插入视图。
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 | import UIKit class ViewController: UIViewController { override func viewDidLoad() { super .viewDidLoad() // Do any additional setup after loading the view, typically from a nib. //插入蓝色的空白视图 let view1=UIView(frame:CGRect(x: 16, y: 76, width: 343, height: 272)) view1.backgroundColor=UIColor.blue view.insertSubview(view1, at: 1) //插入红色的空白视图 let view2=UIView(frame:CGRect(x: 16, y: 220, width: 343, height: 272)) view2.backgroundColor=UIColor.red view.insertSubview(view2, at: 3) } …… } |
此时运行程序,会看到如图1.16所示的效果。
图1.16 运行效果
3.移除视图
当在应用程序中有不再使用的视图,就应当及时的从层次结构中移除,这样便于对层次结构的管理,此时使用到removeFromSuperview()方法。其语法形式如下:
1 | func removeFromSuperview() |
iOS10 UI教程管理层次结构
相关阅读:iOS10 UI教程子视图和父视图
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!