Swift class / 2. 用Storyboard完成第一個專案

Miki Fan
MorrisDesign
Published in
3 min readJul 18, 2016

這堂課使用了大量Library Pane的Object Library內的元件,把常見的幾個元件配置後,可以完成以下的畫面。

https://github.com/mikiyaki/Daytwo

在這個練習裡面用到了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

將字體丟到左方欄位,並按下方設定就可以使用自訂字型。

將自行拖拉到左方欄位
info內新增字型
選擇Custom就可以找到自訂的字型

3. Image可以做出遮罩效果

就如同範例下方圖片,其實是不同的照片大小,利用Aspect Fill就能統一做出遮色片的效果。記得Clip To Bounds要打勾才有用。

這堂課就記錄到這邊:)

--

--

Miki Fan
MorrisDesign

An Interaction designer. Sharing something learned from life.