概述

iOS10系统登录中国,在系统中对3D Touch的使用需求更频繁,所以对iOS9中便引入的3D Touch功能做一些了解是很有必要的

详细

代码下载:http://www.demodashi.com/demo/11003.html

概述

iOS10系统登录中国,在系统中对3D Touch的使用需求更频繁,所以对iOS9中便引入的3D Touch功能做一些了解是很有必要的

在日常开发中,我们经常需要使用3D Touch中的两个功能

在主屏幕上对应用图标使用3DTouch操作

在应用程序内对某一控件使用3DTouch操作

ShortcutItem功能允许用户在主屏幕上对应用图标使用3DTouch操作,如果本次操作有效,则会给出几个快捷可选项允许用户进行操作

一、准备工作

第一部分的应用是我们可以通过3D手势,在主屏幕上的应用Icon处,直接进入应用的响应功能模块。这个功能就例如我们上面的日历示例,会在Icon旁边出现一个菜单,点击菜单我们可以进入相应的功能单元。

我个人理解,这个功能,push消息功能加上iOS8推出的扩展today功能,这三个机制使iOS应用变得无比灵活方便,用户可以不需付出寻找的时间成本来快速使用自己需要的功能。

第二部分是对app的一个优化,用户可以通过3D Touch手势在view上来预览一些预加载信息,这样的设计可以使app更加简洁大方,交互性也更强。

在我们的app中使用3D Touch功能,主要分为以下三个模块:

1、Home Screen Quick Actions

通过主屏幕的应用Icon,我们可以用3D Touch呼出一个菜单,进行快速定位应用功能模块相关功能的开发。如上面的日历。

2、peek and pop

这个功能是一套全新的用户交互机制,在使用3D Touch时,ViewController中会有如下三个交互阶段:

3.Force Properties

iOS9为我们提供了一个新的交互参数:力度。我们可以检测某一交互的力度值,来做相应的交互处理。例如,我们可以通过力度来控制快进的快慢,音量增加的快慢等。

二、程序实现

静态添加

在info.plist中添加UIApplicationShortcutItems关键字,以如下方式配置即可

其中各个关键字释义如下:

UIApplicationShortcutItemType: 快捷可选项的特定字符串(必填)
UIApplicationShortcutItemTitle: 快捷可选项的标题(必填)
UIApplicationShortcutItemSubtitle: 快捷可选项的子标题(可选)
UIApplicationShortcutItemIconType: 快捷可选项的图标(可选)
UIApplicationShortcutItemIconFile: 快捷可选项的自定义图标(可选)
UIApplicationShortcutItemUserInfo: 快捷可选项的附加信息(可选)

动态添加

UIApplicationShortcutItem

每一个快捷可选项是一个UIApplicationShortcutItem对象,其指定初始化器(NS_DESIGNATED_INITIALIZER)如下

- (instancetype)initWithType:(NSString *)type localizedTitle:(NSString *)localizedTitle localizedSubtitle:(nullable NSString *)localizedSubtitle icon:(nullable UIApplicationShortcutIcon *)icon userInfo:(nullable NSDictionary *)userInfo;

其中各个参数释义如下:

type: 快捷可选项的特定字符串(必填)
localizedTitle: 快捷可选项的标题(必填)
localizedSubtitle: 快捷可选项的子标题(可选)
icon: 快捷可选项的图标(可选)
userInfo: 快捷可选项的附加信息(可选)

UIApplicationShortcutIcon

每一个快捷可选项图标为一个UIApplicationShortcutIcon对象,我们可以使用系统提供的多个图标,也可以自定义我们自己的图标

// 使用系统提供的图标
+ (instancetype)iconWithType:(UIApplicationShortcutIconType)type;// 自定义图标
+ (instancetype)iconWithTemplateImageName:(NSString *)templateImageName;

注: 自定义图标需要使用镂空图标,同时建议1倍图标大小为35*35

