Swift class / 2. 用Storyboard完成第一個專案
Published in
3 min readJul 18, 2016
這堂課使用了大量Library Pane的Object Library內的元件,把常見的幾個元件配置後,可以完成以下的畫面。
在這個練習裡面用到了view / image view / Text view / bar button item / toolbar, 其他還有Text field因為沒有要輸入的地方就沒有使用了。
除了跟Qt一樣沒有對齊功能,免不了一直計算位置,環境設定必須用XY和Width Height最精準,以及很多東西可能是用基本元件兜的,若要進階就要從程式下去改了,所以到目前為止還是幼幼班程度XD
本次主要有三個重點:
1.圖片可以任意導圓
在key path內新增layer.cornerRadius, Type選擇number,就可任意輸入想要的圓角值了。
2.字型可以customize
將字體丟到左方欄位,並按下方設定就可以使用自訂字型。
3. Image可以做出遮罩效果
就如同範例下方圖片,其實是不同的照片大小,利用Aspect Fill就能統一做出遮色片的效果。記得Clip To Bounds要打勾才有用。
這堂課就記錄到這邊:)