3DTouch学习与总结

大年初一,在家无事
甚是无聊,撰文一篇


自苹果在2015年发布3DTouch功能以来
iPhone 6s之后的机型全都匹配了3DTouch功能
说来惭愧
还没自己写过3DTouch相关的代码
于是研究了一波

我的研究大概包括以下三个方面:
  • 在应用icon上呼出3DTouch菜单
  • 在程序内部的Peek和Pop
  • Widget开发

一: 在应用icon上呼出3DTouch菜单

微信的效果图

搞出这种效果有两种方式:

  • 在plist里面添加字段
  • 在didFinishLaunchingWithOptions中用代码添加

第1种方式 : 在plist里面添加字段:

屏幕快照 2018-02-16 下午9.24.56.png

UIApplicationShortcutItemTitle : 必有用作按钮的标题
UIApplicationShortcutItemSubtitle : 非必有,用作按钮子标题
UIApplicationShortcutItemType : 必有,根据这个字段来判断点了哪个按钮
UIApplicationShortcutItemIconFile : 非必有, 图片的名字(自定义)
UIApplicationShortcutItemIconType :非必有, 图片的类型(系统提供)
UIApplicationShortcutItemUserInfo : 非必有,设置用户信息,是一个字典类型,可以用来传值

说明 :

少了任意必有项,这个按钮都不显示
UIApplicationShortcutItemIconFile和UIApplicationShortcutItemIconType必有其一
最多创建四个按钮

UIApplicationShortcutItemIconType的类型 :
// Override point for customization after application launch.
    /**
     *
     typedef NS_ENUM(NSInteger, UIApplicationShortcutIconType) {
    UIApplicationShortcutIconTypeCompose,
    UIApplicationShortcutIconTypePlay,
    UIApplicationShortcutIconTypePause,
    UIApplicationShortcutIconTypeAdd,
    UIApplicationShortcutIconTypeLocation,
    UIApplicationShortcutIconTypeSearch,
    UIApplicationShortcutIconTypeShare,
    UIApplicationShortcutIconTypeProhibit       NS_ENUM_AVAILABLE_IOS(9_1),
    UIApplicationShortcutIconTypeContact        NS_ENUM_AVAILABLE_IOS(9_1),
    UIApplicationShortcutIconTypeHome           NS_ENUM_AVAILABLE_IOS(9_1),
    UIApplicationShortcutIconTypeMarkLocation   NS_ENUM_AVAILABLE_IOS(9_1),
    UIApplicationShortcutIconTypeFavorite       NS_ENUM_AVAILABLE_IOS(9_1),
    UIApplicationShortcutIconTypeLove           NS_ENUM_AVAILABLE_IOS(9_1),
    UIApplicationShortcutIconTypeCloud          NS_ENUM_AVAILABLE_IOS(9_1),
    UIApplicationShortcutIconTypeInvitation     NS_ENUM_AVAILABLE_IOS(9_1),
    UIApplicationShortcutIconTypeConfirmation   NS_ENUM_AVAILABLE_IOS(9_1),
    UIApplicationShortcutIconTypeMail           NS_ENUM_AVAILABLE_IOS(9_1),
    UIApplicationShortcutIconTypeMessage        NS_ENUM_AVAILABLE_IOS(9_1),
    UIApplicationShortcutIconTypeDate           NS_ENUM_AVAILABLE_IOS(9_1),
    UIApplicationShortcutIconTypeTime           NS_ENUM_AVAILABLE_IOS(9_1),
    UIApplicationShortcutIconTypeCapturePhoto   NS_ENUM_AVAILABLE_IOS(9_1),
    UIApplicationShortcutIconTypeCaptureVideo   NS_ENUM_AVAILABLE_IOS(9_1),
    UIApplicationShortcutIconTypeTask           NS_ENUM_AVAILABLE_IOS(9_1),
    UIApplicationShortcutIconTypeTaskCompleted  NS_ENUM_AVAILABLE_IOS(9_1),
    UIApplicationShortcutIconTypeAlarm          NS_ENUM_AVAILABLE_IOS(9_1),
    UIApplicationShortcutIconTypeBookmark       NS_ENUM_AVAILABLE_IOS(9_1),
    UIApplicationShortcutIconTypeShuffle        NS_ENUM_AVAILABLE_IOS(9_1),
    UIApplicationShortcutIconTypeAudio          NS_ENUM_AVAILABLE_IOS(9_1),
    UIApplicationShortcutIconTypeUpdate         NS_ENUM_AVAILABLE_IOS(9_1)
} NS_ENUM_AVAILABLE_IOS(9_0) __TVOS_PROHIBITED;
     */

