iOS-通过Message框架开发一个Sticker Pack(无需代码)(第一篇)

一、概述

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 的右边预览动画。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值