最近項目忙,花在研究新技術(shù)的時間變少了,但日拱一卒,把最近的3DTouch研究一下,不過這回講的不是3DTouch中的如何試著app的icon快捷操作或者是pop和pick,這回的主角是UITouch對象中的force屬性。
下面摘自官方文檔:
官方文檔.jpg
這個force屬性是屬于UITouch對象,實測下來值在1.0-6.0之間,可以在iPhone6s上獲取這個值。以下是Demo:
demo.mov.gif
其實我想了想,3DTouch給予App新的交互維度,實際上是在小的地方簡化用戶的操作,原來需要兩步點擊跳轉(zhuǎn)界面放大或者是雙指捏合放大可以變成一個重力按壓就可以放大了。還可以做出一些可交互控件的控件,例如button可以有更好的視覺反饋,我簡單的用放大來實現(xiàn),其實可以用壓力和陰影啊,形變啊掛鉤,做出更有意思的交互。
如何使用,很簡單,Demo中建立了兩個子類,一個是UIButton子類--ForceButton,一個是UIGestureRecognizer子類--ForceGestureRecognizer。
在子類里重寫touchesBegan、touchesMoved、touchesEnded這些函數(shù),然后設(shè)置force的回調(diào):
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<UITouch>, 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<UITouch>, 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<UITouch>, 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,就可以增加到任意的對象上去,通過設(shè)置回調(diào):
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)
};
實現(xiàn)自己想要的效果
是否很簡單呢?可惜必須用iPhone6s進(jìn)行真機實踐(苦逼臉)
奉上Demo源碼