3DTouch-小应用

最近项目忙,花在研究新技术的时间变少了,但日拱一卒,把最近的3DTouch研究一下,不过这回讲的不是3DTouch中的如何试着app的icon快捷操作或者是pop和pick,这回的主角是UITouch对象中的force属性。
下面摘自官方文档:

3DTouch-小应用_第1张图片
官方文档.jpg

这个force属性是属于UITouch对象,实测下来值在1.0-6.0之间,可以在iPhone6s上获取这个值。以下是Demo:

demo.mov.gif

其实我想了想,3DTouch给予App新的交互维度,实际上是在小的地方简化用户的操作,原来需要两步点击跳转界面放大或者是双指捏合放大可以变成一个重力按压就可以放大了。还可以做出一些可交互控件的控件,例如button可以有更好的视觉反馈,我简单的用放大来实现,其实可以用压力和阴影啊,形变啊挂钩,做出更有意思的交互。
如何使用,很简单,Demo中建立了两个子类,一个是UIButton子类--ForceButton,一个是UIGestureRecognizer子类--ForceGestureRecognizer。
在子类里重写touchesBegan、touchesMoved、touchesEnded这些函数,然后设置force的回调:
var forceTouchCallBack:((state:UIGestureRecognizerState,force:CGFloat,gestureReconginzer:UIGestureRecognizer)->Void)?;
就大功告成了。
贴出完整代码:

class ForceGestureRecognizer: UIGestureRecognizer {
    var forceValue:CGFloat = 0
    private var forceTouchCallBack:((state:UIGestureRecognizerState,force:CGFloat,gestureReconginzer:UIGestureRecognizer)->Void)?;
    public func addForceCallBack(callBack:(state:UIGestureRecognizerState,force:CGFloat,gestureReconginzer: UIGestureRecognizer)->Void){
        self.forceTouchCallBack = callBack;
    }
    override func touchesBegan(touches: Set, withEvent event: UIEvent) {
        super.touchesBegan(touches, withEvent: event)
        guard let touch = touches.first else{
            return
        }
        if let callback = forceTouchCallBack{
            callback(state: UIGestureRecognizerState.Began,force: touch.force,gestureReconginzer: self);   
        }
    }
    override func touchesMoved(touches: Set, withEvent event: UIEvent) {
        super.touchesMoved(touches, withEvent: event)
        guard let touch = touches.first else{
            return
        }
        if let callback = forceTouchCallBack{
            callback(state: UIGestureRecognizerState.Changed,force: touch.force,gestureReconginzer: self);
        }
    }
    override func touchesEnded(touches: Set, withEvent event: UIEvent) {
        super.touchesEnded(touches, withEvent: event)
        guard let touch = touches.first else{
            return
        }
        if let callback = forceTouchCallBack{
            callback(state: UIGestureRecognizerState.Ended,force: touch.force,gestureReconginzer: self);
        }
    }
}

有了这个自定义的ForceGestureRecognizer,就可以增加到任意的对象上去,通过设置回调:

  let gestureRecognizer = ForceGestureRecognizer()
        gestureRecognizer.addForceCallBack { (state, force, gestureReconginzer) -> Void in
            print(NSStringFromCGSize(self.customView.frame.size))
            if state == UIGestureRecognizerState.Changed{
                if self.customView.frame.size.width > UIScreen.mainScreen().bounds.size.width{
                    return
                }
            }
              self.customView.layer.transform = CATransform3DMakeScale(1+force/6, 1+force/6, 1)
            
        };

实现自己想要的效果
是否很简单呢?可惜必须用iPhone6s进行真机实践(苦逼脸)
奉上Demo源码

你可能感兴趣的:(3DTouch-小应用)