示例
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// 以"动态添加四个快捷可选项"为例
UIApplicationShortcutIcon *searchShortcutIcon = [UIApplicationShortcutIcon iconWithType:UIApplicationShortcutIconTypeSearch];
UIApplicationShortcutItem *searchShortcutItem = [[UIApplicationShortcutItem alloc] initWithType:@"com.liupeng.search" localizedTitle:@"Search" localizedSubtitle:@"Search Subtitle" icon:searchShortcutIcon userInfo:nil];
UIApplicationShortcutIcon *playShortcutIcon = [UIApplicationShortcutIcon iconWithType:UIApplicationShortcutIconTypePlay];
UIApplicationShortcutItem *playShortcutItem = [[UIApplicationShortcutItem alloc] initWithType:@"com.liupeng.play" localizedTitle:@"Play" localizedSubtitle:@"Play Subtitle" icon:playShortcutIcon userInfo:nil];
UIApplicationShortcutIcon *qrShortcutIcon = [UIApplicationShortcutIcon iconWithTemplateImageName:@"shortcut_QR"];
UIApplicationShortcutItem *qrShortcutItem = [[UIApplicationShortcutItem alloc] initWithType:@"com.liupeng.qr" localizedTitle:@"QR" localizedSubtitle:@"QR Subtitle" icon:qrShortcutIcon userInfo:nil];
UIApplicationShortcutIcon *payShortcutIcon = [UIApplicationShortcutIcon iconWithTemplateImageName:@"shortcut_pay"];
UIApplicationShortcutItem *payShortcutItem = [[UIApplicationShortcutItem alloc] initWithType:@"com.liupeng.pay" localizedTitle:@"Pay" localizedSubtitle:@"Pay Subtitle" icon:payShortcutIcon userInfo:nil];
[UIApplication sharedApplication].shortcutItems = @[searchShortcutItem, playShortcutItem, qrShortcutItem, payShortcutItem];

触发回调

当用户通过点击快捷可选项进入应用程序会回调如下方法,我们可以在这里通过快捷可选项的type来加以区分,以便进行不同的操作

1
2
3
4
5
6
7
8
9
10
11
12
- (void)application:(UIApplication *)application performActionForShortcutItem:(UIApplicationShortcutItem *)shortcutItem completionHandler:(void (^)(BOOL))completionHandler
{
if ([shortcutItem.type isEqualToString:@"com.liupeng.search"])
{
// do something ...
}
else if ([shortcutItem.type isEqualToString:@"com.liupeng.play"])
{
// do something ...
}
// ...
}

注意

在动态添加快捷可选项前,需要用判断是否支持3D Touch功能,以免在不支持的设备上运行程序导致闪退

1
2
3
4
5
6
7
8
9
10
11
12
13
14
if ([self respondsToSelector:@selector(traitCollection)])
{
if ([self.traitCollection respondsToSelector:@selector(forceTouchCapability)])
{
if (self.traitCollection.forceTouchCapability == UIForceTouchCapabilityAvailable)
{
// 支持3D Touch
}
else
{
// 不支持3D Touch
}
}
}

注: 在支持3D Touch的设备上,用户可以在程序运行期间通过设置 -> 通用 -> 辅助功能 -> 3D Touch来关闭3D Touch功能,所以我们有必要通过重写-traitCollectionDidChange:方法随时处理

Peek & Pop

概述

Peek和Pop是应用内的一种全新交互模式,当用户不断增加力量在控件上按压,会依次进入四个阶段。

三、运行效果

1,最初cell样式:

2,轻按控件,除触发Peek的控件外,其他区域全部虚化

3,继续用力Peek被触发,展示Pop界面快照

4,向上滑动展示快捷选项

5,继续用力跳转进入Pop界面

我的项目中还加入了触摸屏幕的力度 会实时的显示在屏幕上

代码下载:http://www.demodashi.com/demo/11003.html

注:本文著作权归作者,由demo大师发表,拒绝转载,转载需要作者授权

