iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 5
0

今天要先來實作Tab Bar的部分,觀察APP版面的同時,可以發現它的Tab Bar部分有調整過高度,而除了使用自己的View以及UIButton來製作完全客制的Tab Bar以外,在這裡我們也可以透過新增一個class來修改高度。

首先先新增一個class並繼承於UITabBarController,接著在storyboard中右邊的屬性面板identity inspector選擇剛剛新增的class作為custom class
https://ithelp.ithome.com.tw/upload/images/20171224/201076993UKAtyjOeY.png

接下來用@IBOutlet連結storyboard的tab bar元件,接著完成程式碼的部分,利用viewDidLayoutSubviews
用於通知視圖的位置布局已完成。

class TabBarViewController: UITabBarController {
    @IBOutlet weak var myTabBar: UITabBar!
    override func viewDidLayoutSubviews() {
        var tabFrame: CGRect = self.myTabBar.frame
        tabFrame.size.height = 55
        tabFrame.origin.y = self.view.frame.size.height - 55
        self.myTabBar.frame = tabFrame
    }
}

viewWillLayoutSubviews:控制器視圖即將要布局子視圖
viewDidLayoutSubviews:通知控制器視圖的位置布局已完成

得到了其他高度的tab bar
https://ithelp.ithome.com.tw/upload/images/20171224/20107699H9xPV709qv.png


上一篇
Day 4 - 麥當勞報報 版型檢視
下一篇
Day 6 - 麥當勞報報 表格
系列文
Swift 新手上路之30天復刻版型30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言