2.新浪微博Swift项目第二天

第二天

1. 创建文件目录结构,这里,使用的是MVVM的系统架构

2. 创建各个类

// 各个主页面类
//  XQWBHomeViewController.swift
//  XQWBDiscoverViewController.swift
//  XQWBMessageViewController.swift
//  XQWBMineViewController.swift
//  XQWBBaseViewController.swift
// 根据需要创建基类
//  XQWBMainViewController.swift (继承 UITabBarController)
//  XQWBBaseViewController.swift (继承 ViewController)
//  XQWBNavigationController.swift (继承 NavigationController)

3. 在APPDelegate 中设置启用页面

window = UIWindow()
window?.backgroundColor = UIColor.white
window?.rootViewController = XQWBMainViewController()
window?.makeKeyAndVisible()

4. 为了方便开发,加入使用OC写的各个分类,并且设置桥接文件

当你在swift项目里边新建一个OC类的时候,系统会自动帮你生成一个桥接文件

直接加入OC分类的时候却不会自动,生成,需要我们自己添加桥接文件.

4.1 添加一个桥接文件,(其实就是一个.h文件)





4.2. 设置桥接文件 : 在build Setting 中搜索 bridging, 找到OC Bridging Header 项, 添加一个新的项目,格式为:(项目名字/桥接文件名字)

5. 使用字典创建自定义的UITabBarController

5.1 声明一个方法,用来创建控制器信息的字典数组,并且通过遍历数组创建控制器,给UITabBarController的viewControllers赋值

// 设置所有字控制器
func setupChildControllers() {
let array = [
["clsName":"XQWBHomeViewController", "title":"首页", "imgName":"home"],
["clsName":"XQWBDiscoverViewController", "title":"发现", "imgName":"discover"],
["clsName":"UIViewController", "title":"", "imgName":""], // 第二个控制器使用UIViewcontroller 实现占位作用
["clsName":"XQWBMessageViewController", "title":"消息", "imgName":"message_center"],
["clsName":"XQWBMineViewController", "title":"我的", "imgName":"profile"]
]

var arrayM = [UIViewController]()
for dict in array {    // 注意: swift 3.0以后循环只能使用for_in 来实现,普通的for循环因为 i++的语法被废除而无法使用
arrayM.append(controller(dict: dict))
}
viewControllers = arrayM
}

5.2 根据控制器信息的字典和反射原理使用字符串创建UIViewController,创建NavigationController,并且返回

// 根据字典创建一个子控制器
func controller(dict:[String:String]) -> UIViewController {
// 1. 取字典信息
// 这里使用guard let 守护一下,可以避免去到空值,另外可以设置中间的站位UIViewcontroller
guard let clsName = dict["clsName"],
let title = dict["title"],
let imgname = dict["imgName"],
let cls = NSClassFromString(Bundle.main.nameSpace + "." + clsName) as? UIViewController.Type else {
return UIViewController()
}
// 2. 创建视图控制器
let vc = cls.init()
// 2.1 设置标题
vc.title = title;
// 2.2 设置图像
vc.tabBarItem.image = UIImage(named: "tabbar_" + imgname);
vc.tabBarItem.selectedImage = UIImage(named: "tabbar_" + imgname + "_highlighted")?.withRenderingMode(.alwaysOriginal)
// 3. 设置nav
let  nav = XQWBNavigationController(rootViewController: vc)
// 4. 设置tabbar 字体
vc.tabBarItem.setTitleTextAttributes([NSForegroundColorAttributeName: UIColor.orange], for: .highlighted)    // 设置选择状态下的图片颜色
vc.tabBarItem.setTitleTextAttributes([NSFontAttributeName: UIFont.systemFont(ofSize: 14)], for: [])    // 设置文字大小只能在normal 状态下设置
return nav
}

6. 设置UITabBarController 中间的"撰写微博"按钮

6.1 声明一个懒加载的属性按钮

