在单个Uiview.transition块中为Uilabel和Uibutton动画吗？

Question

我需要动画化Uilabel和Uibutton的图像属性的变化。

我目前使用两个Uiview.Transition块，这些块似乎正常，但是看起来很糟糕，而且我肯定是避免重复代码的更好的方法。目前这样做：

UIView.transition(with: label, duration: 1, options: [.curveEaseInOut, .transitionCrossDissolve], animations: {
        self.label.text = someText
}, completion: nil)

UIView.transition(with: aButton, duration: 1, options: [.curveEaseInOut, .transitionCrossDissolve], animations: {
        self.aButton.setImage(aUIImage, for: .normal)
}, completion: nil)

afaik没有init for uiview.transition，它会吸收一系列的Uiviews来动画或类似的东西。

谢谢！

Answer 1

概念

似乎没有“内置”方法可以在一个 uiview.transition 动画块中过渡多个视图。

相反，如果我们有一种控制过渡而没有块，我们可以尝试自己制作。输入 catransition ！

您可以使用 catransition 将交叉分解效果添加到 calayer 类似：

let transition = CATransition()
transition.duration = 0.3
transition.type = .fade
view.layer.add(transition, forKey: "transition")

答案

catransition 可以同时添加到多层。因此，我们可以使用这些知识来编写自己的代码，该代码将这种过渡应用于多层（或视图）。

我继续为您制作了 uiview 扩展。剥离版本看起来像这样：

extension UIView{

    class func groupTransition(
        with views: [UIView],
        duration: TimeInterval,
        animations: (() -> Void)?
    ){
        let transition = CATransition()
        transition.duration = duration
        transition.type = .fade
        
        for v in views{
            v.layer.add(transition, forKey: "transition")
        }
        
        animations?()
    }
}

您可以传递要过渡的视图列表，并在一个块中执行所有过渡更改。

UIView.groupTransition(
    with: [label, aButton],
    duration: 0.3
) {
    self.label.text = self.getRandomText()
    self.aButton.setImage(self.getRandomImage(), for: .normal)
}

讨论

我添加了更多功能（例如动画曲线，延迟等），并制作了更可用的版本，并在此处发布了它。

当然，这种方法有缺点。您将失去所有基于“翻转”过渡的花式过渡。这是因为CoreAimation Transition API只有一些基本的（但不错的）效果。

随意订购存储库并为您的喜好进行调整。