Анимация цвета панели навигации

Я пытаюсь анимировать изменение цвета панели навигации при возврате к предыдущему контроллеру. Чтобы дать ему некоторый контекст, у меня есть контроллер A, который является контроллером collectionView и имеет непрозрачный цвет панели навигации, заданный:

self.navigationController?.navigationBar.barTintColor = UIColor.rgb(red: 244, green: 67, blue: 54)
self.navigationController?.navigationBar.tintColor = .white
self.navigationController?.navigationBar.titleTextAttributes = [NSForegroundColorAttributeName : UIColor.white]
self.navigationController?.navigationBar.isTranslucent = false

После выбора collectionViewCell я перехожу к следующему контроллеру B, где панель навигации становится прозрачной:

self.navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)
self.navigationController?.navigationBar.shadowImage = UIImage()
self.navigationController?.navigationBar.isTranslucent = true

Когда пользователь нажимает на стрелку назад, я хочу, чтобы панель навигации вернулась к исходным цветам. Я попробовал простую анимацию UIView для функции viewWillDissappear контроллера B, willMove(toParentViewController) и функции viewWillAppear для контроллера A:

Вот анимация:

UIView.animate(withDuration: 0.5) {
   self.navigationController?.navigationBar.barTintColor = UIColor.rgb(red: 244, green: 67, blue: 54)
   self.navigationController?.navigationBar.setBackgroundImage(nil, for: .default)
   self.navigationController?.navigationBar.shadowImage = nil
   self.navigationController?.navigationBar.isTranslucent = false
   self.navigationController?.navigationBar.layoutIfNeeded()
}

После этого я попытался использовать координатора перехода, но получил те же результаты:

guard let coordinator = self.transitionCoordinator else {
        return
    }

coordinator.animate(alongsideTransition: {
    [weak self] context in
   self?.navigationController?.navigationBar.barTintColor = UIColor.rgb(red: 244, green: 67, blue: 54)
   self?.navigationController?.navigationBar.setBackgroundImage(nil, for: .default)
   self?.navigationController?.navigationBar.shadowImage = nil
   self?.navigationController?.navigationBar.isTranslucent = false
   self?.navigationController?.navigationBar.layoutIfNeeded()
}, completion: nil)

Кажется, что независимо от того, что я пытаюсь или куда я помещаю код, я всегда получаю один и тот же результат. Я знаю, что код повторяется, но я просто пытался понять, почему, поэтому пришлось много копировать и вставлять.

Результат панели навигации

Из того, что я могу сказать, я думаю, что это как-то связано с фоновым изображением предыдущего контроллера, но я в тупике, кажется, я вижу черный экран перед анимацией под панелью навигации. Любая помощь будет принята с благодарностью.

Спасибо


person Paulo    schedule 03.06.2017    source источник
comment
проверьте этот пост, может помочь stackoverflow.com/ вопросы/39835420/   -  person Joe    schedule 03.06.2017
comment
Реально помогло спасибо :)   -  person Paulo    schedule 03.06.2017


Ответы (1)


Подробности

xCode 8.3.2, быстрый 3.1

Решение

override func viewWillAppear(_ animated: Bool) {
    if let navigationBar = self.navigationController?.navigationBar {
        navigationBar.backgroundColor = .blue
    }
}

Полный образец

ViewController

import UIKit

class ViewController: UIViewController {

    override func viewWillAppear(_ animated: Bool) {
        if let navigationBar = self.navigationController?.navigationBar {
            navigationBar.barTintColor = UIColor(red: 244/255, green: 67/255, blue: 54/255, alpha: 1.0)
            navigationBar.tintColor = .white
            navigationBar.titleTextAttributes = [NSForegroundColorAttributeName : UIColor.white]
            navigationBar.isTranslucent = false
        }
    }
}

ViewController2

import UIKit

class ViewController2: UIViewController {

    override func viewWillAppear(_ animated: Bool) {
        if let navigationBar = self.navigationController?.navigationBar {
            let color = UIColor(red: 1, green: 153/255, blue: 0, alpha: 1.0)
            navigationBar.setBackgroundImage(UIImage.imageWithColor(color: color), for: .default)
            navigationBar.shadowImage = UIImage()
            navigationBar.isTranslucent = true
        }
    }

    override func viewWillDisappear(_ animated: Bool) {
        if let navigationBar = self.navigationController?.navigationBar {
            navigationBar.setBackgroundImage(nil, for: .default)
            navigationBar.shadowImage = nil
            navigationBar.isTranslucent = false
        }
    }
}

расширение UIImage

import UIKit

