轉(zhuǎn)載請(qǐng)標(biāo)明原文鏈接：http://www.cnblogs.com/zhanggui/p/7151795.html

前言

上一篇文章對(duì)App Extension做了簡(jiǎn)單介紹以及對(duì)Share Extension的使用做了簡(jiǎn)單說明，本篇文章主要是對(duì)Sticker Pack Extension進(jìn)行介紹。

開始

接下來是對(duì)Sticker Pack Extension的一些介紹。

Sticker Pack Extension是什么？

從字面看就是貼紙包擴(kuò)展，更直觀一點(diǎn)看下圖：

大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)

iMessage里面這些都是iMesssage的Extension，但是并不是所有的Extension都是Sticker Pack Extension，有的是iMessage Extension。因此，如果是貼紙這種的Extension，才是Sticker Pack Extension。

貼紙包如何創(chuàng)建呢？

我們會(huì)看到兩種情況：

1.沒有從AppStore下載Sticker Pack，但是你可以直接在iMessage里面看到。其實(shí)這種是不是創(chuàng)建的Sticker Pack Extension，而是單獨(dú)的Sticker pack Application。它是可以單獨(dú)上線AppStore的，也就是我們經(jīng)常看的這些：

 大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)

這些橢圓形狀的都是iMessage 貼紙，下載之后直接可以在iMessage里面看到?？梢灾苯舆@樣創(chuàng)建：

大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)

點(diǎn)擊所選擇的那個(gè)Application之后，你會(huì)看到如下的project項(xiàng)目工程列表：

大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)

好吧，只有一個(gè)文件夾，后面在介紹。

2.沒有從AppStore上面下載，但是能夠在iMessage里面看到的。例如上面圖示中的WWDC和知乎劉看山。它的創(chuàng)建方式就是App Extension。也就是我們?cè)谖覀儺a(chǎn)品開發(fā)的時(shí)候，新建的一個(gè)Target:

大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)

 新建之后，你會(huì)發(fā)現(xiàn)項(xiàng)目工程目錄變成這樣了：

大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)

上面的MessageExtensionDemo是我的工程，CustomSticker是我新建的Sticker Pack Extension。相比之下多了一個(gè)Info.plist，無(wú)非是對(duì)要展示的名稱以及其他屬性的設(shè)置。

如何實(shí)現(xiàn)

 接下來的開發(fā)讓你刷新認(rèn)知。因?yàn)椋和耆恍枰帉懘a！完全不需要編寫代碼！完全不需要編寫代碼！我們只要把圖片放到指定的位置即可。打開Sticker.xcassets，你會(huì)發(fā)現(xiàn)里面是這樣的：

大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)

其中的iMessage App Icon就是在iMessage里面看到的icon，而Sticker Pack就是我們?cè)趇Message里面點(diǎn)擊icon進(jìn)入的頁(yè)面要展示的image.例如我自己做的這種：

大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn) 大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn) 大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn) 大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)

這里面我做的就是找一些圖片，然后把這些圖片放到指定的位置，把做的icon放到iMessage App Icon里面，把其他的要分享的圖片放到Sticker Pack里面。然后點(diǎn)擊運(yùn)行主程序，打開iMessage app，你就會(huì)看到自己的iMessage 貼紙。

這里你可能注意打了展示的個(gè)數(shù)問題，有的一行四個(gè)，有的一行三個(gè)，有的一行2個(gè)。這個(gè)是因?yàn)槲以O(shè)置的Sticker Size：

大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)

也就是說如果我用的Small，那么iMessage里面展示的就是一行四個(gè)，如果設(shè)置的Medium，那么一行展示的就是三個(gè)，如果是Large，那么一行展示的就是兩個(gè)。

Sicker Pack 圖片Size和格式

官方的Sticker Size是下圖左側(cè)這樣的：

大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)

 

但是我在設(shè)計(jì)圖片的時(shí)候比較隨意，隨便設(shè)置了圖片的大小，，不過看起來也還ok。

官方的Sticker Formats是上圖右側(cè)這樣的。

另外，我們?cè)倏匆幌伦笙陆堑募犹?hào)：

大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)

其中的New Sticker就是創(chuàng)建一個(gè)Sticker Pack，那個(gè)New Sticker Sequence很有趣，其實(shí)它就是一個(gè)圖片的序列，也就是我們可以用幾張連續(xù)的png圖片組裝成一個(gè)動(dòng)態(tài)圖片。這里就不舉例子了，感興趣可以自己試一下。

關(guān)于iMessage 貼紙 icons大小

大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)

按照官網(wǎng)給的大小設(shè)計(jì)即可。另外如果有money，可以購(gòu)買官方推薦的創(chuàng)建Stickers的工具：Motion。不過收費(fèi)。。。。點(diǎn)擊這里可查看如何使用Motion來創(chuàng)建Stickers。

總結(jié)

這篇博客主要介紹了如何創(chuàng)建iMessage App以及如何創(chuàng)建貼紙擴(kuò)展。比較簡(jiǎn)單。不理解的話可以留言咨詢。

附 

1.用到的代碼，點(diǎn)擊這里下載（代碼中的MessageExtensionDemo）

參考資料

1.Human Interface Guidelines        2.Creating Stickers for iMessage      3.Messages     4.視頻：Buildiing Sticker Packs

5.Create Stickers with Motion

大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)

http://www.cnblogs.com/zhanggui/p/7151795.html