作者：Natasha The Robot，原文鏈接，原文日期：2016-07-01
譯者：haolloyin；校對：Cee；定稿：numbbbbb

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

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

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

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

創建表情包

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

創建表情序列

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

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

添加表情

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

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

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

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

自定義動畫

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

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

我 ? iMessage 表情包！

本文由 SwiftGG 翻譯組翻譯，已經獲得作者翻譯授權，最新文章請訪問 http://swift.gg。