天天看點

iOS開發簡記(2):自定義tabbar

使用自定義的uitabbarcontroller,uitabbar

tabbar是放在APP底部的控件。常見的APP都使用tabbar來進行功能分類的管理,比如微信、QQ等等。

小程需要一個特殊一點的tabbar,要求突顯中間的那個按鈕,讓中間按鈕特别顯眼,進而引導使用者去點選。

是以,讓中間按鈕大于兩邊的按鈕,是一個基本的要求。

使用正常的UITabBar跟UITabBarController不能滿足這個需求,于是,擴充它,自定一下,是一個辦法。

需要自定義uitabbar跟uitabbarcontroller。uitabbar是一個uiview,最終由uitabbarcontroller來管理,而uitabbarcontroller是一個uiviewcontroller。

(1)uitabbar

這是一個uiview,上面放一個按鈕,這個按鈕最終作為tabbar的中間按鈕。

實作代碼是這樣的:

iOS開發簡記(2):自定義tabbar
iOS開發簡記(2):自定義tabbar

(2)uitabbarcontroller

這是一個uiviewcontroller,用來管理tabbar上的所有tab的viewcontroller,以及中間按鈕。

執行個體的代碼是這樣的:

iOS開發簡記(2):自定義tabbar
iOS開發簡記(2):自定義tabbar
iOS開發簡記(2):自定義tabbar

(3)使用自定義的uitabbarcontroller

使用的代碼如下:

iOS開發簡記(2):自定義tabbar

隻需要在APP的didFinishLaunchingWithOptions中,設定self.window.rootViewController為tabbarcontroller即可。

這裡對按鈕加了點選跟長按事件。

最終執行的界面效果是這樣的:

iOS開發簡記(2):自定義tabbar

感謝各位的關注,後面我會把IOS用戶端源碼、API源碼呈獻給大家,完整的示例大家可以暫時到AppStore下載下傳安裝“知音”。

多寫原創文章,多分享,幫助他人,快樂自己。

歡迎程式設計界的朋友,一起學習,一起交流。

關注公衆号“程式員之事”擷取更多資源。

繼續閱讀