????iOS10 蘋果推出了Messages.framework ，它允許開發(fā)者創(chuàng)建獨(dú)立的貼紙app（表情包），或者是某個(gè)app的iMessage 擴(kuò)展應(yīng)用（可以是表情包也可以是主工程的iMessage插件）。
????總之，可以自己在iMessage里面搞表情包啦～～

目錄：

1. 一行代碼不用寫，實(shí)現(xiàn)iMessage Stickers App
2. 使用代碼實(shí)現(xiàn)iMessage Stickers App
3. 我們還能做些其他的什么？
   ??-自定義compact控制器和expanded控制器
4. 小結(jié)

1、一行代碼不用寫，實(shí)現(xiàn)iMessage Stickers App

????新建工程，工程模版選擇為Sticker Pack Application，如下圖：

iMessage Stickers Project.png

????創(chuàng)建好的新工程非常干凈，只需要將你的貼紙拖拽到右側(cè)的Sticker Pack中即可。

Sticker Pack.png

Sticker Pack Application.gif

hahha.jpg

????當(dāng)然Sticker Pack也是有圖片類型要求的，如下圖：

圖片支持.png

????蘋果推薦使用PNG或者APNG，而不推薦使用gif，原因在于關(guān)于透明度等的處理上，PNG和APNG要優(yōu)于gif，如下圖：

PNG和gif對(duì)比.png

????那么如何導(dǎo)入APNG的動(dòng)圖呢？

????在Sticker Pack下右鍵選中Add assets->New Sticker Sequence。

New Sticker Sequence.png

????然后就會(huì)創(chuàng)建出一個(gè)新的Sticker Sequence，之后將動(dòng)圖每一幀的PNG圖拖進(jìn)去就行了。

Sticker Sequence Frame.png

????當(dāng)然除了默認(rèn)的每行三個(gè)圖的顯示模式，蘋果還提供另外兩種顯示模式：

設(shè)置每行顯示的表情個(gè)數(shù).png

????而每種顯示模式下對(duì)于圖片的尺寸要求也是不同的，如下圖：

尺寸要求.png

2、使用代碼實(shí)現(xiàn)iMessage Stickers App

????使用Sticker Pack Application創(chuàng)建的Stickers App，每次更新貼紙需要進(jìn)行版本迭代。如果想做成動(dòng)態(tài)從服務(wù)器獲取的就不能使用Sticker Pack Application工程模版了。
????下面我們通過另外一種方式，使用代碼創(chuàng)建出一個(gè)Stickers App，看看Sticker Pack Application工程模版中蘋果都為我們做了哪些事情。
????首先新建工程，工程模版選擇為iMessage Application，如下圖：

iMessage Application.png

????其中MainInterface.storyboard是我們的iMessage Extension App啟動(dòng)時(shí)的根控制器，而MessagesViewController就是sb對(duì)應(yīng)的vc。
????Assets.xcassets照例是icon圖片存放的地方
????Info.plist則是我們的iMessage app相關(guān)配置文件

????如果我們不想用sb怎么辦呢？找到Info.plist把這個(gè)keyNSExtensionMainStoryboard對(duì)應(yīng)的鍵值對(duì)刪掉，添加新的keyNSExtensionPrincipalClass，value為你的控制器。

????打開Messages.framework，我們可以看到MS框架的相關(guān)頭文件。

MS頭文件.png

-(NSMutableArray *)stickersArrayM{
    if (!_stickersArrayM) {
        _stickersArrayM = [NSMutableArray array];
        
        for (int i = 1; i < 6; i ++) {
            
            NSString *imageName = [NSString stringWithFormat:@"test%d",i];
            
            NSString *stickerPath = [[NSBundle mainBundle] pathForResource:imageName ofType:@"jpg"];
            
            NSURL *stickerUrl = [NSURL fileURLWithPath:stickerPath];
            
            MSSticker *sticker = [[MSSticker alloc] initWithContentsOfFileURL:stickerUrl localizedDescription:imageName error:NULL];
            
            [_stickersArrayM addObject:sticker];
        }
    }
    return _stickersArrayM;
}

