如何制作自己的iMessage贴纸包,无需编码

介绍

在最新的iOS 10中,Apple为第三方开发人员添加了一项名为iMessage apps的新功能。 使用它,开发人员可以制作自己的应用程序。

苹果在iTunes上添加了新的[iMessage应用]部分。 这仅与iMessage有关。 iMessage应用程序仅在iOS上可用,其内容仍将在macOS和watchOS设备上查看。

iMessage扩展名具有类似的功能,例如照片,键盘等扩展名。 唯一的区别是,iMessage App Store在Messages应用程序内部独立存在,您可以创建iMessage应用程序,而不必创建在用户主屏幕上运行的iOS应用程序。

基本贴纸包

对于只想创建快速简便的iMessage贴纸包的人,Xcode提供了一个模板,而无需编写任何代码! 这将是使完全没有编程知识的图形艺术家能够创建贴纸包的绝佳工具。

消息框架支持三种标签大小,这些大小显示在基于网格的浏览器中。 在“ Xcode属性”检查器中,您可以为贴纸包选择以下大小之一:

小。 100x 100点@ 3x(300 x 300像素)。

介质。 136 x 136点@ 3x(408 x 408像素)。

大。 206 x 206点@ 3x(618 x 618像素)。

为了获得最佳质量和性能,它会提供您选择的尺寸的贴纸图像。

但是,您可以在贴纸包中使用的图像有一些限制:

图片必须是PNG,APNG,GIF或JPEG文件。

该文件必须小于500 KB。

为了获得最佳结果,图像不应小于100 x 100点或大于206 x 206点。

注意

始终提供@ 3x图像(300 x 300像素至618 x 618像素)。 系统通过在运行时缩小@ 3x图像来生成@ 2x和@ 1x版本。

步骤1:创建简单的Xcode项目

对于此演示,首先我通过选择“ Sticker Pack Application”模板类型创建了一个Xcode项目。

步骤2:添加贴纸

现在,在项目中打开Stickers.xcstickers资产目录。

此文件夹将包含您的iMessage应用程序图标和包装中的所有贴纸。

将贴纸添加到您的应用程序就像将它们拖动到资产目录的Sticker Pack文件夹中一样容易。

如果要使用一系列图像添加动画贴纸,则可以右键单击“ 贴纸包”文件夹,然后选择“ 新建贴纸序列”选项。 在贴纸包中使用此标签,您可以拖动以重新排序各个框架。

步骤3:执行

只需按一下Xcode左上角的“播放”按钮,或按键盘上的Command-R 。 模拟器启动Messages应用程序后,请按屏幕底部的应用程序商店按钮以访问您的iMessage应用程序。

加载应用后,您应该会看到可供使用和发送的标签。

定制贴纸应用

步骤1:创建简单的Xcode项目

对于此演示,首先我通过选择“ iMessage应用程序”模板类型创建了一个Xcode项目。

Xcode创建项目后,您将看到您现在具有类似于iOS应用程序的文件夹,并带有附加的Messages Extension文件夹。

我们将重点关注的文件夹是Message Extension文件夹,此文件夹目前包含以下文件:

MessagesViewController.swift ,这是iMessage应用程序UI的根视图控制器。

MainInterface.storyboard ,可在其中轻松设计应用程序的界面。

Assets.xcassets ,其中包含您的iMessage应用程序的图标文件以及您需要在界面中使用的任何其他图像资产。

Info.plist,用于扩展的配置值。

步骤2:建立介面

对于我们的示例自定义贴纸应用程序,我们将使用新的MSStickerBrowserViewController类以编程方式创建我们的界面。

打开您的MessagesViewController.swift文件,您将看到Messages ViewController类是MessagesAppViewController的子类, MessagesAppViewController本身是UIViewController的子类。 您可以在iMessage应用程序中使用所有UIKit。

Messages UIViewController类提供了许多回调方法,您可以重写这些方法以进一步自定义应用程序的功能,但在本教程中我们无需担心这些。

现在添加MSStickerBrowserViewDataSource协议。

MSStickerBrowserViewDataSource {

}

步骤3:添加贴纸

将图像文件拖到您的项目中,并确保将它们添加到MessagesExtension目标中。 需要将文件添加到目标而不是资产目录中,因为这样我们可以从URL加载文件,这在使用自定义标签时更加容易。

  • 要加载GIF类型的图像贴纸,请在文件夹> ImagesGIF下添加GIF图像。

GIF贴纸

图像名称应类似于img_1.gif,img_2.gif等,例如img_N.gif。

PNG贴纸

  • 要加载PNG类型的图像贴纸,请在文件夹> ImagesPNG下添加PNG图像。

图像名称应类似于img_1.png,img_2.png等,诸如img_N.png。

登录 iTunes Connect 并上传您的App

在iTunes Connect中,您可以编写应用程序说明,​​上传预览图像并确定对应用程序收费的金额。 如果您要进行付费申请,也可以在这里放下银行和税务信息。

您可以通过Xcode或应用程序启动器执行此操作。 上传构建文件后,请检查以确保所有应用程序信息均已准备就绪,然后将其发送以供审核!