如何在先前转换的UIView上正确地为转换设置动画
如何在先前转换的UIView上正确地为转换设置动画
提问于 2019-03-01 06:46:53
问题的摘要
无法在已翻译的 UIView**.**上正确执行移动和缩放动画
当视图没有事先移动时，为了达到预期的效果，我首先应用scale，然后应用平移。我使用UIViewPropertyAnimator对结果转换进行动画处理:视图可以放大或缩小，同时相应地移动。
但是，如果在应用此动画转换之前视图已从其原始位置移动(平移)，我无法实现在将视图从其新位置__移动时缩放的结果。
“虽然转换问题有很好的文档记录-而且我在提交问题之前已经做了尽职调查-但到目前为止我还没有找到一个成功的解决方案！
变换动画代码
为了便于理解和解决问题，对代码进行了简化。
extension UIView {
func zoomAndMove(vector: CGPoint, scale: CGPoint){
self.transform = self.transform.concatenating(CGAffineTransform(scaleX: scale.x, y: scale.y).concatenating(CGAffineTransform(translationX: vector.x, y: vector.y))
}
func animateZoomAndMove(from origin: CGPoint, for duration: TimeInterval, cameraZoom: CGPoint, timingFunction: UITimingCurveProvider, controlPoint2: CGPoint(x: 0.8, y: 0.7)) autoplay: Bool = false) -> UIViewPropertyAnimator {
let animator = UIViewPropertyAnimator(duration: duration, timingParameters: timingFunction)
let vector = CGPoint(x: self.frame.midX - origin.x, y: self.frame.midY - origin.y)
animator.addAnimations {
self.zoomAndMove(vector: vector, scale: cameraZoom)
}
if autoplay { animator.startAnimation()}
return animator
}
}到目前为止的尝试
我已经尝试修改我的代码以返回一个转换，该转换在zoomAndMove发生之前考虑了先前的转换：
extension UIView {
func zoomAndMove(vector: CGPoint, scale: CGPoint){
if self.transform == CGAffineTransform.identity {
self.transform = self.transform.concatenating(CGAffineTransform(scaleX: scale.x, y: scale.y).concatenating(CGAffineTransform(translationX: vector.x, y: vector.y))
} else {
let preTransform = self.transform
self.transform = CGAffineTransform(a: scale.x, b: 0, c: 0, d: scale.y, tx: vector.x + preTransform.tx, ty: vector.y + preTransform.ty)
}
}此代码不会产生所需的效果：视图将跳转到新位置，正确缩放并“随机”移动。
我肯定遗漏了一些东西--我可能瞄准了错误的最终结果矩阵--但总而言之，我现在卡住了。
如果有人知道如何执行像缩放和从已经翻译的UIView中移动UIView这样简单的任务，我将非常感谢他们的意见！
最好的
编辑
一张图片可以胜过1000个单词，所以当我尝试实现到目前为止提出的各种建议(特别是.scaledBy(:)方法)时，会发生以下情况：
您可以注意到，最终的转换是正确的，但动画却不正确。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54935477
复制相关文章
相似问题