作者：SIMON NG胎许，原文鏈接，原文日期：2016-06-20
譯者：小袋子罗售；校對：Cee辜窑；定稿：Channe
WWDC 2016 上最重磅的消息之一就是在 iOS 10 中引入了 Message 框架。開發(fā)者現(xiàn)在可以為蘋果內(nèi)置的 Messages 應(yīng)用開發(fā)擴展啦寨躁。通過開發(fā)一個應(yīng)用擴展穆碎，你可以讓用戶跟應(yīng)用在 Messages 應(yīng)用中交互。例如职恳，你可以開發(fā)一個 Message Sticker Extension 允許用戶跟朋友交流時發(fā)送表情貼紙所禀。如果你已經(jīng)開發(fā)了一個圖片編輯的應(yīng)用方面，那么你可以開發(fā)一個擴展，這樣用戶就可以在 Messages 應(yīng)用內(nèi)部編輯圖片了色徘。擴展的支持為很多應(yīng)用開發(fā)者提供了大量的機會恭金。蘋果甚至為 iMessage 引入了 App Store，所以你可以在商店內(nèi)售賣專門為 iMessage 開發(fā)的應(yīng)用擴展褂策。
為 Messages 開發(fā)一個應(yīng)用擴展横腿，你需要使用新的 Message 框架。這個框架支持以下兩種類型的擴展：
- Sticker packs（注：表情包）
- iMessage apps
在這個教程里斤寂，我將會教你如何通過這個框架開發(fā)一個 sticker pack耿焊。而之后，我們將會稍微深入地了解下如何開發(fā)一個 iMessage app扬蕊。
無論你要開發(fā)什么樣類型的擴展搀别，首先你需要使用 Xcode 8丹擎。在我寫這篇文章的時候尾抑，Xcode 8 還是測試版。如果你還沒安裝工具蒂培，可以從 這里下載 并安裝到你的電腦上再愈。即使你已經(jīng)安裝了 Xcode 7，你仍然可以保留當(dāng)前的版本并且安裝新的 Xcode护戳。
在繼續(xù)下一步之前翎冲，我必須夸一下蘋果，因為他讓 sticker pack 的開發(fā)非常簡單媳荒。即使你不會任何 Swift 編程經(jīng)驗抗悍，你也能夠創(chuàng)建你自己的 sticker pack，因為你不需要寫一行代碼钳枕。跟著這篇教程學(xué)會如何創(chuàng)建一個 Sticker Extension缴渊。
創(chuàng)建一個 Sticker Pack 項目
首先，打開 Xcode 8 然后創(chuàng)建一個新的項目鱼炒。Xcode 8 已經(jīng)為 Message Extension 準(zhǔn)備了幾個項目模板衔沼。如果是 sticker pack，選擇 iOS > Application > Sticker Pack Application.
然后昔瞧，輸入項目名稱指蚁。在這個項目里，我使用 CuteSticker 自晰，但是你可以使用任何你喜歡的名稱凝化。
為 Sticker Pack 添加圖片
一旦你創(chuàng)建了項目，你將會在 project navigator 里看到兩個文件酬荞。點擊 Stickers.xcstickers 然后選擇 Sticker Pack 文件夾搓劫，這是存放圖片文件的地方劣光。如果你想做 demo 你可以下載這個圖片包，或者使用你自己的圖片糟把。但是請注意圖片必須是 PNG（首選）绢涡、APNG、GIF 或者 JPG 格式遣疯，并且大小不超過 500KB雄可。
假設(shè)你已經(jīng)下載了我們的圖片包，在 Finder 里面解壓缠犀。然后選擇所有的圖片数苫，并將他們拖到 Sticker Pack 文件夾。
聲明：這個圖片表是由 pixeden.com 提供的辨液。
此外虐急，你還可以隨意地選擇 sticker 的尺寸。選擇 Sticker Pack 文件夾滔迈，然后選擇 Attributes inspector止吁。sticker 的默認(rèn)尺寸為 Medium，你可以改為 Small 或 Large燎悍。在這個 demo 里面敬惦，我只是用了默認(rèn)設(shè)置。
添加應(yīng)用圖標(biāo)
最后谈山，你的表情包必須有一個應(yīng)用圖片俄删。同樣滴，由于是 demo奏路，我已經(jīng)準(zhǔn)備了樣例應(yīng)用圖標(biāo)畴椰，你可以在這里下載。如果你想要創(chuàng)建自己的圖片鸽粉，確保你準(zhǔn)備好了不同尺寸的圖標(biāo)：
- Messages App Store：1024×768 points (@1x)
- Messages：27×20 points (@1x, @2x, @3x)
- Messages：32×24 points (@1x, @2x, @3x)
- iPhone/iPad 設(shè)定：29×29 points (@1x, @2x, @3x)
- Messages（iPhone）：60×45 points (@2x, @3x)
- Messages（iPad）：67×50 points (@1x, @2x)
- Message（iPad Pro）：74×55 points (@2x)
為了簡化圖片準(zhǔn)備工作斜脂，你可以從蘋果官網(wǎng)下載 iMessage App Icon 模板 。
在你下載完我們的 演示應(yīng)用圖標(biāo)包 后潜叛，解壓并將所有圖標(biāo)拖到 iMessage App Icon 下秽褒。
測試 Sticker Pack
好了！現(xiàn)在你已經(jīng)為 Message 創(chuàng)建了一個表情包了威兜，是時候來測試了销斟。你不需要一臺 iOS 10 設(shè)備去測試，Xcode 提供了內(nèi)置的模擬器來測試 iMessage 應(yīng)用擴展椒舵。選擇一個模擬器設(shè)備（如：iPhone 6）然后點擊 Run 按鈕開始測試蚂踊。
由于 Sticker pack 是一個應(yīng)用擴展，所以你可以把它當(dāng)做一個獨立的應(yīng)用笔宿，并且必須運行在 Message 應(yīng)用里面犁钟。所以當(dāng) Xcode 詢問你選擇哪個應(yīng)用來運行時棱诱，選擇 Message 應(yīng)用。然后點擊 Run涝动。
當(dāng)模擬器登錄完了迈勋， Message 將會直接打開。點擊擴展按鈕醋粟，你可以找到你的 sticker pack靡菇。如果你點擊左下菜單，將會顯示你的 Sticker pack米愿，當(dāng)然這也是內(nèi)置的厦凤。
在模擬器里，Message 有兩個模擬用戶育苟，選擇一個表情發(fā)送较鼓，然后回到 messageuser2，你可以看到 messageuser1 發(fā)送的表情违柏。
使用動畫圖片來自增強 Sticker Pack
你不僅僅可以在 Sticker Pack 里面綁定靜態(tài)圖片博烂，并且可以讓你簡單地添加動態(tài)圖片到表情包里。如果你已經(jīng)有一些 像這樣的 GIF 或者 APNG 圖勇垛，簡單地添加圖片到表情包里脖母。Xcode 將會識別并展示動畫士鸥。
創(chuàng)建動圖的另外一個替代方案是創(chuàng)建一個 sticker 序列闲孤。回到你的 sticker pack烤礁，在任意空白處右擊讼积，選擇 Add Assets > New Sticker Sequence。這個將會創(chuàng)建一個讓你添加圖片隊列的 sticker 序列脚仔。
作為示例勤众，你可以下載 這個圖片包。解壓并添加到 sticker 序列鲤脏。Xcode 允許你在 sticker pack 的右邊預(yù)覽動畫们颜。
總結(jié)
你已經(jīng)學(xué)會了如何在 Message 應(yīng)用內(nèi)使用 Xcode 8 創(chuàng)建一個應(yīng)用擴展。正如你所見猎醇，你不需要寫哪怕一行代碼去創(chuàng)建一個 sticker pack窥突。你僅需要做的就是準(zhǔn)備好圖片（動態(tài)或者靜態(tài)），然后就可以開始制作表情包啦硫嘶。
同時阻问，Xcode 8 和 iOS 10 仍然是測試版。你還不能將你的 sticker pack 上傳到 Message App Store沦疾。但是這是你開始創(chuàng)建屬于你自己的表情包的絕佳時機称近。當(dāng) iOS 10 正式發(fā)布好了第队，你就掌握了先機。
Sticker pack 只是 iMessage 應(yīng)用的一種擴展刨秆。在下一篇的教程里凳谦，我們將會學(xué)習(xí)如何去創(chuàng)建一種更復(fù)雜的 Message 擴展。敬請關(guān)注衡未。
作為參考晾蜘，你可以從這里下載 完整的 Xcode 項目。
本文由 SwiftGG 翻譯組翻譯眠屎，已經(jīng)獲得作者翻譯授權(quán)剔交，最新文章請訪問 http://swift.gg。
