ios10重磅体验 原来iMessage可以玩的这么爽！&在 iOS 10 面世之前，如果要列举世界上最流行的即时聊天工具，怎么数都很难数到 iMessage ，iMessage 作为苹果做社交的入口，其实它也很想借助 iOS 10 的大更新来扩展自己的可能性，而苹果自然也想让 iMessage 这个默默无闻的系统应用重新受到了世人的瞩目。
相信不少朋友已经领会了 iOS 10 中 iMessage 的新变化。而其新推出的 iMessage App Store 更是一片未开发的处女地，那么什么是 iMessage App Store 呢？iMessage App Store 其实就内置于系统自带的 Messages 应用中，它的使用方式与 App Store 如出一辙，说白了，其实 iMessage App Store 就是 iMessage 的应用商店市场，而苹果很可能要再打造一个除 App Store 之外的重要市场。
如何访问 iMessage App Store 呢？首先，我们可以通过 iOS 系统中的信息App 进入。点击信息菜单上的「A」图标，再按左下方的图示，然后再点击「Store」，这样我们就能进入 iMessage App Store 中。這应用商城目前已经提供 1650 款应用，而绝大部分是贴纸表情包。
您可能也感兴趣:
官方微博/微信
每日头条、业界资讯、热点资讯、八卦爆料，全天跟踪微博播报。各种爆料、内幕、花边、资讯一网打尽。百万互联网粉丝互动参与，TechWeb官方微博期待您的关注。
↑扫描二维码
想在手机上看科技资讯和科技八卦吗？想第一时间看独家爆料和深度报道吗？请关注TechWeb官方微信公众帐号：1.用手机扫左侧二维码；2.在添加朋友里，搜索关注TechWeb。
本周最推荐
从电视产品被做的越来越薄开始，大家就想方设法...
当今科技行业的竞争非常激烈，自动驾驶行业尤为如此。从Uber、特斯拉、Waymo这样的新贵科技公司，到通用、奔驰、福特这样的老牌...
Copyright (C)
All rights reserved. 京ICP证060517号/京ICP备号 京公网安备76号
TechWeb公众号
机情秀公众号 > 
 > 
 > 
