iOS之实现3D Touch

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个快捷键。
操作 – 用手指用力按压Appicon,会出现类似的菜单快捷键(ShortcutItem),附上Demo的效果图(Home Screen Quick Actions)

按压icon.png
1. Home Screen Quick Actions

生成菜单 – 按压icon弹出快捷键的实现方法分为静态菜单、动态菜单等2种。

. 静态菜单 – 配置项目的.plist文件
目前Xcode版本的plist文件还没对应的key来获取,则 需要用户自己来手动输入UIApplicationShortcutItemsNSArray类型 – 内部都是字典– 对应 – 每个item);字典内一些key的解释:
UIApplicationShrtcutItemSubtitle (副标题)
UIApplicationShrtcutItemTitle( 必填)(可监听该项判断用户是从哪一个标签进入App)
UIApplicationShortcutItemType( 必填)(可监听该项判断用户是从哪一个标签进入App)
UIApplicationShrtcutItemIconType(图标)(系统提供了29种样式的图标)
UIApplicationShrtcutItemIconFile(自定义图片的文件路径)- 直接传入图片的名字即可
注意:若是设置了自定义的图片 则系统的不再生效

.plist配置.png

. 动态菜单 – 代码实现快捷菜单,动态添加方法需要代码执行一次,因此静态方法比动态方法优先加载

实现点击菜单ShortcutItem对应的item跳转到对应的页面

2. Peek、Pop

经过授权的应用视图控制器可响应用户不同的按压力量,随着按压力量的增加,会有三个交互阶段:
1.暗示预览功能可用,会有一个虚化的效果
2.Peek:重按一下后出现的预览,展示预览的视图以及快捷菜单
3.Pop:跳转到预览的视图控制器,是在Peek后进一步按压后进入预览的视图控制器

首先需遵守代理协议UIViewControllerPreviewingDelegate

具体实现

peek预览.png

在还没触发Pop,上划预览视图,则下面可去设置一些选项

peek设置预览的一些触发操作.png
3. Force Properties

iOS9.0为我们提供了一个新的交互参数:力度。我们可以检测某一交互的力度值,来做相应的交互处理

 

依据按压力度画圆.png

依据按压力度大小改变控制器view的背景颜色.png

整体效果图

3D Touch

基本上涉及到3D Touch的知识点就上面这些吧,也可以看下官网的3D Touch

1 7 收藏 评论

相关文章

可能感兴趣的话题



直接登录
跳到底部
返回顶部