iOS9 之3DTouch 入门

最新推荐文章于 2024-09-22 20:19:10 发布

熊猫and猫熊

最新推荐文章于 2024-09-22 20:19:10 发布

阅读量462

点赞数 1

分类专栏： ios 文章标签： ios iphone6 3D-Touch peek pop

ios 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

在iphone6s问世之后，很多果粉都争先要体验3D Touch给用户带来的额外维度上的交互，这个设计之所以叫做3D Touch，其原理上是增加了一个压力的感触，通过区分轻按和重按来进行不同的用户交互。

3D Touch 的三大模块

1. Home Screen Quick Action

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

iOS9为我们提供了两种屏幕标签，分别是静态标签和动态标签。

1、静态标签

静态标签是我们在项目的配置plist文件中配置的标签，在用户安装程序后就可以使用，并且排序会在动态标签的前面。

我们先来看静态标签的配置：

首先，在info.plist文件中添加如下键值（我在测试的时候，系统并没有提示，只能手打上去）：

先添加了一个UIApplicationShortcutItems的数组，这个数组中添加的元素就是对应的静态标签，在每个标签中我们需要添加一些设置的键值：

必填项（下面两个键值是必须设置的）：

UIApplicationShortcutItemType 这个键值设置一个快捷通道类型的字符串 
UIApplicationShortcutItemTitle 这个键值设置标签的标题

选填项（下面这些键值不是必须设置的）：

UIApplicationShortcutItemSubtitle 设置标签的副标题
UIApplicationShortcutItemIconType 设置标签Icon类型
UIApplicationShortcutItemIconFile  设置标签的Icon文件
UIApplicationShortcutItemUserInfo 设置信息字典(用于传值)

2、动态标签

@interface UIApplicationShortcutItem : NSObject <NSCopying, NSMutableCopying>
//下面是两个初始化方法 通过设置type，title等属性来创建一个标签，这里的icon是UIApplicationShortcutIcon对象，我们后面再说
- (instancetype)initWithType:(NSString *)type localizedTitle:(NSString *)localizedTitle localizedSubtitle:(nullable NSString *)localizedSubtitle icon:(nullable UIApplicationShortcutIcon *)icon userInfo:(nullable NSDictionary *)userInfo NS_DESIGNATED_INITIALIZER;
- (instancetype)initWithType:(NSString *)type localizedTitle:(NSString *)localizedTitle;
//下面这是一些只读的属性，获取相应的属性值
@property (nonatomic, copy, readonly) NSString *type;
@property (nonatomic, copy, readonly) NSString *localizedTitle;
@property (nullable, nonatomic, copy, readonly) NSString *localizedSubtitle;
@property (nullable, nonatomic, copy, readonly) UIApplicationShortcutIcon *icon;
@property (nullable, nonatomic, copy, readonly) NSDictionary<NSString *, id <NSSecureCoding>> *userInfo;

//这个类继承于 UIApplicationShortcutItem，创建的标签可变
@interface UIMutableApplicationShortcutItem : UIApplicationShortcutItem
@property (nonatomic, copy) NSString *type;
@property (nonatomic, copy) NSString *localizedTitle;
@property (nullable, nonatomic, copy) NSString *localizedSubtitle;
@property (nullable, nonatomic, copy) UIApplicationShortcutIcon *icon;
@property (nullable, nonatomic, copy) NSDictionary<NSString *, id <NSSecureCoding>> *userInfo;

@end

//这个类创建标签中的icon
@interface UIApplicationShortcutIcon : NSObject <NSCopying>
//创建系统风格的icon
+ (instancetype)iconWithType:(UIApplicationShortcutIconType)type;
//创建自定义的图片icon
+ (instancetype)iconWithTemplateImageName:(NSString *)templateImageName;
@end

