展开 UiView 动画答案

【问题标题】：Expanding UiView Animation展开 UiView 动画
【发布时间】：2016-06-16 21:45:49
【问题描述】：

我正在尝试在我的 swift iOS 应用中实现以下动画。目前在我的屏幕底部有一个UIView，具有以下属性：

  let containerView : UIView = {
    let this = UIView(frame: CGRectMake(0,0, 600,150))
    this.backgroundColor = UIColor.clearColor()
    this.layer.cornerRadius = 5
    this.layer.borderColor = UIColor(red: (69/255.0), green: (209/255.0), blue: (153/255.0), alpha: 1.0).CGColor
    this.layer.borderWidth = 0.5
    return this
}()

里面有一个imageView，几个按钮和其他组件。 containerView 还实现了模糊效果。当用户按下它时，我希望视图向上移动直到它到达屏幕顶部。同时我希望绘制边框，以填满整个屏幕，如下面的轮廓所示。我还想将模糊效果作为动画与边框一起应用到整个屏幕。最后，当这个动画完成时，我希望我的 collectionView 淡入已在展开视图中创建的空间。我在 Swift 中动画视图的经验几乎为零，但是这些是我的想法：

应用移动动画，将视图顶部从当前位置移动到屏幕顶部。
在此过程中，逐渐淡入展开的视图，使其看起来好像视图本身正在展开。
最后，当两个动画都完成后，在 collectionView 中淡入淡出（这应该是最简单的部分）。

但是，我不确定我的思维方式是否正确，尤其是在动态绘制边框和背景进行动画时。我正在寻找一些关于如何解决这个问题的建议。

【问题讨论】：

标签： ios swift animation uiview

【解决方案1】：

取出您想要动画的视图的heightConstraint。最初制作heightConstraint.constant = 0。

点击后做这样的事情。

UIView.animateWithDuration(0.3) {
       self.heightConstraint.constant = YOURMAXVALUE
// perform fade in out tasks here 

        self.view.setNeedsUpdateConstraints()
        self.view.layoutIfNeeded()
    };

或者您也可以使用 topConstrant 来执行此操作.. 最初设置 topConstaint 使得视图会下降。然后像这样动画来看看效果

【讨论】：