Получите нужный цвет на полупрозрачной панели навигации iOS7

Полоса настроит ваши цветовые значения.

Предпочтительный метод, только для RGB> = 40, даст наибольшее размытие

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

https://www.transpire.com/insights/blog/bar-color-calculator/

Изменить: обратите внимание, что эти вычисления предназначены для белого фона и для более светлых цветов (rgb более 40, если вам нужно более темное, вам нужно будет добавить фоновый слой, как упоминалось другими, хотя это уменьшит размытие полосы)

Подробное руководство: https://www.transpire.com/insights/blog/custom-ui-navigationbar-colors-ios7/

Фрагмент:

@interface UnderlayNavigationBar : UINavigationBar

@end

.

@interface UnderlayNavigationBar ()
{
    UIView* _underlayView;
}

- (UIView*) underlayView;

@end

@implementation UnderlayNavigationBar

- (void) didAddSubview:(UIView *)subview
{
    [super didAddSubview:subview];

    if(subview != _underlayView)
    {
        UIView* underlayView = self.underlayView;
        [underlayView removeFromSuperview];
        [self insertSubview:underlayView atIndex:1];
    }
}

- (UIView*) underlayView
{
    if(_underlayView == nil)
    {
        const CGFloat statusBarHeight = 20;    //  Make this dynamic in your own code...
        const CGSize selfSize = self.frame.size;

        _underlayView = [[UIView alloc] initWithFrame:CGRectMake(0, -statusBarHeight, selfSize.width, selfSize.height + statusBarHeight)];
        [_underlayView setAutoresizingMask:(UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight)];
        [_underlayView setBackgroundColor:[UIColor colorWithRed:0.0f green:0.34f blue:0.62f alpha:1.0f]];
        [_underlayView setAlpha:0.36f];
        [_underlayView setUserInteractionEnabled:NO];
    }

    return _underlayView;
}

@end

.

UIViewController* rootViewController = ...;
UINavigationController* navigationController = [[UINavigationController alloc] initWithNavigationBarClass:[UnderlayNavigationBar class] toolbarClass:nil];
[navigationController.navigationBar setBarTintColor:[UIColor colorWithRed:0.0f green:0.0f blue:90.0f/255.0f alpha:1]];
[navigationController setViewControllers:@[rootViewController]];

Вам просто нужно изменить свойство translucent

navigationBar.translucent = NO;

По сути, это то же самое, что и удаление / создание прозрачных подвидов / подслоев панели навигации.

Я улучшил код из Яркие, яркие цвета для полупрозрачной панели UINavigationBar iOS 7 в моей вилке: https://github.com/allenhsu/CRNavigationController

С моей модификацией цвет результата на экране (выбранный на белом фоне) будет точно таким же, как и значение, переданное в setBarTintColor. Думаю, это отличное решение.

Я знаю, что этот ответ немного запоздал, но если вы используете Interface Builder, вы можете получить неправильный цвет при использовании шестнадцатеричного значения, потому что Interface Builder настроен на использование неправильного цветового пространства. В Xcode 6.4 вы можете нажать маленькую шестеренку в правом верхнем углу диалогового окна выбора цвета, чтобы выбрать, какое цветовое пространство вы используете:

Мой был установлен на sRGB IEC6196-2.1, тогда как мне действительно следовало использовать Generic RGB.

Если ваш цвет не слишком яркий, вы можете рассчитать эквивалентный цвет с альфа-каналом. Это хорошо работает в iOS 7.0.3+; до 7.0.3 он автоматически применял альфа 0,5.

В этом коде предполагается, что ваш входной цвет - RGB и непрозрачен, а цвет фона - белый:

