首页 > 代码库 > swift项目第五天:swift中storyBoard Reference搭建主界面
swift项目第五天:swift中storyBoard Reference搭建主界面
一:StoryBoard Reference的介绍
- StoryBoard Reference是Xcode7,iOS9出现的新功能
- 目的是让我们可以更好的使用storyboard来开发项目
- 在之前的开发中,如果使用一个storyboard开发,那么非常容易造成代码冲突
- 可以通过使用storyboard创建控制器的方式解决.
- 官方目前推出了StoryBoard Reference的方式
- 优点:
- 允许你从 segue 中引用其他 storyboard 中的 viewController
- 可以将不同模块放到不同Storyboard中
- 阅读性好
- 齐头并进, 加快开发效率
- 不容易出现SVN/GIT错误
如何使用StoryBoard Reference
- 方式一:
- 1.选中需要的控制器
- 2.点击导航条Editor
- 3.选择下拉菜单Refactor to storyboard
- 方式二:
- 1.在控件库中拖入Storyboard References
- 2.新建一个Storyboard
- 3.关联新建的storyboard到Storyboard References
纯代码和Storyboard如何选择
- Storyboard前期开发速度快
- Storyboard容易重复造轮子
- 纯代码维护方便
二:StoryBoard Reference搭建界面的效果如图
:
三:StoryBoard Reference具体使用:
1:先设置启动Main StoryBoard
:
2:再打开Main StoryBoard,删除其控制器,拖入一个UItabBarViewController,删掉其自带的两个item,在左侧直接选中删除:并
设置启动控制器:
3:1:在拖入五个导航控制器,导航控制器自带根控制器,且根控制器默认为UITableViewController,可以删除UITableViewController里显示的cell,cell由自己来创建。再拖线设置UItabBarViewController的根控制器为每个导航控制器(选中拖入UItabBarViewController并右击,选择ViewController拖向每一个拖入的 导航控制器,这样就设置了UItabBarViewController的根控制器) 2:设置tabBarItem标题图片 与导航栏标题:在如图处选中导航控制器,来到右侧,可设置导航栏标题,选中与未选中图片
4: 设置StoryBoard Reference如图2:1:先选中导航控制器和其根视图控制器 2:eidtor -- 选中图中最后一个 3:关联类:如图1,
将相应的storyBoard关联类,如图所示
三:在控制器中设置tabbarItem的选中图片与增减中间按钮(设置选中图片可以在storyBoard中去设置)
import UIKit/* 总结:1:lazy用于懒加载,只能用var来对变量进行懒加载,有两种方式:1:lazy var first = NSArray(objects: "1","2") 2:闭包形式: lazy var second:String = { return "second" }() 例子: lazy var imageArr = ["tabbar_home_highlighted","tabbar_message_center_highlighted","tabbar_discover_highlighted","tabbar_profile_highlighted"] lazy var imageArr = { return ["tabbar_home_highlighted","tabbar_message_center_highlighted","tabbar_discover_highlighted","tabbar_profile_highlighted"] }(); 2:1:设置tabbaritem的代码都必须放在viewWillAppear里,若是在viewDidLoad里,则设置好的item又会在viewWillAppear方法里被系统调整回来 2:for循环遍历,1:要是想获得下标值就用区间遍历 for i in 0..<tabBar.items!.count {}(tabBar.items是一个可选类型,能保证其一定有值,所以可以进行!强制解包,根据i值可以从懒加载的数组中取出对应元素)2:若是不想获得下标值,只想获得懒加载数组中的元素值,可以直接遍历,for item in tabBar.items!{} 2:swift中的布尔值用Bool来表示,有true 和 false两种,设置按钮不可点击,btn.isEnabled = false,与for循环常用的有continue,跳过本次循环,不执行下面的代码,立即执行下一个循环,break立即终止循环,return,也是立即返回,不执行return下面的代码。 3:要想类中定义的属性不希望外界来访问,就定义为private,或是fileprivate,private修饰的属性方法,只能在当前类中访问,在同一个文件中定义不同的类就不能在访问另一个类中private修饰的方法或是属性,但是属性或是方法用fileprivate可以在当前文件任何类中进行访问 */class RHTabBarViewController: UITabBarController { // lazy var imageArr = ["tabbar_home_highlighted","tabbar_message_center_highlighted","tabbar_discover_highlighted","tabbar_profile_highlighted"] ///1:懒加载图片数组 fileprivate lazy var imageArr = { return ["tabbar_home_highlighted","tabbar_message_center_highlighted","","tabbar_discover_highlighted","tabbar_profile_highlighted"] }(); ///2:懒加载中间按钮 fileprivate lazy var centerButton = UIButton() override func viewDidLoad() { super.viewDidLoad() //MARK:-2:添加中间按钮 setupCenterButton() } override func viewWillAppear(_ animated: Bool) { super.viewWillAppear(animated) //MARK:-1:设置tabbarItem的高亮图片 setupTabbarItems() }}/** 总结:1:extension表示扩展,在定义的类中:RHTabBarViewController,设置该类的扩展,extension RHTabBarViewController {},若是该类有遵守协议关系的时候,继承的协议就在RHTabBarViewController后面加:后面写遵守的协议 2:一般extension扩展用于在某个类中封装方法,在viewDidLoad方法中抽方法封装调用,将封装的方法写在extension的扩展类中,在viewDidLoad直接调用 2:一般在声明的类class中定义属性:1:private,或是filePrivate来修饰,并且一般采用懒加载(1:直接初始化 2:闭包懒加载,{return:一个值}()),若不是懒加载,定义属性变量的时候,必须定义初始化有值,要不定义成可选类型,在后面进行赋值,否则会被报错。 2:在viewDidload中抽方法封装调用,将封装的方法写在extension的扩展类中,在定义方法的时候,也是private,fileprivate来选择修饰,定义有返回值或是无返回值的函数。2:定义的函数中涉及到外部参数与内部参数:在swift中第一个参数默认为内部参数,_+空格+参数名组成,默认从第二个参数开始,既是外部参数又是内部参数,若是想让某个参数成为内部参数,就直接在函数中用_+空格+参数名修饰就可以 3:函数的默认参数,在封装的函数中,也可以给参数设定默认参数,则此时,外部调用就不会显示默认参数,而在参数内部自己可以拿到默认参数的值:如定义的全局打印:fileName:String = #file func DLog<T> (message: T,fileName:String = #file,funcName:String = #function,lineNum:Int = #line) { #if DEBUG let file = (fileName as NSString).lastPathComponent; print("\(file):\(funcName):\(lineNum):\("打印内容"):\(message)") #endif } 3:设置tabbar上的高亮图片:1:tabBar.items为一个可选类型的数组,但是能保证其一定有值,所以可以进行强制解包,若是可选类型的变量能确定一定有值的话就对其进行强制解包 2:创建UIImage的对象:item.selectedImage = UIImage(named: imageArr[i]) 4:添加中间的加号按钮:1:懒加载完控件后,首先在方法中将控件添加到父控件中,在同一个类中属于该类的方法可以不去调用self,tabBar.addSubview(centerButton) 2:设置按钮的背景图片centerButton.setBackgroundImage, centerButton.setImage,第二个参数为一个枚举值,枚举值调用就用点语法调用枚举类型,.normal,.highlighted 3:设置按钮的frame:centerButton.sizeToFit() 让按钮的大小等于按钮内容的大小。设置center的时候,设置的是tabbar的centerx,中心点y值为tabba高度的一半 */extension RHTabBarViewController { ///1:添加中间的加号按钮 fileprivate func setupCenterButton() { //1:添加按钮 tabBar.addSubview(centerButton) //2:设置图片 centerButton.setBackgroundImage(UIImage(named: "tabbar_compose_button"), for: .normal) centerButton.setBackgroundImage(UIImage(named:"tabbar_compose_button_highlighted"), for: .highlighted) centerButton.setImage(UIImage(named:"tabbar_compose_icon_add"), for: .normal) centerButton.setImage(UIImage(named:"tabbar_compose_icon_add_highlighted"), for: .highlighted) //3:设置frame centerButton.sizeToFit() centerButton.center = CGPoint(x: tabBar.center.x, y: tabBar.bounds.size.height * 0.5) } ///2:设置的是tabbar上的高亮图片 fileprivate func setupTabbarItems() { for i in 0..<tabBar.items!.count { let item = tabBar.items![i] if i == 2 { item.isEnabled = false continue } item.selectedImage = UIImage(named: imageArr[i]) } } }
swift项目第五天:swift中storyBoard Reference搭建主界面
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。