Изменение альфа-значения панели навигации

Возможно ли это?

Я хочу изменить альфа-значение панели навигации в моем контроллере представления (в анимации), но если я сделаю self.navigationController.navigationBar.alpha = 0.0;, часть экрана, на который движется навигационная панель, полностью исчезает и оставляет черный ящик, который не то, что я хотел бы (я бы предпочел, чтобы это был цвет фона self.view).

Ответ 1

Как я поддерживаю ответ Колина, я хочу дать вам дополнительный намек, чтобы настроить внешний вид UINavigationBar, включая альфа.

Хитрость заключается в использовании UIAppearance для вашего навигационного блока. Это позволяет назначить UIImage для вашего NavigationBar backgroundImage. Вы можете сгенерировать эти UIImages программно и использовать для этого UIColors и установить альфа-свойства цветов, как вы хотите. Я сделал это в одном из своих приложений и работает как ожидалось.

Здесь я даю вам несколько фрагментов кода:

например. в вашем..AppDelegate.m добавить эти строки в didFinishLaunchingWithOptions:

//create background images for the navigation bar
UIImage *gradientImage44 = nil; //replace "nil" with your method to programmatically create a UIImage object with transparent colors for portrait orientation
UIImage *gradientImage32 = nil; //replace "nil" with your method to programmatically create a UIImage object with transparent colors for landscape orientation

//customize the appearance of UINavigationBar
[[UINavigationBar appearance] setBackgroundImage:gradientImage44 forBarMetrics:UIBarMetricsDefault];
[[UINavigationBar appearance] setBackgroundImage:gradientImage32 forBarMetrics:UIBarMetricsLandscapePhone];
[[UINavigationBar appearance] setBarStyle:UIBarStyleDefault];

Внедрить удобные методы для программного создания объектов UIImage, например. создать новую категорию для UIImage:

//UIImage+initWithColor.h
//
#import <UIKit/UIKit.h>

@interface UIImage (initWithColor)

//programmatically create an UIImage with 1 pixel of a given color
+ (UIImage *)imageWithColor:(UIColor *)color;

//implement additional methods here to create images with gradients etc.
//[..]

@end

//UIImage+initWithColor.m
//
#import "UIImage+initWithColor.h"
#import <QuartzCore/QuartzCore.h>

@implementation UIImage (initWithColor)

+ (UIImage *)imageWithColor:(UIColor *)color
{
    CGRect rect = CGRectMake(0, 0, 1, 1);

    // create a 1 by 1 pixel context 
    UIGraphicsBeginImageContextWithOptions(rect.size, NO, 0);
    [color setFill];
    UIRectFill(rect);

    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return image;
}

Повторно выполните создание образа в 1. (#import "UIImage + initWithColor.h" в AppDelegate.m и замените "nil" s):

Это ваше место интереса: изменив альфа-свойство ваших цветов, вы также влияете на уровень непрозрачности вашего NavigationBar!

            UIImage *gradientImage44 = [UIImage imageWithColor:[UIColor colorWithRed:1.0 green:0.0 blue:1.0 alpha:0.2]];
            UIImage *gradientImage32 = [UIImage imageWithColor:[UIColor colorWithRed:1.0 green:0.0 blue:1.0 alpha:0.2]];

Я создал небольшой демонстрационный проект и добавил два скриншота: сам вид имеет желтый backgroundColor. Фоновые рисунки NavigationBar имеют красный цвет. Снимок экрана 1 показывает навигационную панель со значением для alpha = 0.2. Снимок экрана 2 показывает навигационную панель со значением для альфа = 0,8.

Ответ 2

Самый простой способ сделать это - изменить альфа-компонент фонового представления navigationBar, который в это время (iOS9) является первым поднабором navigationBar. Обратите внимание, однако, что мы никогда не знаем, будет ли иерархия subview изменена apple в последующих выпусках, поэтому будьте осторожны.

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

Ответ 3

Непосредственно из справки Apple Developer:

"есть только несколько прямых настроек, которые вы можете сделать для Панель навигации. В частности, это нормально изменить barStyle, tintColor и translucent, но вы никогда не должны напрямую измените UIView -уровневые свойства, такие как frame, bounds, alpha или hidden.

Однако вы можете установить свойство полупрозрачности панели навигации. Если вы делаете [self.navigationController.navigationBar setTranslucent:YES]; должен решить вашу проблему. Вы также можете попробовать, если какая-либо из UIBarStyle перечислений - это то, что вы хотите.

Ответ 4

Ответ MickBraun в Swift:

В AppDelegate.swift добавьте эти строки в doneFinishLaunchingWithOptions:

// 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

Внедрить удобные методы для программного создания объектов UIImage.

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
}