- (UIColor *) colorByInterpolatingForBarTintWithMinimumAlpha: (CGFloat) alpha
{
    NSAssert(self.canProvideRGBComponents, @"Self must be a RGB color to use arithmatic operations");
    NSAssert(self.alpha == 1, @"Self must be an opaque RGB color");

    CGFloat r, g, b, a;
    if (![self getRed:&r green:&g blue:&b alpha:&a]) return nil;

    CGFloat r2,g2,b2,a2;
    r2 = g2 = b2 = a2 = 1;

    CGFloat red,green,blue;

    alpha -= 0.01;
    do {
        alpha += 0.01;
        red = (r - r2 + r2 * alpha) / alpha;
        green = (g - g2 + g2 * alpha) / alpha;
        blue = (b - b2 + b2 * alpha) / alpha;
    } while (alpha < 1 && (red < 0 || green < 0 || blue < 0 || red > 1 || green > 1 || blue > 1));

    UIColor *new = [UIColor colorWithRed:red green:green blue:blue alpha:alpha];
    return new;
}

Если у кого-то есть более элегантный способ вычисления альфа (я съеживаюсь от этого цикла do-while), я бы хотел его увидеть: https://gist.github.com/sgtsquiggs/7206385

Просто воспользуйтесь этим простым калькулятором barTintColor:

http://htmlpreview.github.io/?https://github.com/tparry/Miscellaneous/blob/master/UINavigationBar_UIColor_calculator.html.

Вот еще один способ получить правильный цвет полупрозрачной панели навигации в iOS 7.x и новее. Для некоторых цветов можно найти оптимальный цвет оттенка полосы, при котором полупрозрачная полоса будет отображаться с цветом, который соответствует желаемому.

Например, для цвета Facebook rgb: 65,96,156 или #41609c оптимальный цвет - #21458c. Следующий код устанавливает для всех панелей навигации в приложении цвет Facebook только с собственным API-интерфейсом какао:

UIColor* barColor = [UIColor colorWithRed:0.129995 green:0.273324 blue:0.549711 alpha:1.0]; // #21458c to make bars actual color match the #41609c color.
[[UINavigationBar appearance] setBarTintColor:barColor];

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

Я создал утилиту BarTintColorOptimizer, которую следует запустить на устройстве для поиска оптимизированного цвета полосы для любого цвета, который вы вводите. .

Я полагаю, вы прочитали все комментарии выше. Если вы хотите получить настраиваемый фон и прозрачность, вам следует переопределить класс панели навигации и реализовать свой собственный метод layoutubviews. Просто добавьте сюда дополнительное подвид. ВАЖНО: вы должны добавить его чуть выше фонового представления NavigationBar. Он скроет ваш заголовок или кнопки, если вы просто поместите его над всеми подпредставлениями.

Также ознакомьтесь с этим вопросом

Простое / быстрое решение, которое сработало для меня. Просто установите оттенок полосы в раскадровке, а не на фоне.

Сначала выберите панель навигации в контроллере навигации

Затем щелкните инспектор атрибутов справа и установите оттенок полосы

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

Чтобы цвет оттенка выглядел темнее, вы можете изменить цвет фона панели навигации:

UIColor *color1 = [UIColor colorWithRed:55.0f/256.0f green:0.0f blue:1.0f alpha:1.0f];
[navBar setBarStyle:UIBarStyleBlackTranslucent];
[navBar setBarTintColor:color1];
UIColor *color2 = [UIColor colorWithWhite:0 alpha:0.3];
[navBar setBackgroundColor:color2];

Попробуйте поиграть с color1 и color2, чтобы добиться подходящего вам результата. Все остальное будет бороться с фреймворком.

navBar.barTintColor = [UIColor orangeColor];
navBar.translucent = YES;
UIColor *backgroundLayerColor = [[UIColor redColor] colorWithAlphaComponent:0.7f];
static CGFloat kStatusBarHeight = 20;

CALayer *navBackgroundLayer = [CALayer layer];
navBackgroundLayer.backgroundColor = [backgroundLayerColor CGColor];
navBackgroundLayer.frame = CGRectMake(0, -kStatusBarHeight, navBar.frame.size.width,
        kStatusBarHeight + navBar.frame.size.height);
[navBar.layer addSublayer:navBackgroundLayer];
// move the layer behind the navBar
navBackgroundLayer.zPosition = -1;

Обратите внимание, что вам все равно придется поработать с barTintColor и backgroundLayerColor, чтобы получить точный цвет, который вы хотите. Кроме того, конечно, цвета зависят от цвета фона вашего представления контента (например, белого).

Я расширил UINavigationController,
на его viewDidLoad, добавил фон с таким же цветом оттенка.

