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

學習重點：

1. Storyboard操作複習
2. Tab bar controller設置
3. 研究Tab Bar Item
4. Badge Setting

Storyboard

Youtube

Instagram

Bar Item

因為沒有要用系統提供的 item icon，
所以查了文件，確認Navigation Bar & Tab bar的 icon size
Youtube和 Instagram的 icon都是 circular (因為看起來不像是 square)
剛好 Icons8的 icon都是50px×50px，所以我就直接使用了~~

記得要把icon放進對的位置，不然可怕的事會出現！
沒有把圖片放進@ 2x的後果：

另外發現了彩色的圖片不能用在Label中，彩色的圖片會變成一坨：

Youtube-Navigation bar item

在stackoverflow上找了一下發現應該要用 title 的方式把圖片設作imageView加上去，因為要寫code暫時先略過。

REF:

Swift Navigation Bar Image Title

Setting navigation bar item image in storyboard does not work

Badge Setting

在心心上加了notification用的 badge

Instagram-Tab Bar Item-Badge