文档章节

iOS系统3DTouch全解析

秦无炎
 秦无炎
发布于 2016/11/14 17:12
字数 1275
阅读 13
收藏 0

1598380-ce64d85392fec90b.png

概述

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

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

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

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

ShortcutItem

概述

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

1598380-639f29ad93955e85.png.jpeg

静态添加

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

1598380-5e81589b26316d66.png.jpeg

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

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;

系统提供的图标样式如下:

1598380-d71a9a3119791ecc.png.jpeg

注: 自定义图标需要使用镂空图标,同时建议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是应用内的一种全新交互模式,当用户不断增加力量在控件上按压,会依次进入四个阶段

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

1598380-99232e7e6d3c1571.png

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

1598380-2928eafae42b95a6.png

  • 向上滑动展示快捷选项

1598380-694cb915011c2d76.png

  • 继续用力跳转进入Pop界面

1479086880697130.png

使用

以"从ViewController中的UILabel控件通过Peek & Pop进入DetailViewController"为例,对Peek & Pop的使用进行一下讲解

  • 需要实现Peek & Pop交互的控件所在的控制器遵守UIViewControllerPreviewingDelegate协议

1

2

@interface ViewController () <uiviewcontrollerpreviewingdelegate>

@end</uiviewcontrollerpreviewingdelegate>

  • 在控制器内为需要实现Peek & Pop交互的控件注册Peek & Pop功能

1

[self registerForPreviewingWithDelegate:self sourceView:label];

  • 当进入Peek状态时,系统会回调如下方法

1

2

3

4

5

6

7

8

9

10

11

12

- (nullable UIViewController *)previewingContext:(id <uiviewcontrollerpreviewing>)previewingContext viewControllerForLocation:(CGPoint)location

{

   // previewingContext.sourceView: 触发Peek & Pop操作的视图

   // previewingContext.sourceRect: 设置触发操作的视图的不被虚化的区域

 

   DetailViewController *detailVC = [[DetailViewController alloc] init];

 

   // 预览区域大小(可不设置)

   detailVC.preferredContentSize = CGSizeMake(0, 300);

 

   return detailVC;

}</uiviewcontrollerpreviewing>

  • 当进入Pop状态时,系统会回调如下方法

1

2

3

4

- (void)previewingContext:(id <uiviewcontrollerpreviewing>)previewingContext commitViewController:(UIViewController *)viewControllerToCommit

{

   [self.navigationController pushViewController:viewControllerToCommit animated:YES];

}</uiviewcontrollerpreviewing>

  • 在Peek时希望提供一些快捷选项,需要在DetailViewController中重写previewActionItems的getter方法

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

- (NSArray<id<uipreviewactionitem>> *)previewActionItems

{

   UIPreviewAction *action1 = [UIPreviewAction actionWithTitle:@"选项一" style:UIPreviewActionStyleDefault handler:^(UIPreviewAction * _Nonnull action, UIViewController * _Nonnull previewViewController) {

 

   }];

 

   UIPreviewAction *action2 = [UIPreviewAction actionWithTitle:@"选项二" style:UIPreviewActionStyleSelected handler:^(UIPreviewAction * _Nonnull action, UIViewController * _Nonnull previewViewController) {

 

   }];

 

   UIPreviewAction *action3 = [UIPreviewAction actionWithTitle:@"选项三" style:UIPreviewActionStyleDestructive handler:^(UIPreviewAction * _Nonnull action, UIViewController * _Nonnull previewViewController) {

 

   }];

 

   UIPreviewActionGroup *actionGroup = [UIPreviewActionGroup actionGroupWithTitle:@"选项组" style:UIPreviewActionStyleDefault actions:@[action1, action2]];

 

   return @[action1, action2, action3, actionGroup];

}</id<uipreviewactionitem>

 

 

 

 

    原文:http://www.cocoachina.com/ios/20161114/18071.html

 

 

 

 

本文转载自:

共有 人打赏支持
秦无炎
粉丝 4
博文 125
码字总数 6363
作品 0
朝阳
程序员
私信 提问
Unity iOS 3DTouch 接入

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/tj134679258/article/details/78935244 Unity发展速度真的很快,想起去年策划让我接3DTouch我还需要自己写OC的...

滕云麒麟
2017/12/29
0
0
Android-3DTouch - Android 平台的 3D Touch

Android-3DTouch-PeekView,简单而强大的库,可在 Android 平台上模拟 iOS 的 3D Touch 预览功能。具有简单的 API,且在任何 APP 中都能够快速且简单地实现。...

局长
2016/11/13
30
0
【iOS Framework】新特性3DTouch

1、按压图标 弹出菜单 像上图那样,按压图标 弹出菜单。这是应用最多的场景。那么如何实现呢?有两种方法: 静态的: 在info.plist添加如下键值对,每一个Item代表一个标签按钮,你可以添加标...

魔笛GNR
2016/07/21
0
0
iOS 11 正式发布!界面精简,功能更强大

在今天凌晨的WWDC2017大会上,苹果正式发布了iOS 11操作系统。整体而言,iOS 11的功能更加强大,而且此前一些令人头疼不已的交互逻辑也得到了改善。 首先来看锁屏和通知中心,苹果这次把锁屏...

达尔文
2017/06/06
7.4K
39
WKWebView 中的 IOS 10 链接预览 API

多种触摸手势一直是iPhone使用体验必不可少的一部分,然而双指捏合和点击技术已成为历史。去年,iPhone 6S引入了一项全新的3D Touch多点触摸体验。支持3D Touch的显示器能够感知到用户触摸屏...

oschina
2016/10/25
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

CentOS7 yum 安装git

CentOS7 yum 安装git 1.查看系统是否已经安装git 1 git --version 2.CentOS7 yum 安装git 1 yum install -y git 3.安装成功 4.卸载git 1 yum remove git  ...

linjin200
36分钟前
1
0
vue页面闪现源码的处理方法

1.添加样式 <style type="text/css"> [v-cloak] { display: none; } </style> 2.在app id上添加v-cloak指令 <div class="wrapper wrapper-content " id="app" v-cloak>......

qiang123
40分钟前
2
0
Hyperledger Fabric 实战(十二): Fabric 源码本地调试

借助开发网络调试 fabric 源码本地调试 准备工作 IDE Goland Go 1.9.7 fabric-samples 模块 chaincode-docker-devmode fabric 源码 步骤 添加本地域名 127.0.0.1 peer 127.0.0.1 orderer 用 ...

Jonluo
41分钟前
1
0
自然语言处理hanlp的入门基础

此文整理的基础是建立在hanlp较早版本的基础上的,虽然hanlp的最新1.7版本已经发布,但对于入门来说差别不大!分享一篇比较早的“旧文”给需要的朋友! 安装HanLP HanLP将数据与程序分离,给...

左手的倒影
43分钟前
1
0
KaliLinuxNetHunter教程实施刷机解锁Bootloader

KaliLinuxNetHunter教程实施刷机解锁Bootloader 当用户将前面的工作都准备完成后,即可开始刷机。其中,整个刷机过程分为三个步骤,分别是解锁Bootloader、刷入第三方Recovery和实施刷机。为...

大学霸
44分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部