3dtouch swift

2018-04-28 17:25:14 samuelandkevin 阅读数 778

  眨眼间,已经有1年没写过iOS的文章了,可能是忙于学习后台知识。最近,因为app有新需求,顺便就把聊天列表模块加入3DTouch功能。在天朝内百度了许多关于iOS UITableViewCell的3DTouch开发资料,发现存在一个通俗的问题,就是在数据源cellForRowAtIndexPath执行registerForPreviewingWithDelegate,当UITableViewCell过多且重复注册的时候,会造成耗cpu性能和滚动不流畅的后果。于是,我踩过坑,总结如下。

二话不说,上菜。

peek图和pop图:
  

在cellForRowAtIndexPath执行registerForPreviewingWithDelegate的缺点:

  每次滑动UITableView,都会注册3DTouch预览功能。因为registerForPreviewingWithDelegate比较耗cpu性能,如果UITableViewCell视图层级多,并且屏幕上显示有多个cell,使劲滑动UITableView,细心的你会发现在xcode里,项目的cpu使用率高达40%。那么,是在哪里和在哪个时机添加registerForPreviewingWithDelegate注册功能为最合适呢。

在UITableView中注册registerForPreviewingWithDelegate的地点和时机:

  因为peek和pop都是涉及关于长按手势功能,我就选择在UITableViewCell初始化的时候,contentview添加长按手势,当长按手势为开始状态的时候就回调信息给controller,进行注册功能。在CellChatList.m中,部分代码如:
  然后我写了一个YHChatTouch类,主要是封装3DTouch注册功能。在YHChatTouch中,部分代码如:
  在聊天列表YHChatListVC类中,调用YHChatTouch注册功能,部分代码如下:
  cellForRow中注册代理touchDelegate:
  代理回调:
只要你掌握了注册3DTouch的时机和位置,有效地提高滚动视图的滑动流畅性能。

详情代码,可以参考我的博文附带资源,喜欢的点个like哦:

iOS-YHChat仿微信聊天(老司机带你入门即时通讯)

2018-01-23 16:16:36 YubaoLouisLiu 阅读数 1193

iOS开发 swift 3dTouch实现 附代码


一、What?

从iphone6s开始,苹果手机加入了3d touch技术,最简单的理解就是可以读取用户的点击屏幕力度大小,根据力度大小给予不同的反馈。
手机qq的3dtouch截图


二、how? 实现方式?

如果静态方式和动态方式同时使用,app默认调用静态方式中的设置。

2.1 静态方式

在info.plist中直接添加,最多只能显示4个,超过4个只会显示前4个。
这里写图片描述

【效果】
这里写图片描述

2.2 动态方式

使用代码注册。
【代码】

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
        // Override point for customization after application launch.
        let itemIcon1 = UIApplicationShortcutIcon(templateImageName: "AIcon")
        let item1 = UIApplicationShortcutItem.init(type: "type1", localizedTitle: "short 兴", localizedSubtitle: "subTitle1", icon: itemIcon1, userInfo: nil)

        let itemIcon2 = UIApplicationShortcutIcon.init(templateImageName: "rightIcon")
        let item2 = UIApplicationShortcutItem.init(type: "type2", localizedTitle: "short 海", localizedSubtitle: "subTitle2", icon: itemIcon2, userInfo: nil)

        let itemIcon3 = UIApplicationShortcutIcon.init(type: .add)
        let item3 = UIApplicationShortcutItem.init(type: "type3", localizedTitle: "short 物", localizedSubtitle: "subTitle3", icon: itemIcon3, userInfo: nil)

        let itemIcon4 = UIApplicationShortcutIcon(type: .add)
        let item4 = UIApplicationShortcutItem.init(type: "type4", localizedTitle: "short 联", localizedSubtitle: "subTitle4", icon: itemIcon4, userInfo: nil)

        UIApplication.shared.shortcutItems = [item4, item3, item2, item1]
        return true
    }

【效果】
这里写图片描述


三、app内部3d Touch的使用

【步骤1】在需要使用3d Touch的VC中继承UIViewControllerPreviewingDelegate。

