今天看到一篇很有趣的Xcode 實(shí)戰(zhàn)教程 ，教大家制作iMessage 動圖，是一個(gè)可愛的小貓咪，我們來看看是怎么做的。

這周末我終于有點(diǎn)空余時(shí)間來搗鼓一個(gè)有趣的業(yè)余項(xiàng)目了。我看到好友 @chiuki 做了一個(gè)叫做 Fit Cat 的 Android Watch 應(yīng)用，我也想在我的 Apple Watch 上搞一個(gè)，@chiuki 同意了。

Fit Cat 會依據(jù)你的步數(shù)顯示可愛的小貓咪，設(shè)計(jì)師是很有才的 @VPoltrack。你偷懶時(shí)小貓就會睡覺，你健身時(shí)它就會玩毛線球。它還會唱 K、爬山，真的很可愛。

當(dāng)我在新項(xiàng)目中打開素材庫時(shí)，立馬來了興致。為什么不創(chuàng)建一些 Fit Cat 的表情然后分享給朋友呢？

制作靜態(tài)表情很容易，但我需要給 Fit Cat 制作不同的動圖。我記得在 WWDC 的 iMessage Apps and Stickers, Part 1 中有提到動圖表情。演講比較簡單，但在 Xcode 上通過 UI 創(chuàng)建表情很不直觀，所以這里我詳細(xì)記錄了動圖表情的制作過程，這樣你就不用看演講了。

創(chuàng)建表情包

首先創(chuàng)建一個(gè)表情包，右鍵你的素材庫文件或者點(diǎn)擊底部的 + 號，然后選擇 New Sticker Pack：

創(chuàng)建表情序列

這一部分有點(diǎn)不太直觀。表情包默認(rèn)是靜態(tài)表情。我嘗試在 Attributes Inspector 中把它改成動圖表情，但沒有可用的選項(xiàng)。

這里的小技巧是，你必須右擊表情包目錄，然后選擇 New Sticker Sequence。但如果你在表情區(qū)域內(nèi)右擊，必須先選擇 Add Assets 再選擇New Sticker Sequence （這就是我掉坑的原因）。

添加表情

最后一步就是添加表情。我在這一步卡住了，因?yàn)橹挥?/span>第一幀外面有個(gè)輪廓。我不知道如何為表情添加其他幾幀。

如果要添加額外的幀，只需要將下一幀圖片拖動到第一幀之后即可。喏！這是一個(gè)典型的反人類 UI！

最后終于做出來一個(gè)擊劍貓咪。

我最喜歡的就是點(diǎn)表情的播放按鈕（譯者注：仔細(xì)看上圖，貓嘴那里有個(gè)播放按鈕），看著這只貓?jiān)谧鰮魟幼髡嬗幸馑迹?/span>

自定義動畫

這個(gè)動畫有點(diǎn)太快了，你可以在 Sticker Sequence 的 Attributes Inspector 進(jìn)行自定義：

在 Xcode 上可以實(shí)時(shí)看到所有改動。

我 ? iMessage 表情包！

原文來自：走心的 Swift 翻譯組