iOS系统3DTouch全解析

分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
查看查看115 回复回复2 收藏收藏 分享淘帖 转播转播 分享分享 微信
查看: 115|回复: 2
收起左侧

iOS系统3DTouch全解析

[复制链接]
蚊香酱 发表于 2016-9-14 20:53:37 | 显示全部楼层 |阅读模式
快来登录
获取优质的苹果资讯内容
收藏热门的iOS等技术干货
拷贝下载Swift Demo源代码
订阅梳理好了的知识点专辑
本帖最后由 蚊香酱 于 2016-9-14 20:53 编辑

3DTouch.png

iOS系统3DTouch全解析 - 敏捷大拇指 - 3DTouch.png



# 概述

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

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

1. 在主屏幕上对应用图标使用3DTouch操作
2. 在应用程序内对某一控件使用3DTouch操作

# ShortcutItem
### 概述

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

iOS系统3DTouch全解析

iOS系统3DTouch全解析 - 敏捷大拇指 - iOS系统3DTouch全解析



### 静态添加

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

静态ShortcutItem.png

iOS系统3DTouch全解析 - 敏捷大拇指 - 静态ShortcutItem.png



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

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

### 动态添加
##### UIApplicationShortcutItem

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

```objc
- (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对象,我们可以使用系统提供的多个图标,也可以自定义我们自己的图标

```objc
// 使用系统提供的图标
+ (instancetype)iconWithType:(UIApplicationShortcutIconType)type;

// 自定义图标
+ (instancetype)iconWithTemplateImageName:(NSString *)templateImageName;
```

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

UIApplicationShortcutIconType.png

iOS系统3DTouch全解析 - 敏捷大拇指 - UIApplicationShortcutIconType.png



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

##### 示例

```objc
// 以"动态添加四个快捷可选项"为例
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来加以区分,以便进行不同的操作

```objc
- (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功能,以免在不支持的设备上运行程序导致闪退

```objc
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的控件外,其他区域全部虚化

Peek1.png

iOS系统3DTouch全解析 - 敏捷大拇指 - Peek1.png



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

Peek2.png

iOS系统3DTouch全解析 - 敏捷大拇指 - Peek2.png



- 向上滑动展示快捷选项

Peek3.png

iOS系统3DTouch全解析 - 敏捷大拇指 - Peek3.png



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

Peek4.png

iOS系统3DTouch全解析 - 敏捷大拇指 - Peek4.png



### 使用

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

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

```objc
@interface ViewController () <UIViewControllerPreviewingDelegate>
@end
```

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

```objc
[self registerForPreviewingWithDelegate:self sourceView:label];
```

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

```objc
- (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;
}
```

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

```objc
- (void)previewingContext:(id <UIViewControllerPreviewing>)previewingContext commitViewController:(UIViewController *)viewControllerToCommit
{
   [self.navigationController pushViewController:viewControllerToCommit animated:YES];
}
```

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

```objc
- (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];
}
```



都看到这里了,就把这篇资料推荐给您的好朋友吧,让他们也感受一下。

回帖是一种美德,也是对楼主发帖的尊重和支持。

*声明:敏捷大拇指是全球最大的Swift开发者社区、苹果粉丝家园、智能移动门户,所载内容仅限于传递更多最新信息,并不意味赞同其观点或证实其描述;内容仅供参考,并非绝对正确的建议。本站不对上述信息的真实性、合法性、完整性做出保证;转载请注明来源并加上本站链接,敏捷大拇指将保留所有法律权益。如有疑问或建议,邮件至marketing@swifthumb.com

*联系:微信公众平台:“swifthumb” / 腾讯微博:@swifthumb / 新浪微博:@swifthumb / 官方QQ一群:343549891(满) / 官方QQ二群:245285613 ,需要报上用户名才会被同意进群,请先注册敏捷大拇指

嗯,不错!期待更多好内容,支持一把:
支持敏捷大拇指,用支付宝支付10.24元 支持敏捷大拇指,用微信支付10.24元

评分

参与人数 1金钱 +10 贡献 +10 专家分 +10 收起 理由
Anewczs + 10 + 10 + 10 32个赞!专家给力!

查看全部评分

baddy 发表于 2016-9-15 18:27:50 | 显示全部楼层
必须卖支持3D Touch的硬件吧?
 楼主| 蚊香酱 发表于 2016-9-15 22:20:37 | 显示全部楼层
baddy 发表于 2016-9-15 18:27
必须卖支持3D Touch的硬件吧?

是的,从6S开始
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

做任务,领红包。
我要发帖

分享扩散

都看到这里了,就把这资料推荐给您的好朋友吧,让他们也感受一下。
您的每一位朋友访问此永久链接后,您都将获得相应的金钱积分奖励
热门推荐

合作伙伴

Swift小苹果

  • 北京治世天下科技有限公司
  • ©2014-2016 敏捷大拇指
  • 京ICP备14029482号
  • Powered by Discuz! X3.1 Licensed
  • swifthumb Wechat Code
  •   
快速回复 返回顶部 返回列表