Переход в полноэкранный режим просмотра вида с углом обзора - PullRequest
Новая
       81

Переход в полноэкранный режим просмотра вида с углом обзора

0 голосов
/ 23 сентября 2019

Я пытаюсь создать анимацию домашнего экрана приложения из всплеска, как после того, как экран запуска завершен (полный), цвет экрана превращается в цвет фона логотипа приложения.В настоящее время ниже код вид архива, что я ожидал.Но это преобразование CAShapeLayer не связано с радиусом угла.Без углового радиуса это работает как обычно, когда я пытаюсь использовать анимацию кругового / овального / углового радиуса, как показано ниже gif.

Пробовал несколько других ответов StackOverflow, которые создают анимацию круга, которые не работают. Вот один из них . 

    weak var viewTransitionContext: UIViewControllerContextTransitioning!

    func animateTransition(using transitionContext: UIViewControllerContextTransitioning) {
        viewTransitionContext = transitionContext

        guard let fromVC = viewTransitionContext.viewController(forKey: .from) else { return }
        guard let toVC = viewTransitionContext.viewController(forKey: .to) else { return }

        if fromVC.isKind(of: SOGSplashViewController.self) && toVC.isKind(of: SOGHomeViewController.self) {
            guard let toVCView = transitionContext.view(forKey: .to) else { return }
            guard let fromVCView = transitionContext.view(forKey: .from) else { return }

            let containerView = transitionContext.containerView
            let labelWidth = UIDevice.width() * 0.75
            let labelHeight = labelWidth * 0.7
            let xAxis = (UIDevice.width() - labelWidth)/2.0
            let yAxis = ((UIDevice.height()/2.0) - labelHeight)/2.0
            let labelRect = CGRect(x: xAxis, y: yAxis, width: labelWidth, height: labelHeight)
            let radius = (UIDevice.height()/2.0)*0.1
            let fromFrame = fromVCView.bounds
            let animationTime = transitionDuration(using: transitionContext)

            let maskLayer = CAShapeLayer()
            maskLayer.isOpaque = false
            maskLayer.fillColor = fromVCView.backgroundColor?.cgColor
            maskLayer.backgroundColor = UIColor.clear.cgColor
            maskLayer.path = toPathValue.cgPath

            let maskAnimationLayer = CABasicAnimation(keyPath: "path")
            maskAnimationLayer.fromValue = (UIBezierPath(rect: fromFrame)).cgPath
            maskAnimationLayer.toValue = toPathValue.cgPath
            maskAnimationLayer.duration = animationTime
            maskAnimationLayer.delegate = self as? CAAnimationDelegate

            containerView.addSubview(fromVCView)
            containerView.addSubview(toVCView)
            fromVCView.layer.add(maskAnimationLayer, forKey: nil)
            maskLayer.add(maskAnimationLayer, forKey: "path")
            containerView.layer.addSublayer(maskLayer)

            let deadLineTime = DispatchTime.now() + .seconds(1)
            DispatchQueue.main.asyncAfter(deadline: deadLineTime) {
                UIView.animate(withDuration: 0.2, animations: {
                    maskLayer.opacity = 0
                }, completion: { (isSuccess) in
                    self.viewTransitionContext.completeTransition(true)
                })
            }
        }
    }

enter image description here

1 Ответ

0 голосов
/ 29 сентября 2019

Преобразование прямоугольного пути в округленный прямоугольный путь - это очень сложная операция, если вы делаете это с помощью общего способа, такого как Core Animation. Вам лучше использовать свойство cornerRadius для CALayer, которое является анимируемым.

Вот рабочий пример с анимацией на основе ограничений: 

class ViewController: UIViewController {
    @IBOutlet var constraints: [NSLayoutConstraint]!
    @IBOutlet var contentView: UIView!

    override func viewDidLoad() {
        super.viewDidLoad()
    }

    override func viewDidAppear(_ animated: Bool) {
        self.contentView.layer.cornerRadius = 10.0
        self.animate(nil)
    }

    @IBAction func animate(_ sender: Any?) {
        for c in constraints {
            c.constant = 40.0
        }
        UIView.animate(withDuration: 4.0) {
            self.view.layoutIfNeeded()
            self.contentView.layer.cornerRadius = 40.0
        }
    }
}

contentView указывает на внутренний вид, который должен быть анимирован, а constraints относится к четырем ограничениям макета, определяющим расстояния отпредставление контроллера представления к представлению содержимого.

example

Это просто грубый пример, который, безусловно, можно улучшить.

...