目的:
如何为要扩展的UIView
设置动画以填充整个屏幕。 UIView
需要在动画时以平滑,均匀和平衡的方式展开。
我在屏幕上放置了一个红色正方形,从小处开始然后展开以适合屏幕。 (图1)。
let subview = UIView()
subview.backgroundColor = .red
subview.frame = CGRect(x: 60, y: 200, width: 50, height: 50)
self.view.addSubview(subview)
问题:
在Swift 2和Swift 3中,使用
animateWithDuration
,我该怎么做 使红色正方形UIView
以均衡和均匀的方式展开 在各个方向填充整个屏幕的方式?UIView.animateWithDuration(1.0, delay: 0, options: nil, animations: { ????? }, completion: nil)
图片1:
答案 0 :(得分:4)
你可以尝试这个,我把持续时间设置为5秒,但你明白了。
let viewWidth = view.frame.width
let viewHeight = view.frame.height
UIView.animate(withDuration: 5) {
subview.frame = CGRect(x: 0, y: 0, width: viewWidth, height: viewHeight)
}
答案 1 :(得分:1)
看起来你需要玩规模。
class ViewController: UIViewController {
var subview:UIView!
@IBOutlet weak var animateButton:UIButton!
override func viewDidLoad() {
super.viewDidLoad()
subview = UIView()
subview.backgroundColor = .red
subview.frame = CGRect(x: 60, y: 200, width: 50, height: 50)
self.view.addSubview(subview)
self.view.bringSubview(toFront: animateButton)
}
@IBAction func animateButtonPressed(sender:UIButton) {
if(sender.tag == 0) {
let screenCenter = CGPoint(x:UIScreen.main.bounds.midX, y: UIScreen.main.bounds.midY)
let subviewCenter = self.view.convert(self.subview.center, to: self.view)
let offset = UIOffset(horizontal: screenCenter.x-subviewCenter.x, vertical: screenCenter.y-subviewCenter.y)
let widthScale = UIScreen.main.bounds.size.width/subview.frame.size.width
let heightScale = UIScreen.main.bounds.size.height/subview.frame.size.height
UIView.animate(withDuration: 1.0, animations: {
let scaleTransform = CGAffineTransform(scaleX: widthScale, y: heightScale)
let translateTransform = CGAffineTransform(translationX: offset.horizontal, y: offset.vertical)
self.subview.transform = scaleTransform.concatenating(translateTransform)
}, completion: { (finished) in
sender.tag = 1;
})
} else {
UIView.animate(withDuration: 1.0, animations: {
self.subview.transform = CGAffineTransform.identity
}, completion: { (finished) in
sender.tag = 0;
})
}
}
}