[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`中,如圖：  ### 運行項目：`畫面美如畫`