在iOS9中使用3D Touch

iOS9提供了四类API（ Home Screen Quick Action 、 UIKit Peek & Pop 、 WebView Peek & Pop 和 UITouch Force Properties ）用于操作3D Touch。不过无论使用哪一种API，首先需要做的事情是检查3D Touch是否可用。

检测是否支持3D Touch

在iOS9中提供如下的接口用于检查设备是否支持3D Touch：

@property(nonatomic, readonly) UIForceTouchCapability forceTouchCapability;

其中 UIForceTouchCapability 是一个枚举类型，具体的描述情况如下：

  • UIForceTouchCapability

    • UIForceTouchCapabilityUnknown //3D Touch检测失败
    • UIForceTouchCapabilityUnavailable //3D Touch不可用
    • UIForceTouchCapabilityAvailable //3D Touch可用

这3个枚举值就是我们来判断设备是否开启3D Touch功能，可以在UIViewController生命周期的viewWillAppear中做如下判断：

if (self.traitCollection.forceTouchCapability == UIForceTouchCapabilityAvailable) {
  //do something
}

当然在生命周期内，如果用户有意修改了设备的3D Touch功能，我们还有一个地方来重新检测：

- (void)traitCollectionDidChange:(UITraitCollection *)previousTraitCollection {
  //do something
}

Home Screen Quick Action

创建Quick Action有两种方式：静态和动态

①以静态方式创建

静态创建的方式是在Info.plist文件中进行声明的

<key>UIApplicationShortcutItems</key>
<array>
 <dict>
        <key>UIApplicationShortcutItemIconType</key>
        <string>UIApplicationShortcutIconTypeShare</string>
        <key>UIApplicationShortcutItemTitle</key>
        <string>分享</string>
        <key>UIApplicationShortcutItemType</key>
        <string>UITouchText.share</string>
        <key>UIApplicationShortcutItemUserInfo</key>
        <dict>
            <key>key1</key>
            <string>value1</string>
        </dict>
    </dict>
  <dict>
      <key>UIApplicationShortcutItemType</key>
      <string>com.devzeng.about</string>
      <key>UIApplicationShortcutItemTitle</key>
      <string>关于我们</string>
      <key>UIApplicationShortcutItemSubtitle</key>
      <string>这是关于我们</string>
      <key>UIApplicationShortcutItemIconFile</key>
      <string>icon_about.png</string>
      <key>UIApplicationShortcutItemUserInfo</key>
      <dict>
          <key>scheme</key>
          <string>devzeng://about</string>
      </dict>
  </dict>
</array>

②以动态方式创建

动态创建是在程序初始化的时候用代码动态添加。 UIApplication 对象多了一个支持快捷方式的数组（shortcutItems）, 如果需要增加快捷方式，可以赋值给shortcutItems属性。

在方法中 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions

 UIApplicationShortcutIcon *icon = [UIApplicationShortcutIcon iconWithTemplateImageName:@"1234"];
    UIApplicationShortcutItem *item = [[UIApplicationShortcutItem alloc] initWithType:@"search22"
                                                                       localizedTitle:@"search22"
                                                                    localizedSubtitle:@"0abc"
                                                                                 icon:icon
                                                                             userInfo:nil];
    application.shortcutItems = @[item];

说明：

1)系统限制每个App最多能够显示4个Action Item，其中包括静态方式和动态方式进行创建的；

2)如果静态和动态方式同时使用的时候，给UIApplication的shortcutItems赋值的时候不会覆盖

3)注，定义的图标 是35x35 的单色图标

当app在后台的时候UIApplication提供了一个回调方法,如下

- (void)application:(UIApplication *)application performActionForShortcutItem:(UIApplicationShortcutItem *)shortcutItem
  completionHandler:(void(^)(BOOL succeeded))completionHandler{
    //判断先前我们设置的唯一标识
    if([shortcutItem.type isEqualToString:@"UITouchText.share"]){
        NSArray *arr = @[@"hello 3D Touch"];
        UIActivityViewController *vc = [[UIActivityViewController alloc]initWithActivityItems:arr applicationActivities:nil];
        //设置当前的VC 为rootVC
        [self.window.rootViewController presentViewController:vc animated:YES completion:^{
        }];
    }
    else if ([shortcutItem.type isEqualToString:@"UITouchText.search"])
    {
        UIAlertView *alertView = [[UIAlertView alloc]initWithTitle:@"温馨提示" message:@"好想你" delegate:nil cancelButtonTitle:@"cancel" otherButtonTitles:@"sure", nil];
        [alertView show];
    }
    else if ([shortcutItem.type isEqualToString:@"UITouchText.look"])
    {
        UIActionSheet *sheet = [[UIActionSheet alloc]initWithTitle:@"温馨提示" delegate:nil cancelButtonTitle:@"cancel" destructiveButtonTitle:@"删除" otherButtonTitles:@"更多", nil];
        [sheet showInView:self.window];
    }
    else if ([shortcutItem.type isEqualToString:@"UITouchText.compose"])
    {
        NSLog(@"UITouchText.compose");
    }
}

