3D Touch简介
2015年,苹果发布了
iOS9
以及iphone6s/iphone6s Plus
,其中最具有创新的就是新的触控方式3D Touch
,相对于多点触摸在平面二维空间的操作,3D Touch
技术增加了对力度和手指面积的感知,可以通过长按快速预览、查看你想要的短信、图片或者超链接等内容,Peek和Pop
手势的响应时间可迅捷到 10ms和15ms等。
3D Touch三大模块
1. Home Screen Quick Actions
2. Peek、Pop
3. Force Properties
3D Touch实现
3D Touch
实现起来不算难,就是实现需要硬件的支持,只能在6s/6s p等上面可以测试体验,模拟器是不能的,ShortcutItem
主要由Item
类型,主标题,副标题、图标,还可添加一些附加信息,每个App最多添加4个快捷键。
操作 – 用手指用力按压App
的icon
,会出现类似的菜单快捷键(ShortcutItem)
,附上Demo
的效果图(Home Screen Quick Actions)
:
1. Home Screen Quick Actions
生成菜单 – 按压icon
弹出快捷键的实现方法分为静态菜单、动态菜单等2种。
. 静态菜单 – 配置项目的.plist文件
目前Xcode
版本的plist
文件还没对应的key
来获取,则 需要用户自己来手动输入UIApplicationShortcutItems
(NSArray
类型 – 内部都是字典
– 对应 – 每个item
);字典内一些key
的解释:
UIApplicationShrtcutItemSubtitle
(副标题)
UIApplicationShrtcutItemTitle
( 必填)(可监听该项判断用户是从哪一个标签进入App)
UIApplicationShortcutItemType
( 必填)(可监听该项判断用户是从哪一个标签进入App)
UIApplicationShrtcutItemIconType
(图标)(系统提供了29种样式的图标)
UIApplicationShrtcutItemIconFile
(自定义图片的文件路径)- 直接传入图片的名字即可
注意:若是设置了自定义的图片 则系统的不再生效
. 动态菜单 – 代码实现快捷菜单,动态添加方法需要代码执行一次,因此静态方法比动态方法优先加载
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { /** * 通过代码实现动态菜单 * 一般情况下设置主标题、图标、type等,副标题是不设置的 - 简约原则 * iconWithTemplateImageName 自定义的icon * iconWithType 系统的icon */ //系统ShortcutIcon UIApplicationShortcutIcon *favrite = [UIApplicationShortcutIcon iconWithType:UIApplicationShortcutIconTypeFavorite]; UIApplicationShortcutItem *itemOne = [[UIApplicationShortcutItem alloc] initWithType:@"favrite" localizedTitle:@"时尚之都" localizedSubtitle:nil icon:favrite userInfo:nil]; UIApplicationShortcutIcon *bookMark = [UIApplicationShortcutIcon iconWithType:UIApplicationShortcutIconTypeBookmark]; UIApplicationShortcutItem *itemTwo = [[UIApplicationShortcutItem alloc] initWithType:@"book" localizedTitle:@"知识海洋" localizedSubtitle:nil icon:bookMark userInfo:nil]; //自定义ShortcutIcon UIApplicationShortcutIcon *iconContact = [UIApplicationShortcutIcon iconWithTemplateImageName:@"contact"]; UIApplicationShortcutItem *itemThree = [[UIApplicationShortcutItem alloc] initWithType:@"contact" localizedTitle:@"联系的人" localizedSubtitle:nil icon:iconContact userInfo:nil]; [UIApplication sharedApplication].shortcutItems = @[itemOne,itemTwo,itemThree]; return YES; } |
实现点击菜单ShortcutItem
对应的item
跳转到对应的页面
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
//菜单跳转 - (void)application:(UIApplication *)application performActionForShortcutItem:(UIApplicationShortcutItem *)shortcutItem completionHandler:(void (^)(BOOL))completionHandler{ UITabBarController *tabBarVC = (UITabBarController *)self.window.rootViewController; /* * 方式one - localizedTitle if ([shortcutItem.localizedTitle isEqualToString:@"时尚之都"]) { tabBarVC.selectedIndex = 0; }else if ([shortcutItem.localizedTitle isEqualToString:@"知识海洋"]){ //知识海洋 tabBarVC.selectedIndex = 1; }else{ tabBarVC.selectedIndex = 2; //联系的人 } */ //方式two - type if ([shortcutItem.type isEqualToString:@"movie"]) { //时尚之都 tabBarVC.selectedIndex = 0; }else if ([shortcutItem.type isEqualToString:@"book"]){ //知识海洋 tabBarVC.selectedIndex = 1; }else{ tabBarVC.selectedIndex = 2; //联系的人 } } |
2. Peek、Pop
经过授权的应用视图控制器可响应用户不同的按压力量,随着按压力量的增加,会有三个交互阶段:
1.暗示预览功能可用,会有一个虚化的效果
2.Peek:
重按一下后出现的预览,展示预览的视图以及快捷菜单
3.Pop:
跳转到预览的视图控制器,是在Peek
后进一步按压后进入预览的视图控制器
首先需遵守代理协议UIViewControllerPreviewingDelegate
1 |
<span class="hljs-keyword">@interface</span> <span class="hljs-title">TableViewController</ayon-v">span> <span class="hljs-title">TableViewController</快速预览、查看你想要的短信、图片或者超链接等内容, Peek和Pop 手势的响应时间可迅捷到 10ms和15ms等。
3D Touch三大模块
3D Touch实现
按压icon.png
1. Home Screen Quick Actions生成菜单 – 按压
.plist配置.png
实现点击菜单
2. Peek、Pop
首先需遵守代理协议 |