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

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

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

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

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

創(chuàng)建表情包

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

創(chuàng)建表情序列

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

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

添加表情

最后一步就是添加表情。我在這一步卡住了，因為只有第一幀外面有個輪廓。我不知道如何為表情添加其他幾幀。

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

最后終于做出來一個擊劍貓咪。

我最喜歡的就是點表情的播放按鈕（譯者注：仔細(xì)看上圖，貓嘴那里有個播放按鈕），看著這只貓在做擊劍動作真有意思！

自定義動畫

這個動畫有點太快了，你可以在 Sticker Sequence 的 Attributes Inspector 進行自定義：

在 Xcode 上可以實時看到所有改動。

我 ? iMessage 表情包！

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