Color Literal

一般寫顏色大概是這樣的：

let color = UIColor(red: 100/255.0, green: 150/255.0, blue: 200/255.0, alpha: 1)

但是如果不 Command + R ，我不知道這顏色到底長什么樣。接下來使用 Color Literal 看看

如下圖，我要給 view 設(shè)置一個背景顏色，輸入 color literal 會有智能提示，回車。

Color Literal

然后會彈出一個顏色選擇的界面：

Color Literal

可以選擇一個想要的顏色，還可以點擊下方的 Other ，選顏色蠟筆或者直接輸入顏色值。選完后在代碼里就會有個小方塊。里面填充的就是剛剛選的顏色。

如果把那句代碼拷貝出來，其實是這樣的：

view.backgroundColor = #colorLiteral(red: 1.0, green: 1.0, blue: 1.0, alpha: 1.0)

回到最上面那句顏色代碼，用上 Color Literal 后，在編譯器里就能直接看到顏色了。

Color Literal

Image Literal

如圖，我在資源庫有一張名為 defaultAvatar 的圖片：

image

傳統(tǒng)的寫法大概是這樣的：

let img = UIImage(named: "defaultAvatar")

與顏色很像，我要 Command + R 才能看見是不是想要的圖片。而且如果我把 key 寫錯，圖片就不會顯示了。

使用 Image Literal 有兩種方式。第一種和顏色一樣，輸入 image literal 出現(xiàn)智能提示，回車

Image Literal

出現(xiàn)一個圖片選擇器，上面有圖片的縮略圖

Image Literal

兩種方式寫好圖片后，會像上圖一樣。左邊有個小方塊，填充了圖片縮略圖，右邊是圖片名

然后代碼拷貝出來是這樣子的：

let img = #imageLiteral(resourceName: "defaultAvatar")