3DTouch入门篇

iPhone6s系列新增了一个很好玩的3DTouch,笔者稍微参照手机信息界面做了下入门的Demo.抛个砖头~

知识点:

1.AppIcon深按弹窗
- plist
- Appdelegate
2.控制器内的Peek和Pop
3.UITouch新增属性

一. AppIcon深按弹窗

首先,3DTouch出现前我们对AppIcon的印象:
- 点击打开应用
- 长按触发应用们的编辑形式
现在,在iPhone6S与6S+的机型上,我们深按它,可以获得一个弹窗,用来快速使用我们应用的某些功能

图1
如果该弹窗是固定不变的,你可以通过plist文件直接配置它.

图2

其中源码如下:

<key>UIApplicationShortcutItems</key>
    <array>
        <dict>
            <key>UIApplicationShortcutItemTitle</key>
            <string>titileShare</string>
            <key>UIApplicationShortcutItemSubtitle</key>
            <string>subTitle</string>
            <key>UIApplicationShortcutItemType</key>
            <string>com.mycompany.myapp.openfavorites</string>
            <key>UIApplicationShortcutItemUserInfo</key>
            <dict>
                <key>xmgkey1</key>
                <string>yfvalue1</string>
            </dict>
            <key>UIApplicationShortcutItemIconType</key>
            <string>UIApplicationShortcutIconTypeShare</string>
        </dict>
        <dict>
            <key>UIApplicationShortcutItemTitle</key>
            <string>qq</string>
            <key>UIApplicationShortcutItemSubtitle</key>
            <string>customQQ</string>
            <key>UIApplicationShortcutItemType</key>
            <string>qqtype</string>
            <key>UIApplicationShortcutItemUserInfo</key>
            <dict>
                <key>xmgkey1</key>
                <string>xmgvalue1</string>
            </dict>
            <key>UIApplicationShortcutItemIconFile</key>
            <string>qq</string>
        </dict>
    </array>

其中常用的key有6个,UIApplicationShortcutItemTitle和UIApplicationShortcutItemType是必须有的

而如果该弹窗是像信息应用那样显示其中动态内容的话,我们可以通过代码实现它

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    // 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;
     */

    UIApplicationShortcutIcon *shortcutIcon = [UIApplicationShortcutIcon iconWithType:UIApplicationShortcutIconTypeShare];
    UIMutableApplicationShortcutItem *mAShortcutItem = [[UIMutableApplicationShortcutItem alloc] initWithType:@"type1"
                                                                                               localizedTitle:@"titile1"
                                                                                            localizedSubtitle:@"localizedSubtitle1"
                                                                                                         icon:shortcutIcon
                                                                                                     userInfo:@{@"userInfo": @"info11"}];
    UIMutableApplicationShortcutItem *mASI = [[UIMutableApplicationShortcutItem alloc] initWithType:@"type2"
                                                                                     localizedTitle:@"title2"
                                                                                  localizedSubtitle:@"localizedSubtitle2"
                                                                                               icon:[UIApplicationShortcutIcon iconWithType:UIApplicationShortcutIconTypeCompose]
                                                                                           userInfo:@{@"icon":@"compose"}];

    // 添加3DTouch元素
    application.shortcutItems =  @[mAShortcutItem, mASI];

    return YES;
}

点击屏幕主页这些弹窗的选项,会触发AppDelegate代理方法

swift:
    optional func application(_ application: UIApplication,
performActionForShortcutItem shortcutItem: UIApplicationShortcutItem,
           completionHandler completionHandler: (Bool) -> Void)
OBJECTIVE-C:
- (void)application:(UIApplication *)application
performActionForShortcutItem:(UIApplicationShortcutItem *)shortcutItem
  completionHandler:(void (^)(BOOL succeeded))completionHandler

  // 以动态OC代码为例

- (void)application:(UIApplication *)application performActionForShortcutItem:(UIApplicationShortcutItem *)shortcutItem completionHandler:(void (^)(BOOL))completionHandler
{
    NSString *tpye = shortcutItem.type;
    if ([tpye isEqualToString:@"type1"]) { // 分享
        // 处理相关逻辑
        NSLog(@"跳页去分享吧");
        UIViewController *vc = application.keyWindow.rootViewController;

        completionHandler(YES);
    }else if ([tpye isEqualToString:@"type2"]) // 编辑
    {
        NSLog(@"编辑");
        completionHandler(YES);
    }else
    {
        NSLog(@"未知");
        completionHandler(NO);
    }
}

二. 控制器内的Peek和Pop

现在在点击某控制器,也可以使用3DTouch相关技术了

图3

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    YFHeroCell *cell = [tableView dequeueReusableCellWithIdentifier:@"heroCell"];
    if (!cell) {
        cell = [[YFHeroCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:@"heroCell"];

        // 判断控制器是否支持3DTouch
        if (self.traitCollection.forceTouchCapability == UIForceTouchCapabilityAvailable) {
            // 注册支持3DTouch的视图:cell,并设置代理
            // @interface ViewController () <UIViewControllerPreviewingDelegate>
            [self registerForPreviewingWithDelegate:self sourceView:cell];
        }
    }


    YFHero *hero = [self.groups[indexPath.section] heros][indexPath.row];
    cell.hero = hero;


    return cell;
}

