关于iOS9的新特性3D-Touch

Apple在iphone6s中推出了的新特性:3D-Touch,由于相关的文档还比较少,我在学习中总结了一下可能有用的功能点。

1. 什么是3D-Touch

3D Touch是在已应用在Apple Watch和MacBook的Force Touch轻按、轻点的基础上,新增了重按这一维度的功能。虽然Force Touch和3Dtouch依赖的是同种技术,也都基于苹果的Taptic引擎,但3D Touch多了重按,且触摸屏对压力更加敏感。

一个展示3D-Touch的视频:Take a look at 3D Touch on Apple's new iPhones

简而言之:

(Peek and Pop): 在App中用户可以使用3D-Touch来提前预览App /网页的下级页面 /在地图上预览地址连接

(Home Screen Quick Action): 在Home界面对App进行类似PC端右键菜单的操作

(Pressure Sensitivity): 在绘图有关应用中时通过感知压力更改笔刷的功能

2. 3D-Touch功能点详解

2.1开发环境

开发环境:Xcode7 和iOS9 SDK

限制条件:

Xcode7的模拟器暂时无法支持3dtouch的调试,但今天找到有人提供了可以让我们在模拟器非6s上体验3D-Touch的方法:

模拟器上进行3D-Touch的插件,git地址:https://github.com/DeskConnect/SBShortcutMenuSimulator

非iphone6s上模拟3D-Touch方法:旧iPhone如何体验iPhone6s 3D Touch?

Interface Builder仍无法支持直接的编辑3D-Touch有关的界面

2.2提前预览 Peek and Pop

2.2.1 方法:

Apple为在UIViewController类中增加了UIPreviewAction, UIPreviewActionGroup的类和相关的协议,来帮助完成应用中Peek and Pop的功能。而在UIWebView中也增加了预览网页的相关类。(Safari中已支持预览下级页面的功能)。

UIPreviewAction允许开发者在用户使用3D Touch功能触控一个UI元素的时候,快速地在一个新的预览窗口中显示某些内容,而无需弹出一个完整的Controller。 我尝试在企鹅FM中实现了一下该功能,分为以下几步:

STEP 1: ViewController服从UIViewControllerPreviewingDelegate协议

STEP 2: 实现协议内的Peek和Pop方法

-(UIViewController *)previewingContext:(id)previewingContext viewControllerForLocation:(CGPoint)location{

        UIViewController *childVC = [FMMoreAnchorViewController instantiate];

        //指定感应Touch的位置        

        NSIndexPath *indexPath = [NSIndexPath indexPathForRow:0 inSection:4];

        previewingContext.sourceRect = [self.tableView cellForRowAtIndexPath:indexPath].frame;

        //预览的窗体大小        

        childVC.preferredContentSize = CGSizeMake(0.0, 700);

        return childVC;

}

STEP 3: viewDidLoad中注册

[self registerForPreviewingWithDelegate:self sourceView: self.view];

2.2.4 注意点

1. 预览页面不要有类似Edit Menu和button之类的能操作的组件

2. 适当使用Pop之后的上拉quick action菜单,个人理解是如果当你3D-Touch的区域本身紧密关联着2-4个操作时,可以考虑在上拉quick action菜单中增加这些操作(例如微信把对应某个朋友圈状态中的赞/评论就放入了这个上啦菜单)

3. 不要依赖于Peek and Pop来得到下级页面的信息,因为用户有可能关闭掉3D-Touch功能,或是使用的是不支持3D-Touch的设备,因此还是要本身页面就尽可能提供有用的信息。

2.3 Home页右键菜单效果 Home Screen Quick Action

    当用户使用 3D Touch 按下某个应用的图标时,一个选项列表就会被弹出,允许用户快速跳转至应用的特定部分,或者执行某项应用内的功能。

    Quick Actions菜单最多只能添加四项,有静态和动态两种形态。

2.3.1 静态方法

      静态的Quick Actions需要在程序的info.plist中的UIApplicationShortcutItems中预先定义,在这里系统加上响应的项,只能手动输入进去。在Dictionary中可以加入多个required/optional的属性,例如副标题,标签Icon等,也可以再加入字典用于传值