Кроме того, я установил фоновую рамку, чтобы закрыть область строки состояния:

    self.navigationBar.barTintColor = navBackgroundColor;
    CGRect bgFrame = self.navigationBar.bounds;
    bgFrame.origin.y -= 20.0;
    bgFrame.size.height += 20.0;
    UIView *backgroundView = [[UIView alloc] initWithFrame:bgFrame];
    backgroundView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
    backgroundView.backgroundColor = navBackgroundColor;
    backgroundView.alpha = 0.6;
    [self.navigationBar addSubview:backgroundView];
    [self.navigationBar sendSubviewToBack:backgroundView];

В моем случае альфа 0.6 справилась со своей задачей, но с ней можно поиграть.

Если вы используете Swift 2.0, вы можете использовать это, это удалит размытие и цвет будет отображаться правильно.

UINavigationBar.appearance().translucent = false

Сравнивая мои цвета до и после, я обнаружил, что насыщенность снизилась на 21%, в то время как оттенок и яркость остались прежними.

Добавив 21% обратно, я смог значительно улучшить соответствие цветов. К сожалению, наш цвет изначально имел насыщенность выше 80, поэтому увеличение значения выше 100% приводило к уменьшению отдачи и не соответствовало идеально, но стало намного ближе.

Для цветов с насыщенностью ниже 80 он должен работать еще лучше.

Для получения информации о том, как настроить насыщенность вашего цвета Как можно Я изменяю оттенок, яркость и насыщенность UIColor?

Вы можете запустить приложение в симуляторе и выбрать цвет панели навигации с помощью инструмента «Пипетка».

Я много огляделся, и ни один из них на самом деле не сработал для меня, решение заключается в следующем:

1. Установите для навигации barTintColor (фон).

2- Запустите симулятор и откройте свое приложение, на вашем Mac откройте Цифровой измеритель цвета и выберите раскрывающийся список «Отображать в стандартном RGB».

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

4- Перейдите в раскадровку, затем выберите цвет фона и убедитесь, что он на слайдерах RGB, и введите цвет здесь, вы получите тот же цвет, что и панель навигации.

Примечание. не имеет значения, включен ли isTranslucent или нет.

Надеюсь, что это помогает вам.

Это должно работать:

UIColor *barColour = [UIColor colorWithRed:0.13f green:0.14f blue:0.15f alpha:1.00f];

UIView *colourView = [[UIView alloc] initWithFrame:CGRectMake(0.f, -20.f, 320.f, 64.f)];
colourView.opaque = NO;
colourView.alpha = .7f;
colourView.backgroundColor = barColour;

self.navigationBar.barTintColor = barColour;

[self.navigationBar.layer insertSublayer:colourView.layer atIndex:1];

Взято из здесь

Это работает для меня:

CALayer *layer = [CALayer layer];
layer.frame = CGRectMake(0, -20,navigationBar.frame.size.width,navigationBar.frame.size.height + 20);
layer.backgroundColor = [[UIColor blueColor] colorWithAlphaComponent:0.75].CGColor;
layer.zPosition = -5;
[navigationBar.layer addSublayer:layer];

Это происходит потому, что navigationBar.translucent == YES. Установите для этого свойства значение NO, и это будет правильный цвет. Однако я не узнал, как применить этот полупрозрачный параметр ко всем панелям навигации, не вызывая его явно для каждой. При этом строка состояния также остается того же цвета, что и панель навигации.

Попробуйте отрендерить соответствующее фоновое изображение для панели навигации. Это сработало для моего тестового приложения.

UIGraphicsBeginImageContext(CGSizeMake(1, 1));
CGContextRef context = UIGraphicsGetCurrentContext();
[[UIColor colorWithRed:55.0f/256.0f green:0.0f blue:1.0f alpha:0.5f] set];
CGContextFillRect(context, CGRectMake(0, 0, 1, 1));

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

[[UINavigationBar appearance] setBackgroundImage:navBarBackgroundImage forBarMetrics:UIBarMetricsDefault];
[[UINavigationBar appearance] setBackgroundImage:navBarBackgroundImage forBarMetrics:UIBarMetricsLandscapePhone];