之后实现代理方法

图5

#pragma mark - UIViewControllerPreviewingDelegate

// 该方法是触发的是轻按,中度按压时候的场景
- (UIViewController *)previewingContext:(id<UIViewControllerPreviewing>)previewingContext viewControllerForLocation:(CGPoint)location
{
    NSLog(@"%s, line = %d, pre = %@, location = %@", __FUNCTION__, __LINE__, previewingContext, NSStringFromCGPoint(location));

    // 拿到sourceView,强转成它原本的类型
    YFHeroCell *cell = (YFHeroCell *)[previewingContext sourceView];
    // 设置预览视图的位置为原来的它自己的位置
    [previewingContext setSourceRect:cell.bounds];


    // 创建出现的视图
    YFDetailController *vc = [[YFDetailController alloc] init];
    vc.preferredContentSize = CGSizeMake(0, 200); // 只能设置高度,宽度是固定的
    vc.view.backgroundColor = [UIColor greenColor];

    // 设置控制器内的信息
    vc.hero = cell.hero;

    return vc;
}

// 弹窗出现后,再继续用力会进行的业务逻辑(modal出整个控制器来)
- (void)previewingContext:(id<UIViewControllerPreviewing>)previewingContext commitViewController:(YFDetailController *)viewControllerToCommit
{

    NSLog(@"%s, line = %d, previewingContext = %@, viewControllerToCommit = %@", __FUNCTION__, __LINE__, previewingContext, viewControllerToCommit);
    viewControllerToCommit.showedBackBtn = YES;

    [self presentViewController:viewControllerToCommit animated:YES completion:nil];
    //[self showViewController:viewControllerToCommit sender:[previewingContext sourceView]];
}

弹窗出现后,向上滑动,会出现类似于actionSheet的控件

图6

图7

在detailVc的实现文件中

// 懒加载创建需要用到的数组
- (NSArray *)preActions
{
    if (!_preActions) {

        UIPreviewAction *action0 = [UIPreviewAction actionWithTitle:@"action0" style:UIPreviewActionStyleDefault handler:^(UIPreviewAction * _Nonnull action, UIViewController * _Nonnull previewViewController) {
            NSLog(@"%s, line = %d, action0 = %@, previewViewController = %@", __FUNCTION__, __LINE__, action, previewViewController);

        }];

        UIPreviewAction *action1 = [UIPreviewAction actionWithTitle:@"action1" style:UIPreviewActionStyleDestructive handler:^(UIPreviewAction * _Nonnull action, UIViewController * _Nonnull previewViewController) {
            NSLog(@"%s, line = %d, action1 = %@, previewViewController = %@", __FUNCTION__, __LINE__, action, previewViewController);
        }];

        UIPreviewAction *action2 = [UIPreviewAction actionWithTitle:@"action2" style:UIPreviewActionStyleSelected handler:^(UIPreviewAction * _Nonnull action, UIViewController * _Nonnull previewViewController) {
            NSLog(@"%s, line = %d, action2 = %@, previewViewController = %@", __FUNCTION__, __LINE__, action, previewViewController);
        }];
        UIPreviewAction *action3 = [UIPreviewAction actionWithTitle:@"action3" style:UIPreviewActionStyleSelected handler:^(UIPreviewAction * _Nonnull action, UIViewController * _Nonnull previewViewController) {
            NSLog(@"%s, line = %d, action2 = %@, previewViewController = %@", __FUNCTION__, __LINE__, action, previewViewController);
        }];


        UIPreviewActionGroup *actionGroup = [UIPreviewActionGroup actionGroupWithTitle:@"actionGroup" style:UIPreviewActionStyleSelected actions:@[action2, action3]];

        _preActions = @[action0, action1, actionGroup];
    }
    return _preActions;
}


// 设置控制器在弹窗时候,下面输出的数组
- (NSArray<id<UIPreviewActionItem>> *)previewActionItems
{
    return self.preActions;
}

webView只需要添加属性

#warning 核心代码
    webView.allowsLinkPreview = YES;

三. UITouch

新增属性force,maximumPossibleForce

// 在控制器中打印,查看其变化
- (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{
    UITouch *touch = touches.anyObject;

    NSLog(@"%s, line = %d, force = %.f,maximumPossibleForce = %.f", __FUNCTION__, __LINE__, touch.force, touch.maximumPossibleForce);
}

可塑性很强大,近期决定按照系统做法封装一个3DTouch的第三方

最后编辑于：2017.11.27 04:30:48

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 205,132评论 6赞 478
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 87,802评论 2赞 381
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 151,566评论 0赞 338
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 54,858评论 1赞 277
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 63,867评论 5赞 368
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 48,695评论 1赞 282
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 38,064评论 3赞 399
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 36,705评论 0赞 258
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 42,915评论 1赞 300
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 35,677评论 2赞 323
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 37,796评论 1赞 333
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 33,432评论 4赞 322
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 39,041评论 3赞 307
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 29,992评论 0赞 19
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 31,223评论 1赞 260
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 45,185评论 2赞 352
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 42,535评论 2赞 343

3DTouch入门篇

知识点:

一. AppIcon深按弹窗

二. 控制器内的Peek和Pop

三. UITouch

推荐阅读更多精彩内容