2.3.2 动态方法

      在UIApplicationShortCutItem.h的文件中可以看到一系列创建标签和获得相关属性的方法,因此动态的Quick Actions可根据程序设定来改变,比如通过后台下发,用户自定义等。

    NSArray *existingShortcutItems = [[UIApplication sharedApplication] shortcutItems];

    UIApplicationShortcutItem *anExistingShortcutItem = [existingShortcutItems objectAtIndex: anIndex];

    NSMutableArray *updatedShortcutItems = [existingShortcutItems mutableCopy];

    UIMutableApplicationShortcutItem *aMutableShortcutItem = [anExistingShortcutItem mutableCopy];

    [aMutableShortcutItem setLocalizedTitle: @“New Item”];

    [updatedShortcutItems replaceObjectAtIndex: anIndex withObject: aMutableShortcutItem];

    [[UIApplication sharedApplication] setShortcutItems: updatedShortcutItems];

//Apple官网例子

当用户选择菜单其中一个项时,会把启动或唤醒App,此时UIKit会调用UIApplicationDelegate中的application:performActionForShortcutItem:completionHandler:来响应标签行为,因此首先要遵从UIApplicationDelegate Protocol的相关方法(2.3.4 注意点5)。

2.3.4 注意点:

系统允许最多四个的快捷操作选项。动态和静态的菜单项可以混合出现在列表中,优先展示静态,再展示动态

当用户是第一次安装或更新了新版本,从未进入该App时的情景下就触发Home页的3D-Touch,菜单中只会出现静态的菜单项和上一个版本的动态项,只有当经过第一次启动后,才会显示最新版本的动态的菜单项。(这里或许可以使用userInfo dictionary中提供版本信息来解决可能出现的问题)

命名应该简洁明了,说明该按键对应的功能。

Quick Action只是快捷帮助访问App中某个功能的辅助途径,但在设计开发App的时候要避免完全依赖它来简化App复杂度的想法。首先,我们应该做的是把App内的各个功能的访问路径间接合理化,再用这个辅助功能来锦上添花。

不要用来作为弹通知的一个途径,这逻辑上不合理且会让用户更加困扰。

在app的入口函数: - (BOOL)application:(UIApplication)application didFinishLaunchingWithOptions:(NSDictionary )launchOptions; 也需要进行一下判断,在launchOptions中有UIApplicationLaunchOptionsShortcutItemKey这样一个键,通过它,我们可以区别是否是从标签进入的app,如果是则处理结束逻辑后,返回NO,防止处理逻辑被反复回调

2.3.5 具体实现流程:

Step 1: didFinishLaunchingWithOptions的逻辑添加

Step 2: PerformActionForShortcutItem: completionHandler逻辑添加

Step 3: 前两步都调用的处理函数

2.4 按压力度Press Sensitivity

由于3Dtouch拓展了Force Touch的功能,因此iOS9 SDK中完善了UITouch Object中Force Touch的属性Force Properties,以支持3D-Touch

3.总结

      总的来说3D-Touch在已发布的App中应用到的场景还不多,Apple的developer文档中的描述也相对简单。但是可以从iphone原配置的一些应用中的应用得到一些启发,在自己开发的App也加入3D-Touch的应用,让用户体验更好~

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,491评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,856评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,745评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,196评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,073评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,112评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,531评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,215评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,485评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,578评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,356评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,215评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,583评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,898评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,497评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,697评论 2 335

推荐阅读更多精彩内容

  • 前言 关于这篇文章 由于iPhone 6S发布不到一年的时间,很多新特性、新技术还未普遍,不管是3D Touch的...
    Tangentw阅读 4,444评论 8 18
  • 前言 关于3D touch苹果官方文档是这么开始介绍的: 大意如下:iOS9开始,所有新的手机都增加了一个三维的用...
    VV木公子阅读 2,190评论 3 39
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,945评论 4 60
  • 2016年夏,苏黎世国际机场,一个瘦瘦的、背着一个小背包的男生进入我视线,原来,他,长这样。之前,我们只在微信群里...
    三天后和两天后阅读 429评论 0 1
  • 、、、 #include stdio int main(void){ 、、、
    dd4c67956f5e阅读 220评论 0 0