动态标签是我们在程序中，通过代码添加的，与之相关的类，主要有三个：

  UIApplicationShortcutItem 创建3DTouch标签的类
  UIMutableApplicationShortcutItem 创建可变的3DTouch标签的类
  UIApplicationShortcutIcon 创建标签中图片Icon的类

 UIApplicationShortcutIcon *firstItemIcon = [UIApplicationShortcutIcon iconWithType:UIApplicationShortcutIconTypeMessage];
        UIMutableApplicationShortcutItem *firstItem = [[UIMutableApplicationShortcutItem alloc]initWithType:@"One" localizedTitle:@"One" localizedSubtitle:@"I" icon:firstItemIcon userInfo:nil];

        UIApplicationShortcutIcon *secondItemIcon = [UIApplicationShortcutIcon iconWithType:UIApplicationShortcutIconTypeLove];
        UIMutableApplicationShortcutItem *secondItem = [[UIMutableApplicationShortcutItem alloc]initWithType:@"Two" localizedTitle:@"Two" localizedSubtitle:nil icon:secondItemIcon userInfo:nil];

        NSDictionary * dic =[NSDictionary dictionaryWithObjectsAndKeys:@"http://wwww.baidu.com",@"key", nil];
        UIApplicationShortcutIcon *threeItemIcon = [UIApplicationShortcutIcon iconWithType:UIApplicationShortcutIconTypeMail];
        UIMutableApplicationShortcutItem *threeItem = [[UIMutableApplicationShortcutItem alloc]initWithType:@"Three" localizedTitle:@"Three" localizedSubtitle:@"Y" icon:threeItemIcon userInfo:dic];
        //将其添加如application的hortcutItems数组中即可
        application.shortcutItems = @[firstItem,secondItem,threeItem];

类似推送，当我们点击标签进入应用程序时，也可以进行一些操作，我们可以看到，在applocation中增加了这样一个方法：

- (void)application:(UIApplication *)application performActionForShortcutItem:(UIApplicationShortcutItem *)shortcutItem completionHandler:(void(^)(BOOL succeeded))completionHandler NS_AVAILABLE_IOS(9_0);

当我们通过标签进入app时，就会在appdelegate中调用这样一个回调，我们可以获取shortcutItem的信息进行相关逻辑操作。

这里有一点需要注意：我们在app的入口函数：

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

也需要进行一下判断，在launchOptions中有UIApplicationLaunchOptionsShortcutItemKey这样一个键，通过它，我们可以区别是否是从标签进入的app，如果是则处理结束逻辑后，返回NO，防止处理逻辑被反复回调。

几点注意：

1、快捷标签最多可以创建四个，包括静态的和动态的。

2、每个标签的题目和icon最多两行，多出的会用…省略

2. peek and pop

    （1）提示用户这里有3D Touch的交互，会使交互控件周围模糊

这里写图片描述

    （2）继续深按，会出现预览视图

这里写图片描述
（3）通过视图上的交互控件进行进一步交互

这里写图片描述

这个模块的设计可以在网址连接上进行网页的预览交互

//遵守协议 UIViewControllerPreviewingDelegate  
//实现下面的协议方法

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

    //peek出的内容
    TwoViewController * two= [[TwoViewController alloc]init];
    two.preferredContentSize = CGSizeMake(0.0f, 300.0f);

    CGRect rect = CGRectMake(10, location.y - 10, self.view.frame.size.width - 20, 20);
    previewingContext.sourceRect = rect;


    return two;
}

-(void)previewingContext:(id<UIViewControllerPreviewing>)previewingContext commitViewController:(UIViewController *)viewControllerToCommit {
    [self showViewController:viewControllerToCommit sender:self];
}


-(void)traitCollectionDidChange:(UITraitCollection *)previousTraitCollection {
    [super traitCollectionDidChange:previousTraitCollection];

   //simply checks to see if the device is iOS 9.0 or greater.
    if (previousTraitCollection.forceTouchCapability == UIForceTouchCapabilityAvailable) {

        // Register for 3D Touch Peek and Pop
        [self registerForPreviewingWithDelegate:self sourceView:self.view];
    }

}