swift - 在将帧向左滑动超过固定点然后通过向右滑动以更新帧来改变方向时获取运动平移差异
问题描述
场景如下:用户点击并按住手指向左滑动 UIView 以显示下方的另一个视图。可见视图可向左滚动 50 点,然后停止。视图的框架翻译为 -50
在这段时间里,用户不断地按住点击,最后将方向改变为向右,并且可以滚动直到视图到达其帧平移为 0 的初始位置。
问题是,当用户滚动超出帧停止的固定点 -50 时,仍会记录平移,并且当用户向右更改滑动方向时,视图会以我想消除的差异移动。翻译中的差异似乎是从视图的停止点到用户改变滑动方向的点。这是我的代码:
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
drabbleLayer.isUserInteractionEnabled = true
let recognizer = UIPanGestureRecognizer(target: self, action: #selector(handlePan(recognizer:)))
drabbleLayer.addGestureRecognizer(recognizer)
}
@objc func handlePan(recognizer: UIPanGestureRecognizer) {
if recognizer.state == .began {
originalCenter = self.drabbleLayer!.center
}
var velocity = recognizer.velocity(in: drabbleLayer)
if recognizer.state == .changed {
let targetX: CGFloat = -50.0
var tranlastion = recognizer.translation(in: self.drabbleLayer!)
var newX: CGFloat {
return originalCenter.x + tranlastion.x
}
if velocity.x < 0 {
let log = tranlastion.x >= targetX
let log2 = drabbleLayer.frame.origin.x >= targetX
if log && log2 {
dabbleLayer!.center.x = newX
} else { drabbleLayer.center.x = -targetX * 2}
} else {
//this is where the Difference in Translation is noticeable if user swipes way beyond the stopping point to the left
if drabbleLayer.frame.origin.x <= 0 {
drabbleLayer!.center.x = newX
} else {
//here view has to get to a full stop. Doesn't seem to work properly.
drabbleLayer.frame.orgin.x = 0}
}
}
}
在我的完整代码中,我打印了翻译值,这样我就可以看到它在哪里发生了变化。我正在检查速度的滑动方向。问题是,在改变方向后,翻译变化形式让我们说值 -74 到 200。在这种情况下,差异将是 74(翻译) - 50(这是停止点,我的代码中的 targetX。此外,这种差异似乎如果用户从右向左滑动,也会出现。
我可以在改变方向之前立即捕捉翻译中的差异并以某种方式摆脱它吗?
解决方案
最后我找到了解决这个问题的方法。我仍然无法找到直接的解决方案,比如在改变方向之前保存最新的翻译值,这样我就可以计算翻译的差异。
但是,在改变方向之前,我确实将平移设置为 targetX 值,因此无需再减去平移的任何差异。这是我的新代码:
@objc func handlePan(recognizer: UIPanGestureRecognizer) {
var tranlastion = recognizer.translation(in: self.incomeDrabbleLayer!)
var newX: CGFloat {
return originalCenter.x + tranlastion.x
}
let targetX: CGFloat = -50.0
if recognizer.state == .began {
originalCenter = self.incomeDrabbleLayer!.center
}
let velocity = recognizer.velocity(in: incomeDrabbleLayer)
if recognizer.state == .changed {
if velocity.x < 0 {
if incomeDrabbleLayer.frame.origin.x > targetX {
incomeDrabbleLayer.center.x = newX
} else {
incomeDrabbleLayer.frame.origin.x = targetX
let targetTranslationPoint = CGPoint(x: targetX, y: 0)
recognizer.setTranslation(targetTranslationPoint, in: incomeDrabbleLayer)
}
} else {
if incomeDrabbleLayer.frame.origin.x < 0 {
incomeDrabbleLayer.center.x = newX
} else {
incomeDrabbleLayer.frame.origin.x = 0
recognizer.setTranslation(.zero, in: incomeDrabbleLayer)
}
}
}
}
推荐阅读
- html - Vue在动态呈现的组件上创建结束标签,用结束标签关闭无效元素是有效的html吗?
- excel - VBA XML:查找多个命名空间的根节点
- javascript - 如何在 div 标签上使用 onclick
- python - 使用 xlrd 和 openpyxl 与 Azure Rights Management Service (Azure RMS) 读取 excel 文件
- oaf - OAF 如何对齐字段
- nginx - nginx 子目录重定向到根目录
- node.js - Firebase 魔术电子邮件链接和密码登录
- vba - VBA 刮板
- input - 如何获取用户的输入?
- c# - UWP 从后台任务中读取注册表并将信息反馈给 UI