• 新建三个ViewController
• 创建TabBar布局类
• 修改AppDelegate类

• swift4 uinavigation + uitable 整合使用创建列表视图
• swift4 自定义UITableCell
• swift4 在tableView渲染之前加上加载动画（菊花，UIActivityIndicatorView）
• swift4 给项目添加tablayout布局，XLPagerTabStrip用法
• swift4 往视图控制器里添加视图控制器（往UIViewController里添加UIViewController）
• swift4 Moya简单使用，请求接口解析json
• swift4 UITableView 下拉刷新上拉加载 MJRefresh 自定义用法
• swift4 开发App，适配国际化，多语言支持
• swift4 UITableView 多个部分(Section)用法，实现一个通讯录
• swift4 扫描二维码（使用scanSwift实现）
• swift4 侧滑功能（使用DrawerController实现）
• swift4 UITabBarController 简单使用
• swift4 WKWebView使用JS与Swift交互
• swift使用webview加载本地html，html里引入本地的css，js
• swift4 App切换主题的实现方法总结

直接上图

新建三个ViewController

HomeViewController.swift

import UIKit

class HomeViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        self.view.backgroundColor = .blue
        self.tabBarController?.title = "主页"
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

}

OrderViewController.swift

import UIKit

class OrderViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        self.view.backgroundColor = .red
        self.tabBarController?.title = "订单"
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

}

MyViewController.swift

import UIKit

class MyViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        self.view.backgroundColor = .yellow
        self.tabBarController?.title = "我"
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

}

创建TabBar布局类

import UIKit

class LayoutViewController: UITabBarController {

    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .white

        let homeNav = HomeViewController()
        let orderNav = OrderViewController()
        let myNav = MyViewController()

        homeNav.tabBarItem.title = "主页"
        orderNav.tabBarItem.title = "订单"
        myNav.tabBarItem.title = "我"

        homeNav.tabBarItem.image = UIImage(named: "home")
        orderNav.tabBarItem.image = UIImage(named: "order")
        myNav.tabBarItem.image = UIImage(named: "my")

        self.viewControllers = [homeNav, orderNav, myNav]

        // 文字图片颜色一块修改
        self.tabBar.tintColor = UIColor.blue
    }

    override func tabBar(_ tabBar: UITabBar, didSelect item: UITabBarItem) {
        self.title = item.title
    }

}

修改AppDelegate类

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {

    self.window?.rootViewController = UINavigationController(rootViewController: LayoutViewController())

    return true
}

上面用到的图片可以在 https://material.io/tools/icons/?style=baseline 上下载