第2种方式 : 在didFinishLaunchingWithOptions中用代码添加

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
        //自定义3DTouch按钮
        UIApplicationShortcutItem *item1 = [[UIApplicationShortcutItem alloc]initWithType:@"4" localizedTitle:@"自定义标题1" localizedSubtitle:@"子标题4" icon:[UIApplicationShortcutIcon iconWithType:UIApplicationShortcutIconTypeMail] userInfo:nil];
        UIApplicationShortcutItem *item2 = [[UIApplicationShortcutItem alloc]initWithType:@"5" localizedTitle:@"自定义标题2" localizedSubtitle:@"子标题5" icon:[UIApplicationShortcutIcon iconWithTemplateImageName:@"icon"] userInfo:nil];
        [UIApplication sharedApplication].shortcutItems = @[item1,item2];
        return YES;
}

item1是用系统提供的图片
item2是用自定义图片
很简单

然后就是按钮的监听:

//点击按钮进入
- (void)application:(UIApplication *)application performActionForShortcutItem:(nonnull UIApplicationShortcutItem *)shortcutItem completionHandler:(nonnull void (^)(BOOL))completionHandler {
        if ([shortcutItem.type isEqualToString:@"1"]) {
            //相应的处理
        }else if ([shortcutItem.type isEqualToString:@"2"]) {
            //相应的处理
        }else {
            //相应的处理
        }
}

二: 在程序内部的Peek和Pop

大多数用在tableView上
先看效果图:


tableView

用力按一下之后

向上划一下

使劲按下去

要实现这个效果
得先在TableViewController里面给cell注册一下

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
        UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"reuseIdentifier" forIndexPath:indexPath];
        cell.textLabel.text = self.dataArray[indexPath.row];
        //想要peek 需要注册一下
        [self registerForPreviewingWithDelegate:self sourceView:cell];
        return cell;
}

然后遵循UIViewControllerPreviewingDelegate协议
实现这个方法
返回peek的的控制器

- (nullable UIViewController *)previewingContext:(id <UIViewControllerPreviewing>)previewingContext viewControllerForLocation:(CGPoint)location {
        //location 是以cell为坐标系的坐标
        //转换成以tableview为坐标系的坐标
        CGPoint point = [self.tableView convertPoint:location fromView:[previewingContext sourceView]];
        //这样就可以取到我点了第几行cell
        NSIndexPath *index = [self.tableView indexPathForRowAtPoint:point];
        return [[WebViewController alloc]init];
}

当再用力按的时候,就把这个控制器pop进来

//pop
//使劲一按 就push
- (void)previewingContext:(id <UIViewControllerPreviewing>)previewingContext commitViewController:(UIViewController *)viewControllerToCommit {
        //viewControllerToCommit 上个方法返回的vc
        [self.navigationController pushViewController:viewControllerToCommit animated:NO];
}

如果想添加操作按钮
需要在将要弹出的控制器添加这个方法 :

- (NSArray<id<UIPreviewActionItem>> *)previewActionItems {
        UIPreviewAction *item1 = [UIPreviewAction actionWithTitle:@"赞" style:UIPreviewActionStyleDefault handler:^(UIPreviewAction * _Nonnull action, UIViewController * _Nonnull previewViewController) {
                NSLog(@"点赞");
        }];
        UIPreviewAction *item2 = [UIPreviewAction actionWithTitle:@"踩" style:UIPreviewActionStyleSelected handler:^(UIPreviewAction * _Nonnull action, UIViewController * _Nonnull previewViewController) {
                NSLog(@"点踩");
        }];
        UIPreviewAction *item3 = [UIPreviewAction actionWithTitle:@"X" style:UIPreviewActionStyleDestructive handler:^(UIPreviewAction * _Nonnull action, UIViewController * _Nonnull previewViewController) {
                NSLog(@"点X");
        }];
//        UIPreviewActionGroup *group = [UIPreviewActionGroup actionGroupWithTitle:@"组" style:UIPreviewActionStyleDefault actions:@[]];
        return @[item1,item2,item3];    
}