class ViewController: UIViewController, UIViewControllerPreviewingDelegate {

【步骤2】实现该delegate的方法。

//当用力按压的时候要预览的VC
func previewingContext(_ previewingContext: UIViewControllerPreviewing, viewControllerForLocation location: CGPoint) -> UIViewController? {
        var iVC = UIViewController()
        iVC.view.backgroundColor = UIColor.blue
        return iVC
    }
//当用力按压持续用力的时候,所要进行的操作  
func previewingContext(_ previewingContext: UIViewControllerPreviewing, commit viewControllerToCommit: UIViewController) {
        var iVC = UIViewController()
        iVC.view.backgroundColor = UIColor.yellow
        self.navigationController?.pushViewController(iVC, animated: true)
    }

【步骤3】给对应的view(按钮)注册3Dtouch事件

            btn.frame = CGRect(x: x, y: y, width: w, height: h)
            btn.backgroundColor = UIColor.orange
            btn.setTitle("button "+"\(i+1)", for: .normal)
            btn.addTarget(self, action: #selector(onBtn(sender:)), for: .touchUpInside)
            if traitCollection.forceTouchCapability == .available{
                registerForPreviewing(with: self, sourceView: btn)
                //给对应的view(按钮)注册3Dtouch事件
            }
            view.addSubview(btn)

【步骤4 peek】
peek没有上滑显示按钮,但松开手指效果消失。
这里写图片描述

【步骤5 pop】
pop上滑会在底部显示自定义按钮。要实现pop,在previewingContext中返回的VC需要
1、继承UIViewControllerPreviewingDelegate;
2、重写previewActionItems,即pop下方的按钮;
这里写图片描述

extension ViewController{
    //重写previewActionItems
    override var previewActionItems: [UIPreviewActionItem] {
        let action1 = UIPreviewAction(title: "跳转", style: .default) { (action, previewViewController) in
            let showVC = ViewController()
            showVC.hidesBottomBarWhenPushed = true
            previewViewController.navigationController?.pushViewController(showVC, animated: true)
        }
        let action3 = UIPreviewAction(title: "取消", style: .destructive) { (action, previewViewController) in
            print("我是取消按钮")
        }
        ////该按钮可以是一个组,点击该组时,跳到组里面的按钮。
        let subAction1 = UIPreviewAction(title: "测试1", style: .selected) { (action, previewViewController) in
            print("我是测试按钮1")
        }
        let subAction2 = UIPreviewAction(title: "测试2", style: .selected) { (action, previewViewController) in
            print("我是测试按钮2")
        }
        let subAction3 = UIPreviewAction(title: "测试3", style: .selected) { (action, previewViewController) in
            print("我是测试按钮3")
        }
        let groupAction = UIPreviewActionGroup(title: "更多", style: .default, actions: [subAction1, subAction2, subAction3])
        return [action1, action3, groupAction]
    }

}

四、github代码

如果本博客对您有帮助,希望可以得到您的赞赏!
完整代码附上:https://github.com/Liuyubao/LYB3DTouch

2018-12-12 11:36:16 qq_25639809 阅读数 214

3DTouch的分享菜单是上架后系统自动加上的,其他的菜单需要我们自定义。

1.定义菜单项Model

import Foundation

enum ShortcutItem {
    case scan
    case send
    case receive
    case qrcode
    var type: String {
        switch self {
        case .scan:
            return "com.app.scan"
        case .send:
            return "com.app.send"
        case .receive:
            return "com.app.receive"
        case .qrcode:
            return "com.app.qrcode"
        }
    }
    var title: String {
        switch self {
        case .scan:
            return "Scan".localized
        case .send:
            return "Send".localized
        case .receive:
            return "Receive".localized
        case .qrcode:
            return "My referral code".localized
        }
    }
    var imageName: String {
        switch self {
        case .scan:
            return "shortcut_scan"
        case .send:
            return "shortcut_send"
        case .receive:
            return "shortcut_receive"
        case .qrcode:
            return "shortcut_qrcode"
        }
    }
    var icon: UIApplicationShortcutIcon {
        return UIApplicationShortcutIcon(templateImageName: self.imageName)
    }
}

2.在APPDelegate中设置ShortcutItems

func createShortcutItems() {
        if #available(iOS 9.1, *) {
            var itemArray: [UIApplicationShortcutItem] = []
            for item in [ShortcutItem.scan, ShortcutItem.send, ShortcutItem.receive, ShortcutItem.qrcode] {
                itemArray.append(UIApplicationShortcutItem(type: item.type, localizedTitle: item.title, localizedSubtitle: nil, icon: item.icon, userInfo: nil))
            }
            UIApplication.shared.shortcutItems = itemArray
        }
    }

3.实现点击Item事件

func application(_ application: UIApplication, performActionFor shortcutItem: UIApplicationShortcutItem, completionHandler: @escaping (Bool) -> Void) {
        guard let appDelegate = UIApplication.shared.delegate as? AppDelegate else { return }
        guard let main = appDelegate.coordinator.coordinators.first as? MainCoordinator else { return }
        switch shortcutItem.type {
        case ShortcutItem.scan.type:
            print("scan")
        case ShortcutItem.send.type:
           print("send")
        case ShortcutItem.receive.type:
            print("receive")
        case ShortcutItem.qrcode.type:
            print("qrcode")
        default:
            break
        }
    }
2017-02-07 14:45:51 sbt0198 阅读数 1822

Swift 2.3 IOS 8.0 XCode 8.0

添加入口标签

在这里只说下静态的好了,暂时还用不到动态的,e.g.

<key>UIApplicationShortcutItems</key>
<array>
    <dict>
        <key>UIApplicationShortcutItemType</key>
        <string>ReceiveMoney</string>
        <key>UIApplicationShortcutItemTitle</key>
        <string>当面收款</string>
        <key>UIApplicationShortcutItemIconFile</key>
        <string>short_icon_sk</string>
    </dict>
</array>

字段说明:

字段名 功能 是否必须 备注
UIApplicationShortcutItemType 这个键值设置一个快捷通道类型的字符串 必有项 我们可以监听该项的值来判断用户是从哪一个标签进入App的,该字段的值可以为空。
UIApplicationShortcutItemTitle 这个键值设置标签的标题 必有项 我们可以监听该项的值来判断用户是从哪一个标签进入App的
UIApplicationShortcutItemSubtitle 设置标签的副标题 可选项
UIApplicationShortcutItemIconType 设置标签的图标样式,系统提供了29中样式的图标,但大部分只能在9.1的系统上使用,只有少数可以在9.0的系统中使用,这一部分会在后边详细介绍 可选项
UIApplicationShortcutItemIconFile 设置自定义标签图片文件的路径 可选项
UIApplicationShortcutItemUserInfo 设置用户信息,是一个字典类型,可以用来传值 可选项

提示

UIApplicationShortcutItemIconFile存在的话,UIApplicationShortcutItemIconType就会失效

UIApplicationShortcutItemIconType的图标

这里写图片描述

很多人都只放出一个枚举值,我嘛~麻烦点,把所有的图标都从官网上下载下来,截了个图放上来

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;

short_icon_sk是我自己的图片,因为上面的图标实在找不到合适的,这个时候,在手机上就可以看到了

e.g.
这里写图片描述

怎么样,还好吧。

检测App启动方式

启动方式

