3D Touch学习日记

废话不多说,直接上干货!

应用外的3D Touch效果

  • UIApplicationShortcutItems:快捷项对象,即3D Touch的一个相应按钮。
  • UIApplicationShortcutItemType:快捷项的类型,字符串类型,可以用来区分具体操作。
  • UIApplicationShortcutItemTitle :快捷项的主标题,类似于UITableViewCell的title属性。
  • UIApplicationShortcutItemSubtitle:快捷项的子标题,如果设置了会和主标题一同展示,类似于UITableView的subTitle属性。
  • UIApplicationShortcutItemIconType:系统默认提供的快捷项图标。
  • UIApplicationShortcutItemIconFile:使用自己的图标,将图片路径传入即可。注意图片尺寸是35*35。
  • UIApplicationShortcutItemUserInfo:字典类型,包含应用程序的版本信息、程序启动或者更新注意事项。

应用外的3D Touch效果有plist文件代码两种实现方式,下面逐一介绍两种实现方式的具体做法。

  • plist文件:

plist
效果图1
  • 代码:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    // Override point for customization after application launch.
    
    //使用自己的图片,无子标题
    UIApplicationShortcutIcon *firstItemIcon = [UIApplicationShortcutIcon iconWithTemplateImageName:@"Chat"];
    UIMutableApplicationShortcutItem *firstItem = [[UIMutableApplicationShortcutItem alloc]initWithType:@"myFirst" localizedTitle:@"添加" localizedSubtitle:nil icon:firstItemIcon userInfo:nil];
    
    //使用系统提供的图片
    UIApplicationShortcutIcon *secondItemIcon = [UIApplicationShortcutIcon iconWithType:UIApplicationShortcutIconTypeShare];
    UIMutableApplicationShortcutItem *secondItem = [[UIMutableApplicationShortcutItem alloc]initWithType:@"mySecond" localizedTitle:@"分享" localizedSubtitle:@"fenxiang" icon:secondItemIcon userInfo:nil];
    
    application.shortcutItems = @[firstItem,secondItem];
    return YES;
}
效果图2

上面分别陈述了两种应用外3D Touch效果的实现方式,下面介绍几点实现过程中的注意事项:

  • 两种方式是可以结合使用的,plist属于静态配置,代码是属于动态配置。我们再实现时,可以将确定不变的快捷项在plist文件中配置,将不确定的的AppDelegate中用代码实现。
  • 虽然两种方式是可以结合使用的,但是最多只允许添加4个快捷项,先添加plist中配置的。也就是说,plist中配置了4个快捷项,那么代码添加的快捷项是无效的。
  • 配置的快捷项是放在数组中的,快捷项展示也是按照数组顺序由下自上展示的。

响应事件

添加快捷项,在AppDelegate.m文件中实现响应事件,我们可以通过以下的几种方式区分点击的快捷项:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    // Override point for customization after application launch.
    
    UIApplicationShortcutIcon *firstItemIcon = [UIApplicationShortcutIcon iconWithTemplateImageName:@"Chat"];
    UIMutableApplicationShortcutItem *firstItem = [[UIMutableApplicationShortcutItem alloc]initWithType:@"myFirst" localizedTitle:@"添加" localizedSubtitle:@"tianjia" icon:firstItemIcon userInfo:nil];
    
    UIApplicationShortcutIcon *secondItemIcon = [UIApplicationShortcutIcon iconWithType:UIApplicationShortcutIconTypeShare];
    UIMutableApplicationShortcutItem *secondItem = [[UIMutableApplicationShortcutItem alloc]initWithType:@"mySecond" localizedTitle:@"分享" localizedSubtitle:@"fenxiang" icon:secondItemIcon userInfo:nil];
    
    application.shortcutItems = @[firstItem,secondItem];
    return YES;
}
  • 按照类型判断操作
-(void)application:(UIApplication *)application performActionForShortcutItem:(UIApplicationShortcutItem *)shortcutItem completionHandler:(void (^)(BOOL))completionHandler {
   
    if ([shortcutItem.type isEqualToString:@"myFirst"]) {
        NSLog(@"执行添加事件");
    }else if ([shortcutItem.type isEqualToString:@"mySecond"]) {
        NSLog(@"执行分享的操作");
    }
}
  • 按照标题判断操作
-(void)application:(UIApplication *)application performActionForShortcutItem:(UIApplicationShortcutItem *)shortcutItem completionHandler:(void (^)(BOOL))completionHandler {
   
   if ([shortcutItem.localizedTitle isEqualToString:@"添加"]) {
        NSLog(@"执行添加事件");
    }else if ([shortcutItem.localizedTitle isEqualToString:@"分享"]) {
        NSLog(@"执行分享的操作");
    }
}
  • 按照子标题判断操作
-(void)application:(UIApplication *)application performActionForShortcutItem:(UIApplicationShortcutItem *)shortcutItem completionHandler:(void (^)(BOOL))completionHandler {
   
   if ([shortcutItem.localizedSubtitle isEqualToString:@"tianjia"]) {
        NSLog(@"执行添加事件");
    }else if ([shortcutItem.localizedSubtitle isEqualToString:@"fenxiang"]) {
        NSLog(@"执行分享的操作");
    }
}