extension UIImage {
    class func imageWithColor(color: UIColor) -> UIImage {
        let rect = CGRect(x: 0, y: 0, width: 1, height: 1)
        UIGraphicsBeginImageContextWithOptions(CGSize(width: 1, height: 1), false, 0)
        color.setFill()
        UIRectFill(rect)
        let image = UIGraphicsGetImageFromCurrentImageContext()!
        UIGraphicsEndImageContext()
        return image
    }
}

Основная.раскадровка

<?xml version="1.0" encoding="UTF-8"?>
<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="12120" systemVersion="16F73" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="Tzy-ol-uu0">
    <device id="retina4_7" orientation="portrait">
        <adaptation id="fullscreen"/>
    </device>
    <dependencies>
        <deployment identifier="iOS"/>
        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="12088"/>
        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
    </dependencies>
    <scenes>
        <!--View Controller-->
        <scene sceneID="tne-QT-ifu">
            <objects>
                <viewController id="BYZ-38-t0r" customClass="ViewController" customModule="stackowerflow_44343355" customModuleProvider="target" sceneMemberID="viewController">
                    <layoutGuides>
                        <viewControllerLayoutGuide type="top" id="y3c-jy-aDJ"/>
                        <viewControllerLayoutGuide type="bottom" id="wfy-db-euE"/>
                    </layoutGuides>
                    <view key="view" contentMode="scaleToFill" id="8bC-Xf-vdC">
                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                        <subviews>
                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="eIC-Nm-Ex7">
                                <rect key="frame" x="164" y="318" width="46" height="30"/>
                                <state key="normal" title="Button"/>
                                <connections>
                                    <segue destination="QHs-H4-fAS" kind="show" id="Rff-Eq-K6g"/>
                                </connections>
                            </button>
                        </subviews>
                        <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                        <constraints>
                            <constraint firstItem="eIC-Nm-Ex7" firstAttribute="centerX" secondItem="8bC-Xf-vdC" secondAttribute="centerX" id="G1g-VM-MAn"/>
                            <constraint firstItem="eIC-Nm-Ex7" firstAttribute="centerY" secondItem="8bC-Xf-vdC" secondAttribute="centerY" id="mdZ-GP-EQw"/>
                        </constraints>
                    </view>
                    <navigationItem key="navigationItem" id="hq3-zt-U4K"/>
                </viewController>
                <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
            </objects>
            <point key="canvasLocation" x="977" y="791"/>
        </scene>
        <!--View Controller2-->
        <scene sceneID="F9C-Nz-6dd">
            <objects>
                <viewController id="QHs-H4-fAS" customClass="ViewController2" customModule="stackowerflow_44343355" customModuleProvider="target" sceneMemberID="viewController">
                    <layoutGuides>
                        <viewControllerLayoutGuide type="top" id="AV0-X8-nhX"/>
                        <viewControllerLayoutGuide type="bottom" id="AsY-Gl-67v"/>
                    </layoutGuides>
                    <view key="view" contentMode="scaleToFill" id="1fA-pX-rzR">
                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                        <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
                    </view>
                </viewController>
                <placeholder placeholderIdentifier="IBFirstResponder" id="Uzd-Tb-KRO" userLabel="First Responder" sceneMemberID="firstResponder"/>
            </objects>
            <point key="canvasLocation" x="1770" y="789"/>
        </scene>
        <!--Navigation Controller-->
        <scene sceneID="Jff-OO-3e7">
            <objects>
                <navigationController automaticallyAdjustsScrollViewInsets="NO" id="Tzy-ol-uu0" sceneMemberID="viewController">
                    <toolbarItems/>
                    <navigationBar key="navigationBar" contentMode="scaleToFill" id="804-YF-T6T">
                        <rect key="frame" x="0.0" y="0.0" width="375" height="44"/>
                        <autoresizingMask key="autoresizingMask"/>
                    </navigationBar>
                    <nil name="viewControllers"/>
                    <connections>
                        <segue destination="BYZ-38-t0r" kind="relationship" relationship="rootViewController" id="BRB-ym-7I2"/>
                    </connections>
                </navigationController>
                <placeholder placeholderIdentifier="IBFirstResponder" id="M6i-ib-61I" userLabel="First Responder" sceneMemberID="firstResponder"/>
            </objects>
            <point key="canvasLocation" x="140" y="791.15442278860576"/>
        </scene>
    </scenes>
</document>
person Vasily Bodnarchuk    schedule 03.06.2017
comment
Я попытался использовать функции viewWillAppear. Хотя, я попробую еще раз. На данный момент у меня есть кое-что, хотя и немного хакерское, переопределяющее функцию loadView - person Paulo; 03.06.2017
comment
Я думаю, это потому, что я устанавливаю панель навигации прозрачной на втором контроллере представления. - person Paulo; 03.06.2017