1010cc时时彩标准版 > 操作系统 > 从零起先做团结的iMessage,成立表情包插件

原标题:从零起先做团结的iMessage,成立表情包插件

浏览次数:95 时间:2019-08-09

App Extensions篇之Sticker Pack Extension,extensionssticker

转载请标明原文链接:

总结

这篇博客主要介绍了如何创建iMessage App以及如何创建贴纸扩展。比较简单。不理解的话可以留言咨询。

Sicker Pack 图片Size和格式

官方的Sticker Size是下图左侧这样的:

1010cc时时彩标准版 11010cc时时彩标准版 2

 

但是我在设计图片的时候比较随意,随便设置了图片的大小,,不过看起来也还ok。

官方的Sticker Formats是上图右侧这样的。

另外,我们再看一下左下角的加号:

1010cc时时彩标准版 3

其中的New Sticker就是创建一个Sticker Pack,那个New Sticker Sequence很有趣,其实它就是一个图片的序列,也就是我们可以用几张连续的png图片组装成一个动态图片。这里就不举例子了,感兴趣可以自己试一下。

为 Sticker Pack 添加图片

一旦你创建了项目,你将会在 project navigator 里看到两个文件。点击 Stickers.xcstickers 然后选择 Sticker Pack 文件夹,这是存放图片文件的地方。如果你想做 demo 你可以下载这个图片包,或者使用你自己的图片。但是请注意图片必须是 PNG、APNG、GIF 或者 JPG 格式,并且大小不超过 500KB。

假设你已经下载了我们的图片包,在 Finder 里面解压。然后选择所有的图片,并将他们拖到 Sticker Pack 文件夹。

1010cc时时彩标准版 4

声明:这个图片表是由 pixeden.com 提供的。

此外,你还可以随意地选择 sticker 的尺寸。选择 Sticker Pack 文件夹,然后选择 Attributes inspector。sticker 的默认尺寸为 Medium,你可以改为 SmallLarge。在这个 demo 里面,我只是用了默认设置。

1010cc时时彩标准版 5

创建好的新工程非常干净,只需要将你的贴纸拖拽到右侧的Sticker Pack中即可。

开始

接下来是对Sticker Pack Extension的一些介绍。

前言

上一篇文章对App Extension做了简单介绍以及对Share Extension的使用做了简单说明,本篇文章主要是对Sticker Pack Extension进行介绍。

附 

1.用到的代码,点击1010cc时时彩标准版,这里下载(代码中的MessageExtensionDemo)

测试 Sticker Pack

好了!现在你已经为 Message 创建了一个表情包了,是时候来测试了。你不需要一台 iOS 10 设备去测试,Xcode 提供了内置的模拟器来测试 iMessage 应用扩展。选择一个模拟器设备(如:iPhone 6)然后点击 Run 按钮开始测试。

由于 Sticker pack 是一个应用扩展,所以你可以把它当做一个独立的应用,并且必须运行在 Message 应用里面。所以当 Xcode 询问你选择哪个应用来运行时,选择 Message 应用。然后点击 Run。

当模拟器登录完了, Message 将会直接打开。点击扩展按钮,你可以找到你的 sticker pack。如果你点击左下菜单,将会显示你的 Sticker pack,当然这也是内置的。

1010cc时时彩标准版 6

在模拟器里,Message 有两个模拟用户,选择一个表情发送,然后回到 messageuser2,你可以看到 messageuser1 发送的表情。

1010cc时时彩标准版 7

自定义compact控制器和expand控制器

同样使用iMessage Application工程模版创建一个新的工程。 接下来创建两个控制器: 一个是MyCustomCompactViewController继承自UIViewController,它用来显示我们的compact sticker,并由它来叫出我们的expand控制器。 另外一个控制器是AddStickerViewController,就是我们的expand控制器了。

1010cc时时彩标准版 8控制器目录.png 其中MyCustomCompactViewController包含了一个collectionView,其中collectionView的第一个cell为加号按钮;其他cell为sticker展示的cell,每一个中都包含了一个MSStickerView。 而AddStickerViewController就是一个简单的展示的控制器,包含了一个collectionView。

下面我们回到MessagesViewController,关于compact控制器和expand控制器的弹出与隐藏,最主要的方法就是:

 -requestPresentationStyle:(MSMessagesAppPresentationStyle)presentationStyle;

调用方法requestPresentationStyle,根据传入的presentationStyle值,来做compact与expand的切换。 注意还需要在转场过渡结束方法中,将expand控制器移除。即下面这个方法:

 -didTransitionToPresentationStyle:(MSMessagesAppPresentationStyle)presentationStyle;

具体细节可以查看demo

上面的demo只是演示了最基本的compact控制器和expand控制器过渡切换和简单交互,而反映到实际开发中iMessage Extension App不只是用来做贴纸app,也可以作为主app的iMessage插件,做一些辅助的快捷操作,如:淘票票中的邀请好友一起来选座,某些场景下的音视频文件的共享等。

而且,iMessage Extension App也是可以访问相机相册,和麦克风的。iMessage Store上还有很多基于iMessage Extension实现的小游戏,不得不说,越来越好玩啦~

ʘʚʘ笔者也上架了几个贴纸应用,虽然卖不几个钱,但维持每年上交的开发者保护费还是可以的。ʘʚʘ

参考资料

1.Human Interface Guidelines        2.Creating Stickers for iMessage      3.Messages     4.视频:Buildiing Sticker Packs

5.Create Stickers with Motion

 

Extensions篇之Sticker Pack Extension,extensionssticker 转载请标明原文链接: 前言 上一篇文章对App Extension做了...

1010cc时时彩标准版 9

按照官网给的大小设计即可。另外如果有money,可以购买官方推荐的创建Stickers的工具:Motion。不过收费。。。。点击这里可查看如何使用Motion来创建Stickers。

1010cc时时彩标准版 10

按照官网给的大小设计即可。另外如果有money,可以购买官方推荐的创建Stickers的工具:Motion。不过收费。。。。点击这里可查看如何使用Motion来创建Stickers。

在这个教程里,我将会教你如何通过这个框架开发一个 sticker pack。而之后,我们将会稍微深入地了解下如何开发一个 iMessage app。

1010cc时时彩标准版 11Sticker Pack.png 之后直接run一下,效果图如下:1010cc时时彩标准版 12Sticker Pack Application.gif 一行代码没有写,惊不惊喜!意不意外!~1010cc时时彩标准版 13hahha.jpg

本文由1010cc时时彩标准版发布于操作系统,转载请注明出处:从零起先做团结的iMessage,成立表情包插件

关键词:

上一篇:1010cc时时彩标准版:iOS中GCD学习笔记,多线程技

下一篇:没有了