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

2,269 阅读3分钟

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

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


一.注意事项

开发环境: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 PS
iPhone 1242 x 2208 模拟器 iPhone 6 截图,放大,裁掉模拟器标题栏
iPad 2048 x 2732 模拟器 iPad (9.7 inch) 截图,放大,裁掉模拟器标题栏

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

本文 App 已经通过审核,iOS 10 以上系统的同学可以下载体验: itunes.apple.com/cn/app/yang…

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


如有任何知识产权、版权问题或理论错误,还请指正。
https://juejin.cn/post/6844903529581133831
转载请注明原作者及以上信息。