Modifier la valeur alpha de la barre de navigation

La façon la plus simple de le faire est de modifier la composante alpha de navigationBar arrière-plan de la vue, qui, à cette époque (iOS9) est une première navigationBar sous-vue. Notez cependant que nous ne savons jamais si la sous-vue de la hiérarchie sera changé par apple dans les versions ultérieures, donc je dois être prudent.

let navigationBackgroundView = self.navigationController?.navigationBar.subviews.first
navigationBackgroundView?.alpha = 0.7

MickBraun réponse rapide:

1. Dans AppDelegate.swift ajouter ces lignes dans didFinishLaunchingWithOptions:

   //create background images for the navigation bar
   let gradientImage44 = UIImage.imageWithColor(UIColor(red: 1.0, green: 0.0, blue: 1.0, alpha: 0.2))
   let gradientImage32 = UIImage.imageWithColor(UIColor(red: 1.0, green: 0.0, blue: 1.0, alpha: 0.2))
   
   //customize the appearance of UINavigationBar
   UINavigationBar.appearance().setBackgroundImage(gradientImage44, forBarMetrics: .Default)
   UINavigationBar.appearance().setBackgroundImage(gradientImage32, forBarMetrics: .Compact)
   UINavigationBar.appearance().barStyle = .Default

2. Mettre en œuvre des méthodes pratiques de programmation pour créer UIImage objets.

   class func imageWithColor(colour: UIColor) -> UIImage {
       let rect = CGRectMake(0, 0, 1, 1)
   
       //Create a 1 by 1 pixel content
       UIGraphicsBeginImageContextWithOptions(rect.size, false, 0.0)
       colour.setFill()
       UIRectFill(rect)
   
       let image = UIGraphicsGetImageFromCurrentImageContext()
       UIGraphicsEndImageContext()
   
       return image
   }

Vous avez un peu d'options en fonction, en partie, sur le barStyle de votre UINavigationBar. La chose principale est de réaliser qu'il est probable que vous n'avez pas nécessairement à animer la propriété alpha pour obtenir l'effet que vous décrivez.

UIBarStyleDefault ou UIBarStyleBlackOpaque Option Un est à définir votre UINavigationBar translucide propriété à OUI, puis d'animer l'alpha:

            navigationBar.translucent = YES; //ideally set this early, in the nib/storyboard, or viewDidLoad

...

            [UIView animateWithDuration: 1.0
                             animations: ^{

                                 //toggle:
                                 navigationBar.alpha = navigationBar.alpha == 0 ? 1.0 : 0.0;

                             }];

Dans ce cas, votre vue sera placé derrière votre barre de navigation, même lorsque son alpha est de 1.0. L'inconvénient de ce scénario est que, même avec un 1.0 alpha, vous pouvez voir une teinte de vos point de vue de la couleur d'arrière-plan derrière le UINavigationBar. Aussi, l'ensemble de vos sous-vues devra être placé de 44 points de haut en bas.

UIBarStyleDefault ou UIBarStyleBlackOpaque Option B est de cacher la barre de navigation dans un environnement multi-disolve animation de transition. Cela permettra d'exposer le superview de la UINavigationBar. Si vous utilisez un UINavigationController puis le fond noir de la UINavigationController point de vue est ce que vous verrez, mais vous pouvez définir la couleur d'arrière-plan de la UINavigationController vue pour correspondre à votre vue pour obtenir l'effet que vous souhaitez:

    UINavigationBar* navigationBar = self.navigationController.navigationBar;

    self.navigationController.view.backgroundColor = self.view.backgroundColor;
    [UIView transitionWithView: navigationBar
                      duration: 1.0
                       options: UIViewAnimationOptionTransitionCrossDissolve
                    animations: ^{
                        //toggle:
                        navigationBar.hidden = !navigationBar.hidden;
                    }
                    completion: nil];

Une chose à surveiller avec cette solution pourrait être un problème de mise en page si le UINavigationController les mises à jour de votre point de vue image, parce que vous avez désactivé le UINavigationBar. Ce serait bien, sauf que les sous-vues peuvent passer de 44 pixels si ils sont ancrés haut à gauche. Pour contourner cela, vous pourriez envisager de fixer vos sous-vues vers le bas de votre point de vue à la place (avec des ressorts ou avec des contraintes de mise en forme).

UIBarStyleDefault ou UIBarStyleBlackOpaque Option C est de couvrir les UINavigationBar avec un autre point de vue, de nouveau à l'aide d'une croix-disolve animation de transition:

        UINavigationBar* navigationBar = self.navigationController.navigationBar;

        [UIView transitionWithView: navigationBar
                          duration: 1.0
                           options: UIViewAnimationOptionTransitionCrossDissolve | UIViewAnimationOptionAllowAnimatedContent
                        animations: ^{

                            //toggle:
                            const int tag = 1111; 
                            UIView* navOverlayView = [navigationBar viewWithTag: tag];
                            if ( navOverlayView == nil )
                            {
                                navOverlayView = [[UIView alloc] initWithFrame: CGRectInset( navigationBar.bounds, 0, -3 ) ];
                                navOverlayView.backgroundColor = self.view.backgroundColor;
                                navOverlayView.tag = tag;
                                [navigationBar addSubview: navOverlayView];
                            }
                            else
                            {
                                [navOverlayView removeFromSuperview];
                            }
                        }
                        completion: nil];

UIBarStyleBlackTranslucent: Cette option est la plus facile, comme le UINavigationBar est déjà translucide, et votre point de vue est déjà derrière elle. Simplement animer l'alpha:

    [UIView animateWithDuration: 1.0
                     animations: ^{

                         //toggle:
                         navigationBar.alpha = navigationBar.alpha == 0 ? 1.0 : 0.0;

                     }];

Vous pouvez également essayer de définir un arrière-plan de la vue en dessous de la barre de navigation et de modifier ce point de vue directement.

private lazy var backgroundView: UIView = UIView()

...

private func setupNavigationBarBackground() {
    guard let navigationBar = navigationController?.navigationBar else { return }
    navigationBar.setBackgroundImage(UIImage(), for: .default)
    navigationBar.isTranslucent = true
    view.addSubview(backgroundView)
    backgroundView.alpha = 0
    backgroundView.backgroundColor = .red
    backgroundView.translatesAutoresizingMaskIntoConstraints = false
    backgroundView.topAnchor.constraint(equalTo: topLayoutGuide.topAnchor).isActive = true
    backgroundView.bottomAnchor.constraint(equalTo: topLayoutGuide.bottomAnchor).isActive = true
    backgroundView.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true
    backgroundView.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
}

private func changeNavigationBarAlpha(to alpha: CGFloat) {
    backgroundView.alpha = alpha
}