Swift小練習#13 TabBar Practice
Youtube TabBar + Instagram TabBar
on simulator:
用 storyborad做出幾可亂真的 Youtube和 Instagram APP
其實只做了Youtube和 Instagram的 Tab bar和 Navigation bar
中間都是用截圖代替真的功能,
因為懶所以沒有做 Navigation bar的頁面,
然後 Instagram被我按到閃退了……orz
Icons from : Icons8
學習重點:
- Storyboard操作複習
- Tab bar controller設置
- 研究Tab Bar Item
- Badge Setting
Storyboard
Bar Item
因為沒有要用系統提供的 item icon,
所以查了文件,確認Navigation Bar & Tab bar的 icon size
Youtube和 Instagram的 icon都是 circular (因為看起來不像是 square)
剛好 Icons8的 icon都是50px×50px,所以我就直接使用了~~
記得要把icon放進對的位置,不然可怕的事會出現!
沒有把圖片放進@ 2x的後果:
另外發現了彩色的圖片不能用在Label中,彩色的圖片會變成一坨:
在stackoverflow上找了一下發現應該要用 title 的方式把圖片設作imageView加上去,因為要寫code暫時先略過。
REF:
Swift Navigation Bar Image Title
Setting navigation bar item image in storyboard does not work
Badge Setting
在心心上加了notification用的 badge