  1. 热启动,App已经打开,使用3D touch再次打开应用
  2. 冷启动,App关闭状态

不关是哪种启动方式,都会调用下面的方法

@available(iOS 9.0, *)
func application(application: UIApplication, performActionForShortcutItem shortcutItem: UIApplicationShortcutItem, completionHandler: (Bool) -> Void) {
    // shortcutItem.type 就是 UIApplicationShortcutItemType 的值
    // TODO: 只要是3D touch 入口,都会触发到这里的
}

按道理,只要到这里就好了,根据shortcutItem.type的值跳转到制定的viewController就好了。问题就是要找到当前活动的viewController才可以,否则怎么跳转。

extension UIWindow {
    // 获取当前活动的控制器
    public var visibleViewController:UIViewController? {
        return UIWindow.getVisibleViewControllerFrom(self.rootViewController)
    }

    public static func getVisibleViewControllerFrom(vc:UIViewController?) -> UIViewController? {
        if let nc = vc as? UINavigationController {
            return UIWindow.getVisibleViewControllerFrom(nc.visibleViewController)
        } else if let tc = vc as? UITabBarController {
            return UIWindow.getVisibleViewControllerFrom(tc.selectedViewController)
        } else {
            if let pvc = vc?.presentedViewController {
                return UIWindow.getVisibleViewControllerFrom(pvc)
            } else {
                return vc
            }
        }
    }
}

这个问题解决了,那就跳呗。热启动状态下没问题。冷启动的时候就不行了。window!.visibleViewController == nil 了。尝试着延后点执行。放到applicationDidBecomeActive方法中

func applicationDidBecomeActive(application: UIApplication) {
    // TODO: 这里开始
}

applicationDidBecomeActive只要应用从后台激活就会调用,我们需要增加一个状态判断是否触发了3D touch

// 触发3D Touch的type
var activeFrom3Dtouch:ShortcutIdentifier?
// 3Dtouch的type
enum ShortcutIdentifier:String {
    // 当面收款
    case ReceiveMoney = "ReceiveMoney"
}
// 
@available(iOS 9.0, *)
func application(application: UIApplication, performActionForShortcutItem shortcutItem: UIApplicationShortcutItem, completionHandler: (Bool) -> Void) {
    activeFrom3Dtouch = ShortcutIdentifier(rawValue: shortcutItem.type)
}

func applicationDidBecomeActive(application: UIApplication) {
    // 判断入口
    guard let touchType = activeFrom3Dtouch else {
        return
    }

    // TODO: 判断跳转操作

    // 清除,防止再次激活应用重复触发
    activeFrom3Dtouch = nil
}

看起来差不多了,运行了一下,冷启动还是不动。看了下微信、支付宝一类的应用,发现都是应用启动起来一会儿后才跳转。

然后 的然后,我也做了一个延迟,果然,冷启动也OK了

AppDelegate中的完整代码

// 触发3D Touch的type
var activeFrom3Dtouch:ShortcutIdentifier?
// 3Dtouch的type
enum ShortcutIdentifier:String {
    // 当面收款
    case ReceiveMoney = "ReceiveMoney"
}
// 
@available(iOS 9.0, *)
func application(application: UIApplication, performActionForShortcutItem shortcutItem: UIApplicationShortcutItem, completionHandler: (Bool) -> Void) {
    activeFrom3Dtouch = ShortcutIdentifier(rawValue: shortcutItem.type)
}

func applicationDidBecomeActive(application: UIApplication) {
    // 判断入口
    guard let touchType = activeFrom3Dtouch else {
        return
    }

     // 分类处理
    if touchType == .ReceiveMoney {
        // 延时0.5就足够了
        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, Int64(0.5 * Double(NSEC_PER_SEC))), dispatch_get_main_queue()) {
            // 获取活动的Controller
            guard let currentViewController = self.window?.visibleViewController else {
                return
            }

            // 不要重复打开付款页面
            guard !currentViewController.isKindOfClass(ReceiveMoneyViewController) else {
                return
            }

            let board = UIStoryboard(name: "MyAccount", bundle: nil)
            let viewController = board.instantiateViewControllerWithIdentifier("receiveMoneyViewController")

            // 判断是否模态
            if(currentViewController.navigationController == nil) {
                currentViewController.presentViewController(viewController, animated: true, completion: nil)
            } else {
                currentViewController.navigationController?.pushViewController(viewController, animated: true)
            }
        }
    }

    // 清除,防止再次激活应用重复触发
    activeFrom3Dtouch = nil
}

