Анимация изменения размера UIView с угловым радиусом [дубликат]

UPDATE: Если целью развертывания является iOS 11 или новее:

Начиная с iOS 11, UIKit будет анимировать cornerRadius, если вы обновите его внутри блока анимации. Просто установите layer.cornerRadius вашего представления в блок анимации UIView или (чтобы обрабатывать изменения ориентации интерфейса), установите его в layoutSubviews или viewDidLayoutSubviews.

ОРИГИНАЛ: Если цель развертывания старше чем iOS 11:

Итак, вы хотите это:

(Я включил Debug> Slow Animations, чтобы упростить гладкость чтобы увидеть.)

Боковое высказывание, не стесняйтесь пропустить этот абзац: это оказывается намного сложнее, чем должно быть, потому что SDK iOS не делает параметры (продолжительность, временная кривая) анимации авторотации, доступной удобным способом. Вы можете (я думаю) получить от них, переопределив -viewWillTransitionToSize:withTransitionCoordinator: на вашем контроллере просмотра, чтобы вызвать -animateAlongsideTransition:completion: на координаторе перехода, а в обратном вызове вы передадите transitionDuration и completionCurve из UIViewControllerTransitionCoordinatorContext. И тогда вам нужно передать эту информацию до вашего CircleView, который должен сохранить его (поскольку он еще не был изменен!), А позже, когда он получает layoutSubviews, он может использовать его для создания CABasicAnimation для cornerRadius с сохраненными параметрами анимации. И не случайно создавайте анимацию, когда это не анимированный размер ... End of side rant.

Ничего себе, это звучит как тонна работы, и вам нужно привлечь контроллер вида. Вот еще один подход, который полностью реализован внутри CircleView. Он работает сейчас (в iOS 9), но я не могу гарантировать, что он всегда будет работать в будущем, потому что он делает два предположения, которые теоретически могут быть ошибочными в будущем.

Вот такой подход: переопределить -actionForLayer:forKey: в CircleView, чтобы вернуть действие, которое при запуске устанавливает анимацию для cornerRadius.

Это два предположения:

• bounds.origin и bounds.size получить отдельные анимации. (Это правда сейчас, но предположительно будущий iOS мог бы использовать одну анимацию для bounds. Было бы достаточно легко проверить анимацию bounds, если анимация bounds.size не найдена.)
• Анимация bounds.size добавляется в слой до того, как Core Animation запросит действие cornerRadius.

Учитывая эти предположения, когда Core Animation запрашивает действие cornerRadius, мы можем получить анимацию bounds.size со слоя, скопировать ее и изменить копию для анимации cornerRadius. Копия имеет те же параметры анимации, что и оригинал (если мы не модифицируем их), поэтому она имеет правильную продолжительность и временную кривую.

Вот начало CircleView:

class CircleView: UIView {

    override func layoutSubviews() {
        super.layoutSubviews()
        updateCornerRadius()
    }

    private func updateCornerRadius() {
        layer.cornerRadius = min(bounds.width, bounds.height) / 2
    }

Обратите внимание, что границы представления задаются до того, как представление получает layoutSubviews, и поэтому перед обновлением cornerRadius. Вот почему анимация bounds.size установлена ​​перед запросом анимации cornerRadius.

Когда мы устанавливаем cornerRadius, Core Animation просит нас запустить CAAction:

