3D Touch學習筆記

jopen 8年前發布 | 14K 次閱讀 Objective-C開發

2015年,蘋果發布了iOS9以及iphone6s及iphone6s Plus。其中最吸引大家的就是新的觸控方式3D Touch。臨近年底工作不忙,學習了一下3D Touch的簡單使用,在這兒和大家分享一下。

參考蘋果官方文檔3D Touch APIS

1.Home Screen Quick Actions

主屏幕快速操作,當按壓桌面圖標時,會出現如下圖所示菜單(以QQ為例):


Quick Actions.png

想要實現這種菜單,有靜態和動態兩種設置方法。靜態添加方法就是在info.plist中添加如下字段:


靜態添加.png

可以現實如下效果:


靜態添加實現效果.png

動態添加需要Application在iOS9之后新增的一個屬性:

@property (nullable, nonatomic, copy) NSArray<UIApplicationShortcutItem *> *shortcutItems NS_AVAILABLE_IOS(9_0) __TVOS_PROHIBITED;

然后在項目中添加代碼:

UIApplicationShortcutIcon *icon1 = [UIApplicationShortcutIcon iconWithType:UIApplicationShortcutIconTypePlay];
UIMutableApplicationShortcutItem *item1 = [[UIMutableApplicationShortcutItem alloc] initWithType:@"playItem" localizedTitle:@"play" localizedSubtitle:@"打開" icon:icon1 userInfo:nil];

UIApplicationShortcutIcon *icon2 = [UIApplicationShortcutIcon iconWithType:UIApplicationShortcutIconTypeShare];
UIMutableApplicationShortcutItem *item2 = [[UIMutableApplicationShortcutItem alloc]initWithType:@"shareItem" localizedTitle:@"share" localizedSubtitle:@"分享" icon:icon2 userInfo:nil];

[UIApplication sharedApplication].shortcutItems = @[item1,item2];

效果如下圖所示:


動態添加效果.png

接下來為大家列舉一下UIApplicationShortcutItem每個參數的含義:


UIApplicationShortcutItem.png


通過以上方法,就可以設置符合自己需求的快捷菜單了,不過要注意的是:
動態添加方法需要代碼執行過一次才會被加載,靜態方法比動態方法優先加載。并且最多只能有4個shortcutItems

OK,快捷菜單已經設置完畢,然后為shortcutItem添加回調就可以了:

- (void)application:(UIApplication *)application performActionForShortcutItem:(UIApplicationShortcutItem *)shortcutItem completionHandler:(void (^)(BOOL))completionHandler{

if ([shortcutItem.type isEqualToString:@"playItem"]) {

    FirstViewController *fvc = [[FirstViewController alloc] init];
    [self.window.rootViewController showViewController:fvc sender:nil];

}
if ([shortcutItem.type isEqualToString:@"shareItem"]) {
    SecondViewController *svc = [[SecondViewController alloc] init];
    [self.window.rootViewController showViewController:svc sender:nil];
}
}

2.Peek and Pop

經過授權的應用的試圖控制器可以響應用戶不同的按壓力量,隨著按壓力量的增加,會有三個交互階段:
1.暗示預覽功能可用,會有一個虛化的效果。
2.Peek:展示預覽的視圖以及快捷選項菜單(peek quick action)。
3.Pop:跳轉到預覽的視圖控制器。

首先是檢測設備是否支持3D Touch,可以放在viewWillAppear中:

- (void)viewWillAppear:(BOOL)animated{

[super viewWillAppear:animated];
if(self.traitCollection.forceTouchCapability == UIForceTouchCapabilityAvailable){

    self.isOpen3DTouch = YES;
}
}

為了防止用戶在程序運行過程中修改3D Touch設置,還要添加另一處檢測:

- (void)traitCollectionDidChange:(UITraitCollection *)previousTraitCollection{

if(self.traitCollection.forceTouchCapability == UIForceTouchCapabilityAvailable){

    self.isOpen3DTouch = YES;

}
}

如果設備支持3D Touch,下一步是對需要響應Peek&Pop手勢的視圖進行注冊,我的demo里模擬的是對tableViewCell添加手勢,注冊放在了table:cellForRowAtIndexPath函數里:
[self registerForPreviewingWithDelegate:self sourceView:cell];

然后視圖控制器接受代理<UIViewControllerPreviewingDelegate>

Peek代理方法:返回需要預覽的視圖控制器

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

//通過預覽上下文獲取到當前按壓的視圖,判斷indexPath值
NSIndexPath *indexPath = [self.tableView indexPathForCell:(UITableViewCell *)previewingContext.sourceView];

//通過上下文可以調整不被虛化的范圍
previewingContext.sourceRect = CGRectMake(10, 10, 10, 10);

if (indexPath.row == 0) {
    FirstViewController *FVC = [[FirstViewController alloc]init];
    //可以調整預覽視圖的大小
    FVC.preferredContentSize = CGSizeMake([UIScreen mainScreen].bounds.size.width, 200);
    return FVC;
}
if (indexPath.row == 1) {
    SecondViewController *SVC = [[SecondViewController alloc] init];
    return SVC;
}
if (indexPath.row == 2) {
    ThirdViewController *tvc = [[ThirdViewController alloc] init];
    return tvc;
}
return nil;
}

也可以根據location的位置來判斷按壓的是哪個控件,進而做出響應。

Pop代理方法:相當于push操作

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

[self showViewController:viewControllerToCommit sender:self];
}

在彈出預覽視圖而沒有觸發Pop操作的時候,向上滑動預覽視圖,在視圖下方可以展示一些選項去操作,可以通過在預覽視圖控制器中添加previewActionItems來實現,需要實現以下方法,然后再Block中去實現操作就可以了:

- (NSArray<id<UIPreviewActionItem>> *)previewActionItems
{

// 生成UIPreviewAction
UIPreviewAction *action1 = [UIPreviewAction actionWithTitle:@"Action 1" style:UIPreviewActionStyleDefault handler:^(UIPreviewAction * _Nonnull action, UIViewController * _Nonnull previewViewController) {
    NSLog(@"Action 1 selected");
}];

UIPreviewAction *action2 = [UIPreviewAction actionWithTitle:@"Action 2" style:UIPreviewActionStyleDestructive handler:^(UIPreviewAction * _Nonnull action, UIViewController * _Nonnull previewViewController) {
    NSLog(@"Action 2 selected");
}];

UIPreviewAction *action3 = [UIPreviewAction actionWithTitle:@"Action 3" style:UIPreviewActionStyleSelected handler:^(UIPreviewAction * _Nonnull action, UIViewController * _Nonnull previewViewController) {
    NSLog(@"Action 3 selected");
}];

NSArray *actions = @[action1, action2, action3];

return actions;
}

效果如下圖所示:


previewActionItems.png


也可以把這些item放到一個組中,再把不同的group放到一個數組中就可以了。大家可以根據自己的需求去實現:

UIPreviewActionGroup *group1 = [UIPreviewActionGroup actionGroupWithTitle:@"Action Group" style:UIPreviewActionStyleDefault actions:actions];

這樣3D Touch簡單的使用就基本上實現了,如果以上有什么理解錯誤的地方,歡迎大家交流討論。

來自: http://www.jianshu.com/p/c5b70a65f4b8

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!