如今類似微信的底部導航欄已經在越來越多的App實現。這是一種極為簡潔方便的導航和頁面跳轉方式。比普通的按鈕跳轉更為方便，同時能在多個頁面之間實現一鍵切換。現在我們將在iOS上實現底部導航欄的功能，稱之為Tab Bar Controller.

（1）在Main.storyboard中新建3個View Controller，分別表示三個城市的首頁，北京，上海，杭州。需求是在導航欄點選不同的圖示，然後切換到不同的介面。

（2）在storyboard中選中第一個北京的ViewController，選擇Editor-->Embed in-->Tab Bar Controller.此時就會在左側出現一個新的介面，該介面就是Tab Bar Controller. 同時對上海主頁，杭州主頁做如下操作。程式流程如下：

。

（2）分別在三個城市的首頁下方導航欄處寫上Title和Image，可以在右側的屬性介面Show the Attributes inspector.

。

設定完以後，在storyboard中如下：

。

（3）在第一個Tab Bar Controller上設定為初始化的ViewController。

。

。

（4）執行程式，就可以實現底端的導航欄了。執行效果如下：

。

。

。

      最後感謝林永堅Jake老師！Thanks!