    override func action(for layer: CALayer, forKey event: String) -> CAAction? {
        if event == "cornerRadius" {
            if let boundsAnimation = layer.animation(forKey: "bounds.size") as? CABasicAnimation {
                let animation = boundsAnimation.copy() as! CABasicAnimation
                animation.keyPath = "cornerRadius"
                let action = Action()
                action.pendingAnimation = animation
                action.priorCornerRadius = layer.cornerRadius
                return action
            }
        }
        return super.action(for: layer, forKey: event)
    }

В код выше, если нас попросят выполнить действие для cornerRadius, мы будем искать CABasicAnimation на bounds.size. Если мы его найдем, мы скопируем его, изменим путь ключа к cornerRadius и сохраним его в пользовательском CAAction (класса Action, который я покажу ниже). Мы также сохраняем текущее значение свойства cornerRadius, потому что Core Animation вызывает actionForLayer:forKey: перед обновлением свойства.

После возвращения actionForLayer:forKey: Core Animation обновляет свойство cornerRadius этого слоя. Затем он запускает действие, отправив его runActionForKey:object:arguments:. Задача действия - установить любую анимацию. Вот пользовательский подкласс CAAction, который я вложил внутри CircleView:

    private class Action: NSObject, CAAction {
        var pendingAnimation: CABasicAnimation?
        var priorCornerRadius: CGFloat = 0
        public func run(forKey event: String, object anObject: Any, arguments dict: [AnyHashable : Any]?) {
            if let layer = anObject as? CALayer, let pendingAnimation = pendingAnimation {
                if pendingAnimation.isAdditive {
                    pendingAnimation.fromValue = priorCornerRadius - layer.cornerRadius
                    pendingAnimation.toValue = 0
                } else {
                    pendingAnimation.fromValue = priorCornerRadius
                    pendingAnimation.toValue = layer.cornerRadius
                }
                layer.add(pendingAnimation, forKey: "cornerRadius")
            }
        }
    }
} // end of CircleView

Метод runActionForKey:object:arguments: устанавливает свойства fromValue и toValue анимации, а затем добавляет анимация к слою. Есть осложнение: UIKit использует «аддитивные» анимации, потому что они работают лучше, если вы запускаете другую анимацию в свойстве, в то время как более ранняя анимация все еще работает. Поэтому наше действие проверяет это.

Если анимация является аддитивной, она устанавливает fromValue на разницу между старыми и новыми угловыми радиусами и устанавливает toValue на ноль. Поскольку свойство cornerRadius уровня уже обновлено к моменту запуска анимации, добавив, что fromValue в начале анимации делает его похожим на старый угловой радиус и добавляет toValue к нулю в конце анимации делает его похожим на новый угловой радиус.

Если анимация не является аддитивной (что не происходит, если UIKit создал анимацию, насколько я знаю), то она просто устанавливает значение fromValue и toValue.

Вот весь файл для вашего удобства:

import UIKit

class CircleView: UIView {

    override func layoutSubviews() {
        super.layoutSubviews()
        updateCornerRadius()
    }

    private func updateCornerRadius() {
        layer.cornerRadius = min(bounds.width, bounds.height) / 2
    }

    override func action(for layer: CALayer, forKey event: String) -> CAAction? {
        if event == "cornerRadius" {
            if let boundsAnimation = layer.animation(forKey: "bounds.size") as? CABasicAnimation {
                let animation = boundsAnimation.copy() as! CABasicAnimation
                animation.keyPath = "cornerRadius"
                let action = Action()
                action.pendingAnimation = animation
                action.priorCornerRadius = layer.cornerRadius
                return action
            }
        }
        return super.action(for: layer, forKey: event)
    }

    private class Action: NSObject, CAAction {
        var pendingAnimation: CABasicAnimation?
        var priorCornerRadius: CGFloat = 0
        public func run(forKey event: String, object anObject: Any, arguments dict: [AnyHashable : Any]?) {
            if let layer = anObject as? CALayer, let pendingAnimation = pendingAnimation {
                if pendingAnimation.isAdditive {
                    pendingAnimation.fromValue = priorCornerRadius - layer.cornerRadius
                    pendingAnimation.toValue = 0
                } else {
                    pendingAnimation.fromValue = priorCornerRadius
                    pendingAnimation.toValue = layer.cornerRadius
                }
                layer.add(pendingAnimation, forKey: "cornerRadius")
            }
        }
    }
} // end of CircleView

Мой ответ был вдохновлен этим ответом Саймона .