我们依据这个回调中的shortcutItem的type和userinfo来做出不同的事件处理,而最后的completionHandler在API的说明中我们看到当应用并非在后台，而是直接重新开进程的时候，直接返回No，那么这个时候，我们的回调会放在

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions

UIApplication又给我们一个从launchOptions中获取这个shortcutItem的key(UIApplicationLaunchOptionsShortcutItemKey)

UIApplicationShortcutItem *item = [launchOptions valueForKey:UIApplicationLaunchOptionsShortcutItemKey];
//根据不同的Action响应不同的事件

Peek and Pop（预览和详阅）

如同使用放大镜拉近视角，预览（Peek）内容（照片、视频）让你可以获得更多信息而不需要加载完整内容。

Instagram首先将Peek功能添加到了小图片和视频上。

Peek（预 览）和Pop（详阅）相关的API为UIViewControllerPreviewingDelegate，它通过view来注册。在 Instagram中，我们只将其注册到可以接受到touch事件的controller的view上。当3D touch事件发生时，delegate来检测view中的哪个对象被点击。

如果delegate判断有Peek（预览）动作发生，它仍需要处理两件事情：1. 设置预览动作发生的view的rect；2. 返回展示的viewcontroller。

当3D touch发生时，会传递给你context信息，包含源view和点击发生的point。自定义的delegate需要通过这个point映射到一个view，然后查找到需要预览的数据。

大多数的Instagram功能基于UICollectionView和UITableView实现。这两者在数据和UI间对应方面都有不错的API支持。

- (UIViewController *)previewingContext:(id)previewingContext viewControllerForLocation:(CGPoint)location {
  UICollectionView *collectionView = (UICollectionView *)[previewingContext sourceView];
  NSIndexPath *indexPath = [collectionView indexPathForItemAtPoint:location];

    if (indexPath) {
    IGPostCell *cell = [collectionView cellForItemAtIndexPath:indexPath];
    [previewingContext setSourceRect:cell.frame];

    IGPost *post = self.feedController.posts[indexPath.row];
    IGThumbnailPreviewController *controller = [[IGThumbnailPreviewController alloc] initWithPost:post];
      return controller;
  }

  // no peek
  return nil;
}

将预览相关的API和现有的view和功能结合后，查看Instagram照片和视频变的异常简单

我们为header和comment中的用户名添加了查看信息的功能。用来预览用户信息的delegate和显示照片／视频的实现类似：

  • 使用3D touch点击的location和查找到的index path找到对应的cell。
  • 将点击的point关联转换到cell中的textview上。
  • 通过该point获取到text view中的attributed string的属性。
  • 如果找到了用户名称的属性，则返回IGUserPreviewController。

将这些实现串起来，看起来就像这样：

混合内容展示

Instagram中的activity feed功能包含了用户的tag和缩略图。我们之前分别创建过UIViewControllerPreviewingDelegate的对象，用来显示这两种内容。这里我们需要把这些组合在一起。

拷贝已有代码到新的delegate中的做法并不明智。我们选择使用composition模式来组合profile和post展示的delegate代码，这样创建一个新的对象，只需要传递touch 事件即可。

@interface IGUserThumbnailPreviewingHandler : NSObject
@property (nonatomic, strong) IGUserPreviewingHandler *userDelegate;
@property (nonatomic, strong) IGFeedThumbnailPreviewingHandler *thumbnailDelegate;
@end

- (UIViewController *)previewingContext:(idUIViewControllerPreviewing>)previewingContext viewControllerForLocation:(CGPoint)location {
    id controller = [self.thumbnailDelegate previewingContext:previewingContext viewControllerForLocation:location];
    if (!controller) {
        controller = [self.userDelegate previewingContext:previewingContext viewControllerForLocation:location];
    }
    return controller;
}

用来显示预览的controller只是UIViewController的子类，在某些特别属性上有所不同。

一开始，controller完全无法交互，你无法在上面点击按钮或添加自定义手势。这里我们需要提供遵循UIPreviewActionItem协议的对象组成的数组。在Instagram中，我们只用UIPreviewActions。

这些功能看起来很像UIAlertController的action item。

在整个Instagram程序中，我们只在需要的时候加载数据，并缓存以备以后使用。这样做既节省了网络等待的时间，又不会浪费用户的带宽。

有 时，当预览用户profile时，我们获取的数据还不足以用来显示最新照片或关注者数量。预览用的view controller仍然会调用viewDidLoad, viewWillAppear:和其他UIViewController事件。在其中可以获取网络数据并更新UI。

最后，我们发现可以通过修改controller的preferredContentSize来调整预览视图的大小，即便是controller已经展示了，这样的改变仍可生效。不过，这个属性无法作用于动画中。