iOS 3DTouch相关推荐

  1. android listview仿ios 3dTouch效果

    最近项目上要求在listview上实现类似ios 3dTouch功能,现在网上搜索一番,发现该文章很好的实现了这个功能,于是在这文章的基础上我自己做了一个改进.效果如图所示:     实现思路: 1. ...

  2. android listview仿iphone通讯录ios 3dTouch

    接上篇android listview仿ios 3dTouch效果,对代码进行整合进类似ios通讯录里面,效果图如下:     . 效果如上,在上篇的内容后面跳出电话信息. popmenu布局文件代码 ...

  3. iOS 3DTouch 开发

    看了网上很多贴,但是感觉对于有些人来说太过婉转了,所以我就来个简单粗暴的 1,设置静态标签 首先要在info.plist 里面添加键值 UIApplicationShortcutItemType  这 ...

  4. iOS 3DTouch 功能

    文章目录 概述 3DTouch开发 主屏交互 回调事件 Peek & Pop 使用步骤 概述 在6s之后,我们可以使用3DTouch功能,我们对应用(线上)做按压操作,通常会出现下面样式,这就 ...

  5. iOS 3DTouch的小细节

    在App启动后,添加3DTouch的快捷入口,代码如下: NSMutableArray *arrShortcutItem = (NSMutableArray *)[UIApplication shar ...

  6. iOS - 3DTouch 3D 触摸

    1.3DTouch 简介 3DTouch 是 iOS9 + 系统下,在 iPhone6s(iPhone6s Plus)+ 手机上才能够使用的功能. 1.1 3DTouch 基本类型 1.主屏幕快速选项 ...

  7. ios 3DTouch初识

    本来想抒发一下情感的,奈何没有那么多的文采,上代码吧 首先出现着这样的效果有两种设置方式①plist文件设置②代码 先看plist文件设置吧 下面是各个标签类型的说明,plist文件里还没提供UIAp ...

  8. iOS 3DTouch 代码实现

    - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launc ...

  9. iOS 9之3D Touch

    金田 北京时间9月10日凌晨, Apple在美国旧金山比尔格拉汉姆公民大礼堂(Bill Graham Civic Auditorium)召开新品发布会.本次着重介绍了3D Touch功能, 大体介绍一 ...

最新文章

  1. [最近公共祖先(LCA)]
  2. NLP神器—Gensim
  3. Java根据日期计算时间差
  4. #UnityTips# 2017.11.14
  5. form和ajax同时提交吗,form表单提交与ajax消息传递
  6. android person类_es5 类与es6中class的区别小结_javascript技巧
  7. 5.3.6 原子操作对非原子的操作排序
  8. 【编程语言】正则表达式快速上手
  9. android markdown 框架,Android Studio MarkDown风格README的正确打开姿势
  10. ORB-SLAM2双目开源框架 (4) LoopClosing解析
  11. LBP特征详细原理-python代码复现
  12. 视频接口的种类及数据类型
  13. 航芯技术分享 | BMS专题之BMS基础功能模块概述
  14. 大数据毕设选题 - 深度学习植物识别系统(cnn opencv python)
  15. Brotli压缩算法
  16. 15 款精致mac应用
  17. 今日分享一些好看的壁纸,有没有你喜欢的
  18. 关于mysql本地计算机上的MySQL服务启动后停止。某些服务在未由其他服务或程序使用时将自动停止问题
  19. 知云文献翻译安装及使用教程
  20. python实现PCA

热门文章

  1. STM32基础定时器详解
  2. python爬取qq音乐评论_教你用Python爬去QQ音乐评论
  3. 16位和32位微处理器(3)——Pentium的先进技术
  4. ARM开发步步深入之NandFlash 4KB突围
  5. bezier曲线_套娃成神:贝塞尔曲线
  6. 【重难点】【Java基础 06】浅克隆与深克隆、Object类的常用方法、util包下的接口
  7. RocketMQ知识点整理
  8. spring学习-ApplicationContext-spring上下文深入理解
  9. [openjudge6043]哆啦A梦的时光机
  10. Web前端的学习路线,你真的知道吗?