????之后實(shí)現(xiàn)MSStickerBrowserViewDataSource的兩個(gè)數(shù)據(jù)源方法。

#pragma mark - MSStickerBrowserViewDataSource
// 返回貼紙數(shù)量的代理方法
- (NSInteger)numberOfStickersInStickerBrowserView:(MSStickerBrowserView *)stickerBrowserView{
    return self.stickersArrayM.count;
}
// 當(dāng)前index顯示的MSSticker對(duì)象
- (MSSticker *)stickerBrowserView:(MSStickerBrowserView *)stickerBrowserView stickerAtIndex:(NSInteger)index{
    
    return self.stickersArrayM[index];
}

????在MessagesViewController中初始化我們自己的MyStickerViewController控制器。

- (void)viewDidLoad {
    [super viewDidLoad];
    
    MyStickerViewController *myStickerViewController = [[MyStickerViewController alloc] initWithStickerSize:MSStickerSizeSmall];
    
    [self addChildViewController:myStickerViewController];
    
    [self.view addSubview:myStickerViewController.view];
}

????這里是demo

????其中MessagesViewController是我們的iMessage Extension App的根控制器，用于處理來自iMessage的回調(diào)以及具體視圖的顯示。
????而我們繼承自MSStickerBrowserViewController的MyStickerViewController則包含了MSStickerBrowserView和MSStickerBrowserViewDataSource數(shù)據(jù)源。如下圖所示：

MessagesViewController示意圖.png

3、我們還能做些其他的什么？

????那么除了固定的sticker貼紙app，我們還能做些其他的什么嗎？
????當(dāng)然，iMessage Extension App并不只有那么一小塊顯示區(qū)域。我們還可以自定義expanded控制器，來實(shí)現(xiàn)其他需求。
????下圖是一個(gè)compact控制器與expanded控制器切換交互，并給compact控制器添加新sticker的一個(gè)演示：

compact與expand切換交互.gif

????接下來一起來看看是怎么實(shí)現(xiàn)的。

自定義compact控制器和expand控制器

????同樣使用iMessage Application工程模版創(chuàng)建一個(gè)新的工程。
????接下來創(chuàng)建兩個(gè)控制器：
????一個(gè)是MyCustomCompactViewController繼承自UIViewController，它用來顯示我們的compact sticker，并由它來叫出我們的expand控制器。
????另外一個(gè)控制器是AddStickerViewController，就是我們的expand控制器了。

控制器目錄.png

????下面我們回到MessagesViewController，關(guān)于compact控制器和expand控制器的彈出與隱藏，最主要的方法就是：

  -(void)requestPresentationStyle:(MSMessagesAppPresentationStyle)presentationStyle;

????調(diào)用方法requestPresentationStyle，根據(jù)傳入的presentationStyle值，來做compact與expand的切換。
????注意還需要在轉(zhuǎn)場過渡結(jié)束方法中，將expand控制器移除。即下面這個(gè)方法：

  -(void)didTransitionToPresentationStyle:(MSMessagesAppPresentationStyle)presentationStyle;

????具體細(xì)節(jié)可以查看demo

小結(jié)

????上面的demo只是演示了最基本的compact控制器和expand控制器過渡切換和簡單交互，而反映到實(shí)際開發(fā)中iMessage Extension App不只是用來做貼紙app，也可以作為主app的iMessage插件，做一些輔助的快捷操作，如：淘票票中的邀請好友一起來選座，某些場景下的音視頻文件的共享等。

????而且，iMessage Extension App也是可以訪問相機(jī)相冊，和麥克風(fēng)的。iMessage Store上還有很多
基于iMessage Extension實(shí)現(xiàn)的小游戲，不得不說，越來越好玩啦～

???????筆者也上架了幾個(gè)貼紙應(yīng)用，雖然賣不幾個(gè)錢，但維持每年上交的開發(fā)者保護(hù)費(fèi)還是可以的。???