参考：http://git.devzeng.com/blog/ios9-3d-touch.html?utm_source=tuicool&utm_medium=referral

http://engineering.instagram.com/posts/465414923641286/lessons-learned-with-3D-touch

http://www.cocoachina.com/ios/20151110/14129.html

时间： 2025-01-08 18:03:02

在iOS9中使用3D Touch的相关文章

iOS9新特性-3D Touch

本文主要讲解3DTouch各种场景下的开发方法,开发主屏幕应用icon上的快捷选项标签(Home Screen Quick Actions),静态设置 UIApplicationShortcutItem ,动态添加.修改UIApplicationShortcutItem,peek和pop的实现. 一.3DTouch开发准备工作(让模拟器也支持 3DTouch 的解决办法) 需要支持3DTouch的设备,如iPhone6s或以上.iOS9或以上.Xcode7或以上,估计很多和我一样的屌丝还没有iP

iOS- 指压即达，如何集成iOS9里的3D Touch

1.前言 随着6S的到来,3DTouch被各大热门APP迅速普及,博主亲自体验后,发现使用便捷性大幅提高,随后自己照着文档,写了个Demo出来,分享给大家,希望能对有需要的朋友提供有一些帮助. 2.如何使用3D Touch? 2.1.主界面重按APP图标,弹出Touch菜单 在AppleDelegate文件中的程序入口处配置: didFinishLaunchingWithOptions //给App图标添加3D Touch菜单 //拍照 //菜单图标 UIApplicationShortcutI

iOS 实现点击在tableview中使用3D Touch

效果图好丑. 测试手机iPhone6s , 也就是使用了新特性 3DTouch. 囧 不知道的以为会有多难. 在开始之前 UIViewControllerPreviewingDelegate // 签订这个协议 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { UITableViewCell *cell = [tableView dequ

5月8日——iOS中的3D Touch效果

需要在manifest.json文件中进行配置 需要执行的js代码为: 本篇文章主要采用了HTML5+  中的 launcher属性 具体可参照 http://www.html5plus.org/doc/zh_cn/runtime.html#plus.runtime.launcher 原文地址:https://www.cnblogs.com/dreamstartplace/p/9042286.html

iOS9系列专题一——3D Touch

新的触摸体验--iOS9的3D Touch 一.引言 在iphone6s问世之后,很多果粉都争先要体验3D Touch给用户带来的额外维度上的交互,这个设计之所以叫做3D Touch,其原理上是增加了一个压力的感触,通过区分轻按和重按来进行不同的用户交互. 二.在模拟器上学习和测试3D Touch 3D Touch是一个很新颖的设计,可是苹果文档有言: With Xcode 7.0 you must develop on a device that supports 3D Touch. Simu

[转]3D Touch

iOS9的3D Touch 一.引言 在iphone6s问世之后,很多果粉都争先要体验3D Touch给用户带来的额外维度上的交互,这个设计之所以叫做3D Touch,其原理上是增加了一个压力的感触,通过区分轻按和重按来进行不同的用户交互. 二.在模拟器上学习和测试3D Touch 3D Touch是一个很新颖的设计,可是苹果文档有言: With Xcode 7.0 you must develop on a device that supports 3D Touch. Simulator in

3d touch 应用 2 -备用

一.引言 在iphone6s问世之后,很多果粉都争先要体验3D Touch给用户带来的额外维度上的交互,这个设计之所以叫做3D Touch,其原理上是增加了一个压力的感触,通过区分轻按和重按来进行不同的用户交互. 二.在模拟器上学习和测试3D Touch 3D Touch 是一个很新颖的设计,可是苹果文档有言: With Xcode 7.0 you must develop on a device that supports 3D Touch. Simulator in Xcode 7.0 do

iOS 3D Touch功能

新的触摸体验--iOS9的3D Touch 一.引言 在iphone6s问世之后,很多果粉都争先要体验3D Touch给用户带来的额外维度上的交互,这个设计之所以叫做3D Touch,其原理上是增加了一个压力的感触,通过区分轻按和重按来进行不同的用户交互. 二.在模拟器上学习和测试3D Touch 3D Touch 是一个很新颖的设计,可是苹果文档有言: With Xcode 7.0 you must develop on a device that supports 3D Touch. Sim

《iOS Human Interface Guidelines》——3D Touch

3D Touch 3D Touch让iOS 9的用户多了一个交互的维度.在支持的设备上,人们可以通过按压主屏幕上的app图标来快速地选择其特有的操作.在app内,人们可以使用多种压力来获取一个内容的预览.在另一个视图打开内容以及获取相关的操作.(查看Adopting 3D Touch on iPhone来学习更多关于在你的代码中支持3D Touch的内容.) Peek 和 Pop Peek让用户可以在不离开当前环境的情况下预览一个内容以及执行相关的操作.元素通过在轻按时显示一个小的矩形视图(有时