[TOC] ### 环境 - xcode10 - Swift5 ### 资源下载地址 [git](https://github.com/yf30301200/LiveBO) ### 框架搭建 新建一个swift项目,`signe view app` ### 导入资源 把git上的资源目录导入项目 - 在项目的`General->App Icon and Launch Images`中删除`Launch Search File`中的值，然后在`Launch Images Sourc`中选择`Assets`并确定(只用确定一次) - 导入图标: 目录`LiveBo/Assets.xcassets/AppIcon.appiconset` - 导入启动动画: 目录`LiveBo/Assets.xcassets/LaunchImage.launchimage` - 其他资源： 直接把`LiveBo/Assets.xcassets/Home`跟`LiveBo/Assets.xcassets/Tabbar`拖到新建项目的`Assets.xcassets`中 ***** ### 修改`VIewController.swift` ``` 重命名项目初始创建的`VIewController.swift`为`MainViewController.swift` 修改类名`ViewController`为`MainViewController`,父类`UIViewController`修改为`UITabBarController` ``` ### 修改Main.storyboard 删除掉原有的`Main View Controller`,新增一个`Objects`-`UITabBarController`.并且选中`is Initial View Controller`, ### 在Main.storyboard中创建导航栏 在新建的`Objects`-`UITabBarController`中选中`Bar item`的主界面。然后在`Editor->Embed In->Navigation Controller`创建导航栏。我们底部需要四个`item`按钮,使用赋值粘贴。把四个`Bar item`的`title`分别改为`首页`,`直播`,`关注`,`我的` ### 给四个Bar item按钮放入图片 `Bar item`按钮图片放在`Assets.xcassets`中的`Tabbar`中，在`Bar item`按钮的属性`Image`跟`Selected Image`填入对应的图片名字即可。 #### 上色 如果是不做任何处理，图片会没有颜色，需要我们在`AppDelegate.swift`中添加一段代码: ``` func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool { UITabBar.appearance().tintColor = UIColor.orange; return true } ``` ### 将相应的模块转化为单独的`storyboard` 选中`Bar Item`跟对应的导航栏然后点击`Editor-Refactor for StoryBoard`,则创建好了一个单独的storyboard ` ` 最后创建视图模版控制器文件夹,并将相应的`storyboard`放入对应模块的`controller`中,如图：  ### 运行项目：`画面美如画`