一、概述
iOS 10 引入了Message框架,开发者可以为苹果内置的Messages应用开发扩展。
目的:通过开发一个应用扩展,可以让用户个能应用在Message应用中交互。
Message框架支持两种类型的扩展:
1. Sticker Packs(表情包)
2. iMessage apps
二、准备工作
Xcode 8
可以从这里下载并安装到你的电脑。
三、步骤解析
1、创建一个Sticker Pack项目
具体操作:Create a new Xcode project > IOS > Sticker Pack Application > Next
2、为Sticker Pack添加图片
创建好之后,在project navigator里面看到两个文件:Stickers.xcstickers 和 Products
具体操作:点击 Stickers.xcstickers > Sticker Pack 这里是存放图片和文件的地方。
注意:图片格式:PNG(首选)、APNG、GIF、JPG
大小 < 500KB
你可以从这里下载图片包,并将它们全部拖入Sticker Pack文件夹
Sticker的尺寸可以更改:Large Medium Small
3、添加应用图标
你的表情必须要有一个应用图片,所需尺寸如下:
- Messages App Store :1024×768 points (@1x)
- Messages : 27×20 points (@1x, @2x, @3x)
- Messages : 32×24 points (@1x, @2x, @3x)
- iPhone/iPad 设定: 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)
为了简化图片准备工作,你可以从苹果官网下载iMessage App Icon 模板你也可以下载我们的演示应用图标后,并将所有图标拖到iMessage App Icon下。
4、测试 Sticker Pack
截止到目前为止,你已经为Message创建了一个表情包。Xcode提供了内置的模拟器来测试iMessage应用扩展。
由于Sticker Pack是一个应用扩展,你可以把他当做一个独立的应用运行在Message里面,当Xcode询问你用哪个应用来运行的时候,选择Message,再点击Run。
当模拟器登录完成,Message会直接打开,点击扩展按钮,可以找到你的Sticker Pack。点击左下菜单,将会显示你的Sticker Pack,当然这也是内置的。
在模拟器里,Message 有两个模拟用户,选择一个表情发送,然后回到 messageuser2,你可以看到 messageuser1 发送的表情。
5、使用动画图片来自增强Sticker Pack
你不仅仅可以在 Sticker Pack 里面绑定静态图片,并且可以让你简单地添加动态图片到表情包里。如果你已经有一些 像这样的GIF 或者 APNG 图,简单地添加图片到表情包里。Xcode 将会识别并展示动画
创建动图的另外一个替代方案是创建一个 sticker 序列。回到你的 sticker pack,在任意空白处右击,选择 Add Assets > New Sticker Sequence。这个将会创建一个让你添加图片队列的 sticker 序列。
作为示例,你可以下载这个表情包 ,解压并添加到 sticker 序列。Xcode 允许你在 sticker pack 的右边预览动画。