3D Touch学习笔记

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简单的使用就基本上实现了,如果以上有什么理解错误的地方,欢迎大家交流讨论。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,233评论 4 360
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,013评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,030评论 0 241
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,827评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,221评论 3 286
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,542评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,814评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,513评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,225评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,497评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,998评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,342评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,986评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,055评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,812评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,560评论 2 271
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,461评论 2 266

推荐阅读更多精彩内容