盒子
盒子
文章目录
  1. 一.注意事项
  2. 二.准备图片
  3. 三.建立工程
    1. 1.新建工程
    2. 2.添加图标
    3. 3.导入表情图片
    4. 4.修改表情包名称
  4. 四.测试
  5. 五.提交审核

十分钟开发一款 iOS 表情包 App

在最近更新的 iOS 10 系统中,苹果开放了 iMessage Stickers 的开发,通俗的说法就是我们现在可以为 iMessage 开发表情包了。
表情包的开发十分简单,不需要写一行代码,只需要准备好图片资源即可。本文主要以 Coding 的洋葱猴系列表情为例快速开发一款表情包 App。

本文所需所有素材以及工程文件地址:  
https://github.com/EyreFree/CodingEmoji


一.注意事项

开发环境:XCode 8.0 及以上;
运行环境:iOS 10 及以上;
其他:表情包图片的格式可以是 JPG, PNG, GIF 等,不过单张图片最大不能超过 500KB。

二.准备图片

下载洋葱猴表情包,找到其中的表情图片。
(下载地址:https://coding.net/u/coding/p/Onion-Monkey-Emoji/git)

洋葱猴表情包

三.建立工程

1.新建工程

打开 XCode,新建 Sticker Pack Application 工程,如图所示:

新建 Sticker Pack Application 工程

2.添加图标

Sticker Pack Application 的图标和一般的 iOS 应用不太一样,它部分图标是扁的,详细尺寸如下(最后一个为 App Store 需要上传的图标尺寸。其他为工程内用到的应用图标):

No Size PS
1 54 x 40
2 58 x 58
3 64 x 48
4 81 x 60
5 87 x 87
6 96 x 72
7 120 x 90
8 134 x 100
9 148 x 110
10 180 x 135
11 1024 x 768
12 1024 x 1024 App Store 应用图标

应用图标

3.导入表情图片

接下来,可以将我们想要添加到表情包里的图片拖到 Sticker Pack 目录中,如图所示:

导入表情图片

4.修改表情包名称

我们可以通过修改 Display Name 的方式来修改表情包在设备上显示的名称:

修改表情包名称

四.测试

完成上面这些步骤后,就可以编译然后进行测试了,模拟器中运行效果如图所示:

最终运行效果

五.提交审核

(这一步不算在 10 分钟里哦,不属于开发过程唉,顺带提一下凑字数,🙄,购买开发者账号要等好几天呢)
若已经准备好了 iOS 开发者账号,就可以直接提交审核了,嗯,这个时候需要准备两张运行效果的屏幕截图,分别是 iPhone 和 iPad 的。

Device Size
iPhone 1242 x 2208
iPad 2048 x 2732

然后应用图标使用之前准备好的 1024 x 1024 的应用图标即可,接下来填写好应用的各种信息,然后存储-提交审核即可。

本文 App 已经通过审核,iOS 10 以上系统的同学可以下载体验:
https://itunes.apple.com/cn/app/yang-cong-hou-biao-qing-bao/id1166254758?mt=8

同时预祝各位同学顺利开发出属于自己的表情包应用。


如有任何知识产权、版权问题或理论错误,还请指正。
https://eyrefree.org/2016/Coding-Emoji
如文中无特殊说明,本站均使用以下协议保护:署名-非商业性使用-禁止演绎

支持一下
🚀 给 EF 刷火箭 🚀
  • 微信扫一扫
  • 支付宝扫一扫