还有值得说的一点就是UITouch对象添加了force
是一个记录按压力量的变量
取值是0~6.666
我们可以在touchesMoved里面打印一下

- (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {
        UITouch *t =touches.anyObject;
        NSLog(@"按压力量 - %f",t.force);
}

三: Widget开发

先上效果图 :


我在Widget里面随便添加了一个按钮

创建Widget


image

这个时候,你会看到项目目录里面多了
image

如果习惯纯代码开发,可以删掉storyboard


image

在控制器里随便添加点东西
运行就能看到效果了
如果想让Widget可以展开
就像这样:
image
image

可以添加以下代码:


//改为扩充模式(添加拓展按钮)
- (void)viewWillAppear:(BOOL)animated {
        self.extensionContext.widgetLargestAvailableDisplayMode = NCWidgetDisplayModeExpanded;
}

- (void)widgetActiveDisplayModeDidChange:(NCWidgetDisplayMode)activeDisplayMode withMaximumSize:(CGSize)maxSize{
        if (activeDisplayMode == NCWidgetDisplayModeCompact) {
                self.preferredContentSize = CGSizeMake([UIScreen mainScreen].bounds.size.width, 105);
        }else {
                self.preferredContentSize = CGSizeMake([UIScreen mainScreen].bounds.size.width, 500);
        }
}

- (void)widgetPerformUpdateWithCompletionHandler:(void (^)(NCUpdateResult))completionHandler {
    // Perform any setup necessary in order to update the view.
    
    // If an error is encountered, use NCUpdateResultFailed
    // If there's no update required, use NCUpdateResultNoData
    // If there's an update, use NCUpdateResultNewData

    completionHandler(NCUpdateResultNewData);
}

事件监听:

因为Widget是一个独立的小应用
所以需要添加:


image

主项目里面的AppDelegate:

//在widget进入
- (BOOL)application:(UIApplication *)application openURL:(nonnull NSURL *)url options:(nonnull NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options {
        if ([url.description hasPrefix:@"widgetMain://"]) {
                NSLog(@"%@", url.description);
                //一些操作
        }
        return YES;
}
证书:

首先因为Widget是一个独立的小应用
因此证书也需要另外的一套
Bundle ID:widget的Bundle Id是在主项目的Bundle ID的基础上加的,例
主项目:

com.dx.widgetTestMain

widget:

com.dx.widgetTestMain.widgetTest

widget的App ID创建的时候要配置 App Groups项,例:


配置之前

配置之后

在创建APP ID的时候
勾选App Groups即可


image

创建APP ID之后,需要去创建一个App Groups
image

在项目中还需要配置之前给Widget添加的App Groups
image

如果widget里面要使用主项目里面的类,需要做下面操作:


image

感谢阅读
你的支持是我写作的唯一动力

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

推荐阅读更多精彩内容

  • 自苹果在2015年发布3dtouch功能以来, iPhone 6s之后的机型全都匹配了 3dtouch功能。此功能...
    _铲屎官_阅读 7,321评论 1 18
  • 3DTouch目前在手机上有两种体现方式,一种是用力按下app的图片icon,会弹出选项菜单,就像电脑上的右键。一...
    莦婼姑娘阅读 448评论 2 3
  • 公司之前在新的版本中添加了3DTouch,今天就总结出来方面大家参考和查阅 一、3D Touch 的Quick A...
    zhanming阅读 1,172评论 2 30
  • 一.3DTouch的主要作用: 0.demo地址在最下面 1.Home Screen Quick Actions ...
    哆啦_阅读 2,270评论 6 5
  • 我是黑夜里大雨纷飞的人啊 1 “又到一年六月,有人笑有人哭,有人欢乐有人忧愁,有人惊喜有人失落,有的觉得收获满满有...
    陌忘宇阅读 8,536评论 28 53