总结

做到这里基本上就可以用了,3D Touch本身并不复杂,但获取当前的viewController是比较麻烦的。在冷启动的时候,使用延时执行的方式获取到当前活动的viewController。

参考:

http://stackoverflow.com/questions/11637709/get-the-current-displaying-uiviewcontroller-on-the-screen-in-appdelegate-m

2017-10-19 16:32:14 ShmilyCoder 阅读数 705

Swift开发之3DTouch实用演练

2015年,苹果发布了iOS9以及iphone6s/iphone6s Plus,其中最具有创新的就是新的触控方式3D Touch,相对于多点触摸在平面二维空间的操作,3D Touch技术增加了对力度和手指面积的感知,可以通过长按快速预览、查看你想要的短信、图片或者超链接等内容,Peek和Pop手势的响应时间可迅捷到 10ms和15ms等。

  • 用户现在可以按主屏幕图标立即访问应用程序提供的功能。
  • 在您的应用程序中,用户现在可以按视图来查看其他内容的预览,并获得对功能的加速访问
  • 在日常开发中,我们经常需要使用3D Touch中的两个功能
    • 在主屏幕上对应用图标使用3DTouch操作
    • 在应用程序内对某一控件使用3DTouch操作
  • 功能需要iOS9以上系统和iphone6s/iphone6s Plus及以上机型(模拟机现在也是可以的)
  • demo地址