/// 编写按钮
lazy var composeBtn:UIButton  = {
// 设置按钮图片
let btn = UIButton.cz_imageButton("tabbar_compose_icon_add", backgroundImageName: "tabbar_compose_button")
// 设置按钮点击事件
btn?.addTarget(self, action: #selector(composeStatus), for: .touchUpInside)
return btn!;
}()

6.2 设置"写微博"按钮的frame

/// 设置写按钮
func setupComposeBtn()  {
// 添加到视图
tabBar.addSubview(composeBtn)
// 设置按钮位置
let count = CGFloat(childViewControllers.count)
let width = tabBar.bounds.width / count - 1;    // 这里-1 是让按钮变宽,防止点击到默认的占位按钮,跳转到占位Viewcontroller
composeBtn.frame = tabBar.bounds.insetBy(dx: 2 * width, dy: 0)
}

6.3 实现"写微博"按钮的点击事件

// FIXME: 写微博没有实现
@objc func composeStatus() {
print("写微博")
}

注意:swift3.0中,按钮的点击事件需要用 @objc 来修饰,表示是在运行时调用的方法

PS: swift 可以使用 // MARK: - XXX 实现文档注释, 还可以使用 // FIXME: XXX 给自己提示为完成的模块

7. 设置导航栏 (这里为了方便验证push/pop,创建了一个测试用的UIViewcontroller)

7.1 在 BaseViewController 中添加懒加载的UINavigationBar和UINavigationItem

// 自定义导航条
lazy var navigationBar = UINavigationBar(frame: CGRect(x: 0, y: 0, width: UIScreen.cz_screenWidth(), height: 64))
// 自定义导航项  以后设置导航栏内容 用navItem
lazy var navItem  = UINavigationItem()

7.2 添加 setupUI() 方法,设置基本UI,可以让子类重写

func setupUI() {
// 随机背景颜色
view.backgroundColor = UIColor.cz_random()
// 添加导航条
view.addSubview(navigationBar)
// 设置item
navigationBar.items = [navItem]
// 设置navbar 的渲染颜色
navigationBar.barTintColor = UIColor.cz_color(withHex: 0xF6F6F6)
// 设置navbar title 字体颜色
navigationBar.titleTextAttributes = [NSForegroundColorAttributeName:UIColor.darkGray]

}

7.3 重写 title 的disSet 方法,设置navItem.title

override var title: String? {
didSet {
navItem.title = title
}
}

7.4 在HomeViewController和DemoViewController中重写setupUI()方法,设置BarButtonItem测试push/pop

// 重写 setupUI()
override func setupUI() {
super.setupUI()
navItem.rightBarButtonItem = UIBarButtonItem(title: "下一个", target: self, action: #selector(showNext))

}
// 实现点击按钮方法
@objc func showNext() {
let vc = XQWBDemoViewController()
navigationController?.pushViewController(vc, animated: true)
}

7.5 重写func pushViewController(_ viewController: UIViewController, animated: Bool) {} 方法,设置当push的时候隐藏tabBar,设置返回按钮显示的文字

override func pushViewController(_ viewController: UIViewController, animated: Bool) {
if childViewControllers.count > 0 {
// 设置push后隐藏tabbar
viewController.hidesBottomBarWhenPushed  = true
// 判断控制器类型
if let vc = viewController as? XQWBBaseViewController {
var title = "返回"
if childViewControllers.count == 1 {
title = childViewControllers.first?.title ?? "返回"
}
vc.navItem.leftBarButtonItem = UIBarButtonItem(title: title, target: self, action: #selector(popToParent), isBackButton: true)
}
}
super.pushViewController(viewController, animated: animated)
}

总结

第二天的内容主要自定义了UItabBarController 和 UINavigationBar, 并且处理了push隐藏tabbar和返回按钮的文字

PS: 目前工作可能有点忙,更新会比较慢,希望大家多多关注

往期内容: Swift新浪微博项目更新目录

项目git地址