开始一步一步学习Message App Extension

开始一步一步学习Message App Extension

可以支持发送的类型

  • 文本
  • 贴纸(表情包)
  • 视频文件
  • 交互式的消息

扩展支持两种类型

  • 贴纸(表情包)
  • iMessage的app

这两种类型可以通过独立的应用和扩展创建。

1. 贴纸(表情包)

满足的条件类型

  • 必须是PNG APNG GIF JPEG的一种
  • 文件大小小于500KB
  • 图片的尺寸应该大于100px x 100px 小于206px x 206px

支持允许使用@3x的图片 300px x 300px 到 618px x 618px 系统会自动生成@2x,@1x的图片

消息支持三种贴纸大小

  • 小图 100px x 100px @3x(300px x 300px)
  • 中等 136px x 136px @3x(408px x 408px)
  • 大图 206px x 206px @3x(618px x 618px)

创建贴纸类型

系统要求

创建Motion的工程

下载模板工程

  • 启动Motion软件
  • 创建新的Motion工程 File->New
  • 选择Motion Project
  • 在右边可选项
    • Preset->Custom
    • Field Order -> None
    • Aspect Ratio -> Square
    • Duration->2 seconds
    • 输入合适的图片尺寸

    点击右下角打开 Size Frame Dimensions 小图 300x300 中图 408x408 大图 618x618

添加图片

  • 单击左边File选项
  • 选择剪辑 图形 图像 序列选择导入
  • 导入之后 你可以选择内置的动画效果

添加行为

  • 选择左上角Library的选项
  • 选择Behaviors category选择可用的分类
  • 点击基本的动作选择放大和缩小
  • 拖动行为到对象层应用

添加文本

  • 在ToolBar 选择Text工具或者按下T快捷键
  • 选择Canvas
  • 输入你的文本按下Escape
  • 点击Text的Inspector标签 选择字体类型 大小 对其方式 其他

导出贴纸

  • 选择Share->Export Image Sequence
  • 点击Export选择PNG图片
  • 点击Duration菜单选择整个工程
  • 点击下一步 会保存在你的驱动器。

iMessage Apps

  • 在用户插入一个Message App可以参考MSMessageAppViewController
  • 创建一个自定义或者动态的贴纸浏览框可以参考MSStickerBrowserViewController
  • 插入文本 贴纸 视频文件到Message App 输入框查看 MSConversation
  • 创建带有特定的应用数据交互的消息 查看MSMessage
  • 更新交互式信息(例如,创建游戏或应用程序协作 查看 MSSession

MSMessageAppViewController

@property(nonatomic, strong, readonly) MSConversation *activeConversation;

获取当前聊天的对象

  • 发送简单的文本
[self.activeConversation insertText:@"Text Message" completionHandler:nil];

此方法异步执行

  • 发送消息对象

必须设置URL属性和Layout属性

@property (nonatomic, copy, nullable) NSURL *URL;

使用NSURLComponents创建生成URL属性

@property(nonatomic, copy) MSMessageLayout *layout;

使用MSMessageTemplateLayout创建生成layout属性

MSMessageTemplateLayout

下面是这个layout的界面模板

怎么使用模板?

  • 实例化一个MSMessageTemplatelayout的对象
  • 设置属性 根据布局的需要设置不同的类型
  • 把创建的MSMessageTemplateLayout的对象赋值给MSMessagelayout的属性
  • 不允许继承MSMessageTemplateLayout

1 发送简单的图片

MSMessageTemplateLayout *layout = [[MSMessageTemplateLayout alloc]init];
UIImage *image = [UIImage imageNamed:@"gb_simple_icon"];
layout.image = image;

2 发送文本和图片

在上面的代码上面添加

 layout.imageTitle = @"Image Title";

3 发送文本图片 图片副标题

layout.imageSubtitle = @"Image SubTitle"

这样我们根据MSMessageTemplateLayout类里面的属性控制模板的内容现在,大家可以自行设置查看样式

发送图片

图片一定要满足下面

  • 图片在工程里面
  • 图片类型为 GIF PNG JPG JPEG任一
  • 图片大小不大于500KB
  • 图片尺寸在300px x 300px - 618px x 618px
NSURL *url = [NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@"eat" ofType:@"gif"]];
    MSSticker *sticker = [[MSSticker alloc] initWithContentsOfFileURL:url localizedDescription:@"Localized" error:nil];
    [self.activeConversation insertSticker:sticker completionHandler:nil];

发送视频

视频也要保存在工程里面

NSURL *url = [NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@"video" ofType:@"mov"]];
    [self.activeConversation insertAttachment:url withAlternateFilename:nil completionHandler:nil];

设置样式

MSMessagesAppPresentationStyleCompact

设置界面大小和键盘大小一致

MSMessagesAppPresentationStyleExpanded

设置界面的大小和iMessage的界面大小

Demo的下载地址

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏企鹅号快讯

再见!陪伴我多年的setuna

hi,又到了charming的时间,平日里用setuna截图小工具的人肯定大有人在,但是最近我发现了一个比它更好用的小工具——PureRef,借此机会推荐一下~...

310100
来自专栏微信终端开发团队的专栏

微信iOS9适配总结

每年iOS升级,都会带来一些坑,这次iOS9也不例外。本文总结了微信在适配iOS9上遇到的问题和解决方案。 一、iOS9问题汇总 1. 编译问题(B...

29150
来自专栏GA小站

Ad Hoc Analysis的启用

Ad Hoc Analysis是Adobe Analytics里面的一个应用程序,这是一个强大而灵活的平台,可用于构建自定义分析项目。将任意数量的数据表、可视化...

16110
来自专栏java一日一条

高效Android开发者必须知道的4个工具

移动app开发是一个漫长而费力的过程。然而,现在的企业总是希望能够尽快发布app。幸运的是,我们有很多帮助移动开发人员加快工作步伐的工具。

12130
来自专栏程序员的知识天地

javascript对点击事件和拖动事件的区分

1.项目中,为了更好的服务用户,经常会设计一个便捷的通道,这个通道一般都是“悬浮”的。

76830
来自专栏IMWeb前端团队

分享Rich化方法

分享Rich化方法 Rich化例子 ? 添加白名单 腾讯员工RTX找v_linbo添加域名白名单,如huayang.qq.com 外部人员发邮件到connect...

24990
来自专栏快乐八哥

Angular企业级开发(3)-Angular MVC实现

1.MVC介绍 Model-View-Controller 在20世纪80年代为程序语言Smalltalk发明的一种软件架构。MVC模式的目的是实现一种动态的...

23590
来自专栏DevOps时代的专栏

GitLab 是如何用 Headless Chrome 测试的

下面的例子介绍了GitLab如何切换到Headless Chrome GitLab最近从PhantomJS转变为Headless Chrome,用于前端测试和R...

52580
来自专栏魏艾斯博客www.vpsss.net

屏幕 GIF 动态图捕获软件及录制过程

作为站长有时候需要录制屏幕 GIF 动态图片,就得现学现卖。这不魏艾斯博客在使用遨游浏览器的过程中遇到一些 bug 需要提交给官方,遨游技术员希望老魏提供一段正...

25420
来自专栏软件开发 -- 分享 互助 成长

Altium designer总结

大概有半年没有画过PCB板了,最近突然又要画一个简单的小板子,却发现好多东西已经不是很熟练了,现在把Altium designer软件的使用中要注意的问题和一些...

260100

扫码关注云+社区

领取腾讯云代金券