一. 效果演练

1. 主屏幕快速操作

  • 通过按下iPhone 6s或iPhone 6s Plus上的应用程序图标,用户可以获得一组快速操作。
  • 当用户选择快速操作时,您的应用程序激活或启动,并跳转到相应界面
    主屏幕快速操作

2. Peek and Pop

  • 对界面内某一控件的3DTouch操作
  • Peek和Pop是应用内的一种全新交互模式,当用户不断增加力量在控件上按压,会依次进入四个阶段
  • 轻按控件,除触发Peek的控件外,其他区域全部虚化
  • 继续用力Peek被触发,展示Pop界面快照
  • 向上滑动展示快捷选项
  • 继续用力跳转进入Pop界面

轻按控件,除触发Peek的控件外,其他区域全部虚化

继续用力Peek被触发,展示Pop界面快照

向上滑动展示快捷选项

3. 注意

  • 3D Touch仅在3D Touch设备上可用,如果启用。在iOS 9以上,默认情况下启用3D Touch。
  • 用户可以在设置>常规>辅助功能> 3D触摸中关闭3D触摸。
  • 当3D Touch可用时,利用其功能。当它不可用时,提供替代方法,例如通过使用触摸和保持。
  • 3D Touch功能支持VoiceOver。

二. 主屏幕操作

  • ShortcutItem功能允许用户在主屏幕上对应用图标使用3DTouch操作,如果本次操作有效,则会给出几个快捷可选项允许用户进行操作
  • 主屏幕icon上的快捷标签的实现方式有两种,一种是在工程文件info.plist里静态设置,另一种是代码的动态实现
  • 优先显示静态添加,总数达到4个不再显示

1. 静态设置

  • 在info.plist中添加UIApplicationShortcutItems关键字,以如下方式配置即可

UIApplicationShortcutItems配置

其中各个关键字释义如下:
- UIApplicationShortcutItemType: 快捷可选项的特定字符串(必填)
- UIApplicationShortcutItemTitle: 快捷可选项的标题(必填)
- UIApplicationShortcutItemSubtitle: 快捷可选项的子标题(可选)
- UIApplicationShortcutItemIconType: 快捷可选项的图标(可选)
- UIApplicationShortcutItemIconFile: 快捷可选项的自定义图标(可选)
- UIApplicationShortcutItemUserInfo: 快捷可选项的附加信息(可选)

2. 动态添加UIApplicationShortcutItem

2-1. UIApplicationShortcutItem初始化方法

UIApplicationShortcutItem(type: String, localizedTitle: String, localizedSubtitle: String?, icon: UIApplicationShortcutIcon?, userInfo: [AnyHashable : Any]?)
  • 参数介绍
    • type: 快捷可选项的特定字符串(必填)
    • localizedTitle: 快捷可选项的标题(必填)
    • localizedSubtitle: 快捷可选项的子标题(可选)
    • icon: 快捷可选项的图标(可选)
    • userInfo: 快捷可选项的附加信息(可选)

2-1. 图标

2-1-1. 初始化方式
//方式一: 自定义图标
//注: 自定义图标需要使用镂空图标,同时建议1倍图标大小为35*35
UIApplicationShortcutIcon(templateImageName: String)

//方式二: 使用系统图标
UIApplicationShortcutIcon(type: UIApplicationShortcutIconType)
2-1-2. 系统图标样式如下

系统图片一览表

