Strethcy Header
5 min readMar 7, 2017
這兩三年在 Web 上蠻流行「視差」的畫面設計
App 上也有不少的視差設計 讓人眼睛一亮，又不會干擾操作
像這個，原來叫做 Strethcy Header
參考一些網路文章，大致簡化了一下作法：
#1 Storyboard 設定
＊將新的 project Stroyboard 中的 View Controller 刪掉
＊拉一個 Table View Controller 到 Storyboard
＊拉一個 View 插入到最上方，再拉一個 Image View 到剛剛 View 上面，如下圖 (指定圖片、Aspect Fill、Clip To Bounds)
Image View 如下設定條件
#2 相關程式碼
**初學者，能寫的註解、說明有限，以後多理解些 再來補充
github 完整範例：
CGRect
CGRect 是在畫出一個範圍，讓物件依這個範圍來顯示 (如有錯誤，請指教)
例如想在畫面上產生一個 label 時，總得指定這個 label 的寬、高、放置的位置(座標 X, Y)
這時就需要 CGRect
以範例來說明最快，開一個 xcode project，ViewController.swift 中輸入這幾行
override func viewDidLoad() {
super.viewDidLoad()
let labelRect = CGRect(x:20, y:40, width:90, height: 20)
let label = UILabel(frame: labelRect)
label.text = “hello abc吃飯了”
view.addSubview(label)
}
結果如下
CGRect 的說明資料：
一些參考資料