Ответ 5

Если вы просто хотите избавиться от navigationBar анимированным способом, вы можете сделать:

[self.navigationController setNavigationBarHidden:YES animated:YES];

Если вы хотите управлять анимацией и ее необходимо установить alpha на 0.0, прочитайте:

"Черный ящик", который вы видите, - из основного вида или окна. Если вы просто хотите, чтобы ваш цвет представлений вместо "черного ящика" делал:

self.navigationController.view.backgroundColor = self.view.backgroundColor;

[UIView animateWithDuration:1.0 delay:1.0 options:0 animations:^{
    self.navigationController.navigationBar.alpha = 0.0;
} completion:NULL];

Если вы хотите, чтобы ваш фактический вид находился там, где был navigationBar, вам нужно увеличить height вашего представления:

[UIView animateWithDuration:1.0 delay:1.0 options:0 animations:^{
    self.navigationController.navigationBar.alpha = 0.0;

    CGFloat navigationBarHeight = self.navigationController.navigationBar.frame.size.height;

    CGRect frame = self.view.frame;
    frame.origin.y -= navigationBarHeight;
    frame.size.height += navigationBarHeight;
    self.view.frame = frame;
} completion:NULL];

Ответ 6

У вас есть несколько вариантов, в частности, от barStyle вашего UINavigationBar. Главное, что вы, вероятно, не обязательно должны анимировать альфа-свойство, чтобы получить эффект, который вы описываете.

UIBarStyleDefault или UIBarStyleBlackOpaque Вариант A заключается в том, чтобы присвоить свойству полупрозрачного свойства UINavigationBar значение YES, а затем анимировать альфа:

            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;

                             }];

В этом случае ваше представление будет расположено за вашим навигатором, даже если его альфа 1.0. Недостатком этого сценария является то, что даже с 1.0 альфой вы можете увидеть оттенок цвета вашего фонового изображения позади UINavigationBar. Кроме того, все ваши подсмотры должны будут располагаться на 44 баллах сверху.

UIBarStyleDefault или UIBarStyleBlackOpaque Вариант B заключается в том, чтобы скрыть навигационную панель в анимации перехода с перекрестным отключением. Это вызовет просмотр UINavigationBar. Если вы используете UINavigationController, то черный фон в представлении UINavigationController - это то, что вы увидите, но вы можете установить цвет фона в представлении UINavigationController, чтобы он соответствовал вашему представлению, чтобы получить тот эффект, который вы хотите

    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];

Одной вещью, которую следует учитывать при использовании этого решения, может быть проблема с макетом, если UINavigationController обновляет рамку представления, потому что вы спрятали UINavigationBar. Это было бы хорошо, за исключением того, что ваши subviews могли бы сдвинуться на 44 пиксела, если они привязаны к левому верхнему краю. Чтобы обойти это, вы можете вместо этого привязать свои подзоны к нижней части своего вида (либо с пружинами, либо с ограничениями макета).

UIBarStyleDefault или UIBarStyleBlackOpaque Опция C должна прикрыть UINavigationBar другим представлением, снова используя анимацию перехода с перекрестными дисками:

        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. Этот параметр является самым простым, поскольку UINavigationBar уже полупрозрачен, и ваше представление уже стоит за ним. Просто анимируйте альфа:

    [UIView animateWithDuration: 1.0
                     animations: ^{

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

                     }];

Ответ 7

Это даст вам эффект, который вы желаете:

self.navigationController.navigationBar.alpha = 0.0;
self.navigationController.navigationBar.frame = CGRectMake(0,0,320,0);

Не пробовал это в анимации, но работает в моем viewDidAppear, надеюсь, что он работает.

Ответ 8

Вы также можете попытаться установить фоновый просмотр под панелью навигации и напрямую изменить этот вид.

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
}

Ответ 9

Swift3

var navAlpha = // Your appropriate calculation   
self.navigationController!.navigationBar.backgroundColor =  UIColor.red.withAlphaComponent(navAlpha)