2-3. 具体实现代码如下

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {

    //3D Touch
    let homeIcon = UIApplicationShortcutIcon(type: .compose)
    let homeItem = UIApplicationShortcutItem(type: "homeAnchor", localizedTitle: "首页", localizedSubtitle: "点击进入首页", icon: homeIcon, userInfo: nil)
    let playIcon = UIApplicationShortcutIcon(type: .play)
    let playItem = UIApplicationShortcutItem(type: "play", localizedTitle: "播放", localizedSubtitle: "", icon: playIcon, userInfo: nil)
    let userIcon = UIApplicationShortcutIcon(type: .search)
    let userItem = UIApplicationShortcutItem(type: "username", localizedTitle: "用户名", localizedSubtitle: "", icon: userIcon, userInfo: nil)

    UIApplication.shared.shortcutItems = [homeItem, playItem, userItem]

    return true
}

2-4. item点击跳转

  • 可根据type标识判断
  • 可根据localizedTitle标识判断
//菜单跳转
func application(_ application: UIApplication, performActionFor shortcutItem: UIApplicationShortcutItem, completionHandler: @escaping (Bool) -> Void) {
    guard let tabBarVC = window?.rootViewController as? MainViewController else { return }

    //根据type唯一标识进行判断跳转, 或者根据localizedTitle判断
    switch shortcutItem.type {
    case "homeAnchor":
        tabBarVC.selectedIndex = 1
    case "play":
        let username = ShowRoomViewController()
        username.hidesBottomBarWhenPushed = true
        tabBarVC.selectedViewController?.childViewControllers.first?.present(username, animated: true, completion: nil)
    case "username":
        let username = NameViewController()
        username.hidesBottomBarWhenPushed = true
        tabBarVC.selectedViewController?.childViewControllers.last?.navigationController?.pushViewController(username, animated: true)
    default:
        tabBarVC.selectedIndex = 0
    }
}

三. Peek and Pop

  • Peek和Pop是应用内的一种全新交互模式,当用户不断增加力量在控件上按压,会依次进入四个阶段
  • 这里小编将通过ViewController里面的UITableViewCell进行延时功能

注意: 在动态添加快捷可选项前,需要用判断是否支持3D Touch功能,以免在不支持的设备上运行程序导致闪退

1. 判断是否支持3D Touch功能

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    var cell = tableView.dequeueReusableCell(withIdentifier: "cell")
    let model = happyVM.anchorGroups[indexPath.section].anchors[indexPath.row]
    if cell == nil {
        cell = UITableViewCell(style: .default, reuseIdentifier: "cell")
        cell?.textLabel?.text = model.room_name
        cell?.accessoryType = .disclosureIndicator
    }

---
    //这里是添加判断是否支持3D Touch的代码
    if #available(iOS 9.0, *) {
        if traitCollection.forceTouchCapability == .available {
            //支持3D Touch
            //注册Peek & Pop功能
            registerForPreviewing(with: self, sourceView: cell!)
        }
    }
---

    return cell!
}

检测是否支持3D Touch:UIForceTouchCapability是一个枚举值,取值如下:

case unknown      //3D Touch检测失败
case unavailable //3D Touch不可用
case available  //3D Touch可用

2. 给对应view注册3Dtouch事件

  • 在判断支持3Dtouch里面注册
//注册Peek & Pop功能
self.registerForPreviewing(with: self, sourceView: cell!)

3. 遵守UIViewControllerPreviewingDelegate协议

  • 需要实现Peek & Pop交互的控件所在的控制器遵循协议并实现两个代理方法

3-1. 当进入Peek状态时,系统会回调如下方法

func previewingContext(_ previewingContext: UIViewControllerPreviewing, viewControllerForLocation location: CGPoint) -> UIViewController? {
    //1. 获取按压的cell所在的行
    guard let cell = previewingContext.sourceView as? UITableViewCell else { return UIViewController() }
    let indexPath = tableVIew.indexPath(for: cell) ?? IndexPath(row: 0, section: 0)

    //2. 设定预览界面
    let vc = ShowRoomViewController()
    // 预览区域大小(可不设置), 0为默认尺寸
    vc.preferredContentSize = CGSize(width: 0, height: 0)
    vc.showStr =  "我是第\(indexPath.row)行用力按压进来的"

    //调整不被虚化的范围,按压的那个cell不被虚化(轻轻按压时周边会被虚化,再少用力展示预览,再加力跳页至设定界面)
    let rect = CGRect(x: 0, y: 0, width: kScreenWidth, height: 44)
    //设置触发操作的视图的不被虚化的区域
    previewingContext.sourceRect = rect

    //返回预览界面
    return vc
}