iOS10 iMessage 带来了你需要的MessageExtension
摘要：提示前段时候因为一些原因,文章被删除了。现在再发一下,demo被删除了.......,有需要就我再码一个补上.....项目要求Xcode8+iOS10现在都是测试版,去开发者网站可以下载。如果没有的话,这个,那个,就看下我的配图吧,哈哈前言iOS10测试版已经出来一个多月了,一直对这个东西很感兴趣。但是查了好多,基本都是用Sticker的那个方面直接放图片使用的。到现在我是没有搜索到用代码编写的iMessage的项目,所以用了一天把这个项目写出来(前几天看过几次概念)。不理解
前段时候因为一些原因,文章被删除了。现在再发一下,demo被删除了.......,有需要就我再码一个补上.....
Xcode8 + iOS10现在都是测试版,去开发者网站可以下载。如果没有的话,这个,那个,就看下我的配图吧,哈哈
iOS10测试版已经出来一个多月了,一直对这个东西很感兴趣。但是查了好多,基本都是用Sticker的那个方面直接放图片使用的。到现在我是没有搜索到用代码编写的iMessage的项目,所以用了一天把这个项目写出来(前几天看过几次概念)。不理解的就去官方api文档看。现在是把苹果说的功能大概写了出来。有不对之处,请大家指出。
在这里引用一下别人写的iMessage的解释,感觉解释的很好,我也直接引用了:
在iOS中新增了两种iMessage的方式,1.内置表情包,2.iMessage应用
1.内置表情包(Sticker Packs)
可以通过在Xcode中新建Sticker Pack Application来创建。这种方式可以简单地通过添加图片来在iMessage中添加表情包。添加的贴纸需要满足一下条件
图片类型必须是 png、apng、gif或者jpeg
文件大小必须 小于500K
图片大小必须在 100100 到 206206 之间
需要注意的是:必须要永远提供 @3x 大小的图片(即 300300 到 618618)。系统可以根据当前设备通过 runtime 自动调整图片来呈现 @2x 和 @1x
系统能够自适应的展示贴纸,所以为了更好的展示贴纸,最好提供的贴纸是以下三种大小的类型
小型 100*100
中型 136*136
大型 206*206
2.iMessage应用
iMessage app使用完整的框架和Message app进行交互。使用iMessage app能够
在消息应用内呈现一个自定义的用户交互界面。 使用 MSMessagesAppViewController
创建一个自定义或者动态的表情包浏览器。使用 MSStickerBrowserViewController
添加文本、表情、或者媒体文件到消息应用的文本输入框。使用 MSConversation
创建带有特定的应用数据交互的消息。使用 MSMessage
更新可以相互影响的消息(例如,创建游戏或者可以合作的应用)。使用 MSSession
内置表情包我就不在说了,我看了看网上有很好的例子也很简单。MSMessagesAppViewController说白了就是显示表情的vc,和普通的vc一样,只是他多了一些方法,和AppDelegate的差不多。我用了一个collectionview去显示图片,但是有一点需要注意,如果你直接用UIImageView去直接显示图片也是可以的,运行在message也是显示的,但是你却无法进行正常的拖拽,点击操作,因为你只是给了一个UIImageView而已。在这里要用到一个专门为显示iMessage里面图片用的类MSStickerView,他是UIView的一个子类,里面的属性很少
@interface MSStickerView : UIView
@method initWithFrame:sticker:
@abstract Initializes a MSStickerView with a frame and a MSSticker conforming object to display.
- (instancetype)initWithFrame:(CGRect)frame sticker:(nullable MSSticker *)
@property sticker
@abstract The MSSticker object to display.
@discussion Set this property to nil to remove the current sticker. Setting the
sticker property does not change the size of a MSStickerView. Call sizeToFit to
adjust the size of the view to match the sticker.
@property (nonatomic, strong, readwrite, nullable) MSSticker *
@property animationDuration
@abstract The amount of time it takes to go through one cycle of the sticker animation.
@property(nonatomic, readonly) NSTimeInterval animationD
@method startAnimating
@abstract Starts animating the sticker in the receiver.
@discussion This method always starts the animation from the first frame.
-(void) startA
@method stopAnimating
@abstract Stops animating the sticker in the receiver.
-(void) stopA
@method isAnimating
@abstract Returns a Boolean value indicating whether the animation is running.
- (BOOL)isA
一目了然,sticker我的理解就是特殊的数据,让MSStickerView根据这个数据进行相应的显示操作。至于stopAnimating那几个方法我暂时没有用到。UICollectionView代码块:
#import &StickerCollectionView.h&
#import &StickerCell.h&
#import &CommonCell.h&
static NSString * const STICKERCELL = @&StickerCell&;
static NSString * const COMMONCELL = @&CommonCell&;
@interface StickerCollectionView()
@property(nonatomic,strong)NSMutableArray *stickerA//数据
@implementation StickerCollectionView
- (instancetype)initWithCoder:(NSCoder *)aDecoder{
self = [super initWithCoder:aDecoder];
if (self) {
[self registerNib:[UINib nibWithNibName:STICKERCELL bundle:nil] forCellWithReuseIdentifier:STICKERCELL];//注册单元格
[self registerNib:[UINib nibWithNibName:COMMONCELL bundle:nil] forCellWithReuseIdentifier:COMMONCELL];
- (void)awakeFromNib{
[super awakeFromNib];
self.delegate =
self.dataSource =
//数据加载
- (NSMutableArray *)stickerArray{
if (!_stickerArray) {
_stickerArray = [NSMutableArray array];
NSArray *dataArray = @[@&1&,@&2&,@&3&,@&4&,@&5&,@&6&,@&7&];
//把图片转换为mssticker类的形式,用于显示
[dataArray enumerateObjectsUsingBlock:^(id _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
NSURL *urlStr = [[NSBundle mainBundle]URLForResource:obj withExtension:@&jpg&];
MSSticker *placeSticker = [[MSSticker alloc]initWithContentsOfFileURL:urlStr localizedDescription:obj error:nil];
[_stickerArray addObject:placeSticker];
return _stickerA
#pragma mark ------九宫格代理
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{
return self.stickerArray.count + 4;
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
if (indexPath.row &= self.stickerArray.count) {
CommonCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:COMMONCELL forIndexPath:indexPath];
cell.imageView.image = [UIImage imageNamed:[NSString stringWithFormat:@&other_%lu&,indexPath.row - self.stickerArray.count + 1]];
StickerCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:STICKERCELL forIndexPath:indexPath];
cell.sticker.sticker = self.stickerArray[indexPath.row];//把mssticker类型的数据赋予msstickerview里面的sticker属性
- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath{
if (indexPath.row == self.stickerArray.count) {
if (self.event1Block) {
self.event1Block();
}else if (indexPath.row == self.stickerArray.count + 1){
if (self.event2Block) {
self.event2Block();
}else if (indexPath.row == self.stickerArray.count + 2){
if (self.event3Block) {
self.event3Block();
}else if (indexPath.row == self.stickerArray.count + 3){
if (self.event4Block) {
self.event4Block();
在这里面你会发现数据数组不再是简单的图片名字数据了,是一个MSSticker类型的数据。
- (nullable instancetype)initWithContentsOfFileURL:(NSURL *)fileURL localizedDescription:(NSString *)localizedDescription error:(NSError * _Nullable *)error NS_DESIGNATED_INITIALIZER;
@property imageFileURL
@abstract The file URL to the Sticker was initialized with.
@property (nonatomic, strong, readonly) NSURL *imageFileURL;
@property localizedDescription
@abstract A succinct localized string describing the sticker.
@property (nonatomic, copy, readonly) NSString *localizedD
这个类里面的东西更加的少了,一个创建方法,一个NSURL,一个NSString。而且后面两个都是只读类型的,所以你基本不用操作。直接使用它唯一的方法就行了,localizedDescription要尽量设置的不同(官方好像说的是一个iMessage App里面的每一个MSSticker 的localizedDescription定义好了就不变了,除非卸载这个App.我解决的这个不是很好,英语太差)把我们的基本数据转换成这个类之后然后传给MSStickerView类进行擦操作就行。
cell.sticker.sticker = self.stickerArray[indexPath.row];//把mssticker类型的数据赋予msstickerview里面的sticker属性
至于他是怎么显示出来的,这个不用你担心。显示效果如下:
然后点击发送:
这是基本的显示效果,iMessage还可以显示规定的文字,音频,详细的图片...这些效果的实现是在MSMessagesAppViewController里面,MSMessagesAppViewController有个属性activeConversation,属于MSConversation类
@method insertMessage:localizedChangeDescription:completionHandler:
@abstract Stages provided the MSMessage for sending.
@discussion This method inserts a MSMessage object into the Messages input field,
Subsequent calls to this method will replace any existing message on the input field.
If the message was successfully inserted on the input field, the completion handler
will be called with a nil error parameter otherwise the error parameter will be
populated with an NSError object describing the failure.
@param message The MSMessage instance describing the message to be sent.
@param completionHandler A completion handler called when the message has been staged or if there was an error.
- (void)insertMessage:(MSMessage *)message completionHandler:(nullable void (^)(NSError * _Nullable))completionH
@method insertSticker:completionHandler:
@abstract The sticker is inserted into the Messages.app input field.
@param sticker The sticker to be inserted.
@param completionHandler A completion handler called when the insert is complete.
- (void)insertSticker:(MSSticker *)sticker completionHandler:(nullable void (^)(NSError * _Nullable))completionH
@method insertText:completionHandler:
@abstract The NSString instance provided in the text parameter is inserted into the Messages.app input field.
@param text The text to be inserted.
@param completionHandler A completion handler called when the insert is complete.
- (void)insertText:(NSString *)text completionHandler:(nullable void (^)(NSError * _Nullable))completionH
@method insertAttachment:withAlternateFilename:completionHandler:
@abstract The NSURL instance provided in the URL parameter is inserted into the Messages.app
input field. This must be a file URL.
@param URL The URL to the media file to be inserted.
@param filename If you supply a string here, the message UI uses it for the attachment. Use an alternate filename to better describe the attachment or to make the name more readable.
@param completionHandler A completion handler called when the insert is complete.
- (void)insertAttachment:(NSURL *)URL withAlternateFilename:(nullable NSString *)filename completionHandler:(nullable void (^)(NSError * _Nullable))completionH
这是MSConversation类的四个方法,也是他的全部方法,用于插入各种对用的内容。
self.collectionView.event1Block = ^{
//发送文字
[weakSelf.activeConversation insertText:@&Fuck the world if you are rich,otherwise fuck youself!& completionHandler:^(NSError * _Nullable error) {
//使用的时候的回调,做自己想做的事情
//发送音频
NSString *path = [[NSBundle mainBundle]pathForResource:@&music& ofType:@&mp3&];
NSURL *url = [NSURL fileURLWithPath:path];
[self.activeConversation insertAttachment:url withAlternateFilename:@&音乐& completionHandler:^(NSError * _Nullable error) {
//使用的时候的回调,做自己想做的事情
详细的MSMessage
//详细图片
MSMessage *message = [[MSMessage alloc]init];
MSMessageTemplateLayout *layout = [[MSMessageTemplateLayout alloc]init];
layout.imageTitle = @&蜡笔&;
layout.imageSubtitle = @&蜡笔小新的故事&;
layout.caption = @&蜡笔&;
layout.subcaption = @&蜡笔sub&;
layout.trailingCaption = @&蜡笔&;
layout.trailingSubcaption = @&蜡笔sub&;
NSString *path2 = [[NSBundle mainBundle]pathForResource:@&1& ofType:@&jpg&];
layout.mediaFileURL = [NSURL fileURLWithPath:path2];
message.layout =
[self.activeConversation insertMessage:message completionHandler:^(NSError * error) {
//使用的时候的回调,做自己想做的事情
这是我用UICollectionView实现的布局,其实iMessage也给了一个类似的可以实现的view和vc:MSStickerBrowserView,MSStickerBrowserViewController
@interface MSStickerBrowserViewController : UIViewController &MSStickerBrowserViewDataSource&
@method initWithStickerSize:
@abstract Initializes a MSStickerBrowserViewController and configures it's MSStickerBrowserView with the provided sticker size class.
- (instancetype)initWithStickerSize:(MSStickerSize)stickerSize NS_DESIGNATED_INITIALIZER;
@property stickerBrowserView
@abstract Returns the sticker browser view managed by the controller object.
@property (nonatomic, strong, readonly) MSStickerBrowserView *stickerBrowserV
* @abstract Controls the size of the stickers are displayed at in the sticker browser view.
@property (nonatomic, readonly) MSStickerSize stickerS
MSStickerBrowserViewController里面就这一点东西,一个构造,两个只读属性。要创建MSStickerBrowserViewController一定要实现代理的两个方法,与表很像的两个代理:
* @abstract Returns the number of Stickers that the sticker browser should show.
* @param stickerBrowserView The sticker browser view .
* @result The number of stickers.
- (NSInteger)numberOfStickersInStickerBrowserView:(MSStickerBrowserView *)stickerBrowserV
* @abstract Returns the sticker that the sticker browser should show in the browser.
* @param stickerBrowserView The sticker browser view.
* @param index The index of the sticker to show.
* @result A MSSticker object.
- (MSSticker *)stickerBrowserView:(MSStickerBrowserView *)stickerBrowserView stickerAtIndex:(NSInteger)
就是个数和显示的内容,我实现的是两行显示,我不知道可以可以改变这个:
//数据加载
- (NSMutableArray *)browArray{
if (!_browArray) {
_browArray = [NSMutableArray array];
NSArray *dataArray = @[@&dt_1&,@&dt_2&,@&dt_3&,@&dt_4&,@&dt_5&,@&dt_6&,@&dt_7&,@&dt_8&,@&dt_9&,@&dt_10&,@&dt_11&,@&dt_12&,@&dt_13&];
//把图片转换为mssticker类的形式,用于显示
[dataArray enumerateObjectsUsingBlock:^(id _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
NSURL *urlStr = [[NSBundle mainBundle]URLForResource:obj withExtension:@&gif&];
MSSticker *placeSticker = [[MSSticker alloc]initWithContentsOfFileURL:urlStr localizedDescription:obj error:nil];
[_browArray addObject:placeSticker];
return _browA
#pragma mark----代理
- (NSInteger)numberOfStickersInStickerBrowserView:(MSStickerBrowserView *)stickerBrowserView{
return self.browArray.
- (MSSticker *)stickerBrowserView:(MSStickerBrowserView *)stickerBrowserView stickerAtIndex:(NSInteger)index{
return self.browArray[index];
基本说完了,我没有详细的介绍每个类用法,里面什么属性方法,这个我感觉放到demo你一跑起来看下代码就应该明白。其实iMessage很简单,我写的demo只是简单的把它基本使用了,还有好多等待你的开发。如果你感觉对你有一点帮助,请给个github星星,谢了。
以上是的内容，更多
的内容，请您使用右上方搜索功能获取相关信息。
若你要投稿、删除文章请联系邮箱：zixun-group@service.aliyun.com,工作人员会在五个工作日内给你回复。
云服务器 ECS
可弹性伸缩、安全稳定、简单易用
&40.8元/月起
预测未发生的攻击
&24元/月起
邮箱低至5折
推荐购买再奖现金，最高25%
&200元/3月起
你可能还喜欢
你可能感兴趣
阿里云教程中心为您免费提供
iOS10 iMessage 带来了你需要的MessageExtension相关信息，包括
的信息，所有iOS10 iMessage 带来了你需要的MessageExtension相关内容均不代表阿里云的意见！投稿删除文章请联系邮箱：zixun-group@service.aliyun.com，工作人员会在五个工作日内答复
售前咨询热线
支持与服务
资源和社区
关注阿里云
International投稿：12粉丝：3分享--dynmicweibozoneqqbaidu将视频贴到博客或论坛视频地址复制嵌入代码复制微信扫一扫分享收藏0硬币--稍后看马克一下~用手机看转移阵地~用或其他应用扫描二维码手机下视频请使用扫码若未安装客户端，可直接扫此码下载应用看过该视频的还喜欢正在加载...miniOFF苹果手机ios10iMessage玩法大解析
ios10短信全屏特效怎么发送
互联网 & 发布时间： 14:02:51 & 作者：佚名 &
ios10短信全屏特效怎么发送?ios10短信涂鸦怎么弄?iOS10更新后，我们可以看到iMessage新增了许多有趣的玩法，如果想给用户发送气泡、涂鸦、动态效果等特效的话，接下来小编跟大家分享一下ios10短信全屏特效如何发送教程，有兴趣的一起来了解一下。
ios10信息iMessage玩法大解析：说实话，这玩意设计的还是有些复杂的，第一次拿到手还真不知道该怎么用。提前说明的是，这部分只介绍iMessage加入的新功能，原来的老功能就不多说了。首先我们进入iMessage找到一个人进行聊天，点击输入框我们看到左边有一个箭头图标，点它就会出现三个图标，分别是：相机、心和应用商店。相机我们就不用说了，就是视频，重点是后两个。
点击箭头出现新的按钮咱们先来看这个&心&。点击它底部会出现一个新的窗口，这就是让你涂鸦的。右边会有6个手势告诉你应该怎么操作，分别是：单指拖动：涂鸦;单指轻点：轻点单指轻按：火球双指轻点：亲吻双指轻点并按住：心跳双指轻点并按住，然后向下拖动：心碎
你可以通过随机组合来进行创作，然后发送给对方。不过需要提醒的是，大概在2秒之内如果你没有任何动作，图片就会自动发送，这一点实在有点诡异。而且在这个界面我们还可以看到一个摄像机的图标，点击它就会进行录像。也就是说在录像的同时进行涂鸦，最后发出去的效果就是一段带着动态涂鸦效果的视频片段。
涂鸦录像的效果然后我们来看&应用商店图标&，这个就是向第三方开发者提供的插件部分。默认状态下只有三个功能，分别是历史记录、图片搜索和苹果音乐分享。
历史记录、图片搜索和苹果音乐这么点东西显然是不够用的，所以我们点击左下角的&田字形&图标，这时候我们就看到了&Store&的标志。点击它就可以进入商店页面获取开发者开发的各种插件了，不过现在只有苹果自家提供的四个动态表情，还没有其他开发者的东西上架。
等待更多插件上架这里还有一个&管理&标签，在这里我们建议启用&自动添加应用&选项，这样一旦某一款我们安装的应用程序有可与iMessage搭配的插件时，就会自动添加进来。不得不说这一次的iMessage更新的东西还真不少，前面我们已经介绍了两个重点的新功能，这里我们还要重点介绍三个。第一个有些隐蔽，当你把手机横过来时就会发现，输入法键盘变成了手写板，并且还预置了&谢谢你&&晚安&等短语。这些手写功能的笔触非常具有艺术感，你也可以自己写上想说的话，然后发送。
手写输入当然这并不是单纯的手写输入，当我们发送出去之后，对方看到的是你书写的整个过程，是一个动态的展示效果。少年们，快去练字吧!
动态效果如果你把屏幕横过来没有发现这个手写板怎么办呢?很简单，切换输入法到全键盘模式，然后在右侧就能找到一个新的书法图标，点击它就是了。
右下角的图标就是第二个功能是对对话的内容进行情绪表达，而不是打字回应。只要双击一段兑换，在上方就会出现一排表情图标，有惊讶，有哈哈，有疑惑等等。选择一个对方就能收到你的回应。
评论回复最后一个新功能是发送效果，就是我们发送对话或是任何内容时的特效。当我们把要输入的内容搞定后，不要轻击发送按钮，而是长按它，这样我们就会进入一个新的界面。这个界面分为两个部分，一个部分是起泡，专门用来设置发送起泡的效果，比如震撼放大隐形墨水等动态效果。对方收到信息时就会是以这种方式收到。
气泡特效另一个部分是屏幕，这个效果是全屏的特效，比如烟花、镭射、五彩纸屑等等。当对方收到短信时满屏幕都会呈现出这种效果。
全屏特效关于iMessage的新功能，我们已经把五个最重点的介绍完了。这个部分其实就是一种iOS用户之间的娱乐，让对话变得更好玩。但实际真的会有多少人每次发短信都带上这些，也确实大不可能，所以也就是个调剂品。当然，如果你觉得这个功能很好玩，尤其是恋人之间，那么希望我们上面的功能介绍能够帮助到你。
大家感兴趣的内容
12345678910
最近更新的内容
