基于 UIView 块的动画怪异行为
UIView block based animation weird behavior
我得到了这个非常简单的动画(案例):
class ViewController: UIViewController {
var v: UIView!
var b = false
override func viewDidLoad() {
super.viewDidLoad()
self.v = UIView(frame: CGRect(x: 120, y: 250, width: 30, height: 30))
self.v.backgroundColor = .red
self.view.addSubview(self.v)
}
@IBAction func didTapButton(_ sender: UIButton) {
UIView.animate(withDuration: 3,
delay: 0,
options: [.beginFromCurrentState, .curveLinear],
animations: {
if self.b {
self.v.frame = CGRect(x: 120, y: 250, width: 30, height: 30)
} else {
self.v.frame = CGRect(x: 240, y: 250, width: 30, height: 30)
}
self.b = !self.b
},
completion: nil)
}
}
每次点击按钮,红色视图都会根据当前方向向左或向右移动。动画应该从当前位置开始,并且是线性的。
但是,如果我在上一个动画已经在进行时点击按钮,那么红色视图 不会立即开始 向相反的方向移动。它只是冻结在当前位置,而前一个动画完成然后开始移动。如果我将动画曲线选项从 linear
更改为 easeOut
并且它可以正常工作。
我正在使用 iOS10,Xcode8.2.1
知道为什么会这样吗?
当动画打开时,UI 组件将不会对新的更改做出反应。它将缓冲输入并在动画完成后做出反应。
这与 iOS 或 Xcode 版本无关,而是正常行为。
我找到了答案。
我是因为 iOS 8 及更高版本中的附加动画。这是一个非常有用的 link,它解释了实际发生的情况以及动画冻结的原因。
http://iosoteric.com/additive-animations-animatewithduration-in-ios-8/
我得到了这个非常简单的动画(案例):
class ViewController: UIViewController {
var v: UIView!
var b = false
override func viewDidLoad() {
super.viewDidLoad()
self.v = UIView(frame: CGRect(x: 120, y: 250, width: 30, height: 30))
self.v.backgroundColor = .red
self.view.addSubview(self.v)
}
@IBAction func didTapButton(_ sender: UIButton) {
UIView.animate(withDuration: 3,
delay: 0,
options: [.beginFromCurrentState, .curveLinear],
animations: {
if self.b {
self.v.frame = CGRect(x: 120, y: 250, width: 30, height: 30)
} else {
self.v.frame = CGRect(x: 240, y: 250, width: 30, height: 30)
}
self.b = !self.b
},
completion: nil)
}
}
每次点击按钮,红色视图都会根据当前方向向左或向右移动。动画应该从当前位置开始,并且是线性的。
但是,如果我在上一个动画已经在进行时点击按钮,那么红色视图 不会立即开始 向相反的方向移动。它只是冻结在当前位置,而前一个动画完成然后开始移动。如果我将动画曲线选项从 linear
更改为 easeOut
并且它可以正常工作。
我正在使用 iOS10,Xcode8.2.1
知道为什么会这样吗?
当动画打开时,UI 组件将不会对新的更改做出反应。它将缓冲输入并在动画完成后做出反应。 这与 iOS 或 Xcode 版本无关,而是正常行为。
我找到了答案。
我是因为 iOS 8 及更高版本中的附加动画。这是一个非常有用的 link,它解释了实际发生的情况以及动画冻结的原因。
http://iosoteric.com/additive-animations-animatewithduration-in-ios-8/