3-2. 当进入Pop状态时,系统会回调如下方法

  • 用力按压进入viewControllerToCommit
func previewingContext(_ previewingContext: UIViewControllerPreviewing, commit viewControllerToCommit: UIViewController) {
    viewControllerToCommit.hidesBottomBarWhenPushed = true
    show(viewControllerToCommit, sender: self)
}

来看看效果

3D Touch1演示.gif

3-4. 当弹出预览时,上滑预览视图,出现预览视图中快捷选项

var previewActionItems: [UIPreviewActionItem] { get }
  • previewActionItems用户在3D Touch预览上向上滑动时显示的快速操作
  • 在将要弹出的页面内重写previewActionItems的get属性
extension ShowRoomViewController {
    //重写previewActionItems的get方法
    override var previewActionItems: [UIPreviewActionItem] {
        let action1 = UIPreviewAction(title: "跳转", style: .default) { (action, previewViewController) in
            let showVC = ShowRoomViewController()
            showVC.hidesBottomBarWhenPushed = true
            previewViewController.navigationController?.pushViewController(showVC, animated: true)
        }

        let action3 = UIPreviewAction(title: "取消", style: .destructive) { (action, previewViewController) in
            print("我是取消按钮")
        }

        ////该按钮可以是一个组,点击该组时,跳到组里面的按钮。
        let subAction1 = UIPreviewAction(title: "测试1", style: .selected) { (action, previewViewController) in
            print("我是测试按钮1")
        }
        let subAction2 = UIPreviewAction(title: "测试2", style: .selected) { (action, previewViewController) in
            print("我是测试按钮2")
        }
        let subAction3 = UIPreviewAction(title: "测试3", style: .selected) { (action, previewViewController) in
            print("我是测试按钮3")
        }
        let groupAction = UIPreviewActionGroup(title: "更多", style: .default, actions: [subAction1, subAction2, subAction3])

        return [action1, action3, groupAction]
    }
}

action的各种样式

public enum UIPreviewActionStyle : Int {

    //默认样式
    case `default`
    //右侧有对勾的样式
    case selected
    //红色字体的样式
    case destructive
}

3-5. forcemaximumPossibleForce

到此,3DTouch在APP中的集成就先介绍这些,3DTouch中还有个重要的属性–压力属性(force 和 maximumPossibleForce)这里简单介绍下

  • 手指在屏幕上慢慢增加力度在减少力度,可以看到view背景色的变化
  • 程序运行后找到我的 -> 头像(用户名)查看效果
  • 代码找到NameViewController.swift查看

override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) {
    let touch = touches.first ?? UITouch()
    //获取重按力度
    print("平均触摸的力--\(touch.force)")
    print("触摸的最大可能力--\(touch.maximumPossibleForce)")

    let change = touch.force / touch.maximumPossibleForce
        view.backgroundColor = UIColor(red: 0.5, green: 0.5, blue: change, alpha: 1)
}

此外还有以下属性, 详细可参考3D Touch官方文档

var tapCount: Int
//手指触摸此次触摸的次数。

var timestamp: TimeInterval
//触摸发生的时间或最后一次突变的时间。

var type: UITouchType
//触摸的类型。

enum UITouchType
//接收的触摸类型。

var phase: UITouchPhase
//触摸的阶段。

enum UITouchPhase
//手指触摸的阶段。

var maximumPossibleForce: CGFloat
//触摸的最大可能力。

var force: CGFloat
//触摸力,其中值表示平均触摸的力(由系统预定,不是用户特定的)。1.0

var altitudeAngle: CGFloat
//手写笔的高度(弧度)。

func azimuthAngle(in: UIView?)
//返回触控笔的方位角(弧度)。

func azimuthUnitVector(in: UIView?)
//返回指向触控笔方位角方向的单位向量。

最后附上Demo地址


参考资料

iOS 3D touch开发

3D Touch官方文档