iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 13
1
Mobile Development

IOS App開發學習日誌系列 第 13

Day13 TabBarController

  • 分享至 

  • xImage
  •  

今天介紹TabBarController,和navigationController一樣也是一種控制畫面的container,可以用來放置多個頁面,不同的地方在於Navigation是利用堆疊的方式去做畫面的處理,而TabbarController則是類似陣列的方式做處理,並列出所有的標籤頁讓使用者自行做選擇
https://ithelp.ithome.com.tw/upload/images/20190929/20120980LwVSvRtGLW.jpg
IOS內建的clock下方的欄位就是使用TabBarController

首先我們先在storyboard建立四個viewController
https://ithelp.ithome.com.tw/upload/images/20190929/20120980MxL8QRBCXQ.png
接著全選後點選上方工具列Edit -> Embed In -> Tab Bar Controller
https://ithelp.ithome.com.tw/upload/images/20190929/20120980bvSYN6iIJL.png
各個頁面BarButton的圖示可以點擊想修改的頁面下方的TabBar圖示後在右方SystemItem欄位做選擇,也可以自行上傳圖片取代欄位的圖片
https://ithelp.ithome.com.tw/upload/images/20190929/201209804L3t4DbdYn.png
最後呈現出來的畫面會如下圖所示
https://ithelp.ithome.com.tw/upload/images/20190929/20120980gDnUFBpzAI.png
https://ithelp.ithome.com.tw/upload/images/20190929/20120980gONkKdbSb7.png


上一篇
Day12 UIAlertController
下一篇
Day14 UIImagePickerController
系列文
IOS App開發學習日誌30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言