UIView 动画从屏幕下方滑动到屏幕底部

Question

我以编程方式创建了一个UIStackView，它由UICollectionView垂直堆叠的两个组成。其中之一是菜单栏，其中之一是显示媒体内容的网格。

let contentStack = UIStackView()
contentStack.addArrangedSubview(menuBar)
contentStack.addArrangedSubview(grid)
self.view.addSubview(contentStack)

UIStackView一旦点击按钮，我希望出现在屏幕底部。但是，当它出现时，我希望它做一个动画，所以它从屏幕下方向上滑动。我已经查看了类似于我的帖子的旧解决方案，但我找不到任何有用的东西，因为我手动设置了这样的约束：

contentStack.translatesAutoresizingMaskIntoConstraints = false
contentStackBotAnchor = contentStack.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: 0)
contentStackBotAnchor!.isActive = true
contentStack.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
contentStack.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true
contentStack.axis = .vertical
contentStack.spacing = 0

我尝试过这样的解决方案：

UIView.animate(withDuration: 0.5, delay: 0, usingSpringWithDamping: 1, initialSpringVelocity: 1, options: .curveEaseIn, animations: {
           self.contentStack.frame = CGRect.init(x: 0, y: self.view.frame.height - self.contentStack.frame.height, width: self.contentStack.frame.width, height: self.contentStack.frame.height)
        }, completion: nil)

这对我不起作用。

Answer 1

正如Reinier所说，您可以为约束设置动画。另一种选择可能是使用CGAffineTransform. 当视图加载时，只需使用以下内容更改您的 y 值UIStackView：

contentStack.transform = CGAffineTransform(translationX: 0, y: view.frame.height)

然后，当您想要为其设置动画时，请使用您选择的动画：

UIView.animate(withDuration: 0.5, animations: {
    contentStack.transform = .identity
})

这是我在这种情况下更喜欢的，希望它有所帮助。