应用内3D Touch效果

应用内3D Touch分为peek检测、peek和pop三个阶段,每个阶段的按压力度也是逐渐增大的,首先需要遵守UIViewControllerPreviewingDelegate协议,下面对三个阶段分别进行代码实现:

实例代码是我自己封装的一个图片选择器。

  • peek检测
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
    PhotoCollectionCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"PhotoCollectionCell" forIndexPath:indexPath];
    
    // 在资源的集合中获取第一个集合,并获取其中的图片
    PHAsset *asset = self.album[indexPath.item];
    cell.photoImageView.image = [self.photoAPI getImageWithAsset:asset targetSize:_targetSize synchronous:YES completionHandler:nil];
    cell.asset = asset;
    
    if (self.selectedArr.count > 0) {
        cell.selectBtn.selected = [_selectedArr containsObject:cell.asset] ? YES : NO;
    }else {
        cell.selectBtn.selected = NO;
    }
    
    //检测3D Touch的可用性,如果可用,将self设置为代理,按压cell响应3D Touch效果。
    if (self.traitCollection.forceTouchCapability == UIForceTouchCapabilityAvailable) {
        [self registerForPreviewingWithDelegate:self sourceView:cell];
    }
    
    return cell;
}
  • peek
#pragma mark - UIViewControllerPreviewingDelegate
- (UIViewController *)previewingContext:(id<UIViewControllerPreviewing>)previewingContext viewControllerForLocation:(CGPoint)location {
    //坐标转换,将手指按在屏幕上的坐标转换成为collectionView的坐标。
    CGPoint cellLocation = [self.photoCollectionView convertPoint:location fromView:[previewingContext sourceView]];
    
    //根据触摸点获取按压的cell
    NSIndexPath *cellIndex = [self.photoCollectionView indexPathForItemAtPoint:cellLocation];
    PhotoCollectionCell *cell = (PhotoCollectionCell *)[self.photoCollectionView cellForItemAtIndexPath:cellIndex];
    
    //返回一个VC,被peek的控制器
    MXBrowserPhotoController *browser = [[MXBrowserPhotoController alloc] initWithSelectedAssets:@[cell.asset] pageControl:NO];
    return browser;
}
peek

peek预览阶段可以上滑显示更多操作,操作项添加方法在返回的MXBrowserPhotoController.m文件中实现。

- (NSArray<id<UIPreviewActionItem>> *)previewActionItems {
    UIPreviewAction *like = [UIPreviewAction actionWithTitle:@"喜欢" style:UIPreviewActionStyleDefault handler:^(UIPreviewAction * _Nonnull action, UIViewController * _Nonnull previewViewController) {
        NSLog(@"点击了喜欢");
    }];
    
    UIPreviewAction *selec = [UIPreviewAction actionWithTitle:@"选中" style:UIPreviewActionStyleSelected handler:^(UIPreviewAction * _Nonnull action, UIViewController * _Nonnull previewViewController) {
        NSLog(@"点击选中");
    }];
    
    UIPreviewAction *cancle = [UIPreviewAction actionWithTitle:@"取消" style:UIPreviewActionStyleDestructive handler:^(UIPreviewAction * _Nonnull action, UIViewController * _Nonnull previewViewController) {
        NSLog(@"点击取消");
    }];
    return @[like, selec, cancle];
}
peek 操作
  • pop
#pragma mark - UIViewControllerPreviewingDelegate
- (void)previewingContext:(id<UIViewControllerPreviewing>)previewingContext commitViewController:(UIViewController *)viewControllerToCommit {
    //pop阶段展示的VC
    [self presentViewController:viewControllerToCommit animated:YES completion:nil];
}
pop
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,117评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,328评论 1 293
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,839评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,007评论 0 206
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,384评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,629评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,880评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,593评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,313评论 1 243
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,575评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,066评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,392评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,052评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,082评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,844评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,662评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,575评论 2 270

推荐阅读更多精彩内容

  • 前言 关于3D touch苹果官方文档是这么开始介绍的: 大意如下:iOS9开始,所有新的手机都增加了一个三维的用...
    VV木公子阅读 2,152评论 3 39
  • 前言 关于这篇文章 由于iPhone 6S发布不到一年的时间,很多新特性、新技术还未普遍,不管是3D Touch的...
    Tangentw阅读 4,385评论 8 18
  • 3D Touch介绍 从iPhone 6s开始,产品都添加了一项硬件属性,叫做3D touch。作为屏幕的一部分,...
    歪笔书生_阅读 579评论 0 0
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,569评论 25 707
  • 立秋刚过 这雨便赶趟儿地来了 一天之内 三五成群 互相推搡着 打闹着 像是赶集 不待东边唱罢 西边已登场 如同任性...
    云栖处阅读 248评论 0 2