Как нарисовать прозрачный UIToolbar или UINavigationBar в iOS7


88

Хотелось бы полностью прозрачного UIToolbarи / или UINavigationBar. Я пробовал различные заклинания, предложенные до и после iOS 5, но, похоже, ни один из них больше не работает.

Как это можно сделать в iOS 7?


Для потомков - я по ошибке использовал self.edgesForExtendedLayout = UIRectEdgeNone, что предотвращает расширение представления под панелью инструментов.
Бен Паккард,

Ответы:


303

Swift 3 (iOS 10)

Прозрачный UIToolbar

self.toolbar.setBackgroundImage(UIImage(),
                                forToolbarPosition: .any,
                                barMetrics: .default)
self.toolbar.setShadowImage(UIImage(), forToolbarPosition: .any)

Прозрачный UINavigationBar

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

Свифт <3

Прозрачный UIToolbar

self.toolbar.setBackgroundImage(UIImage(),
                                forToolbarPosition: UIBarPosition.Any,
                                barMetrics: UIBarMetrics.Default)
self.toolbar.setShadowImage(UIImage(),
                            forToolbarPosition: UIBarPosition.Any)

Прозрачный UINavigationBar

self.navigationBar.setBackgroundImage(UIImage(), forBarMetrics: UIBarMetrics.Default)
self.navigationBar.shadowImage = UIImage()
self.navigationBar.translucent = true

Цель-C

Прозрачный UIToolbar

[self.toolbar setBackgroundImage:[UIImage new]
              forToolbarPosition:UIBarPositionAny
                      barMetrics:UIBarMetricsDefault];
[self.toolbar setShadowImage:[UIImage new]
          forToolbarPosition:UIBarPositionAny];

Прозрачный UINavigationBar

[self.navigationBar setBackgroundImage:[UIImage new]
                         forBarMetrics:UIBarMetricsDefault];
self.navigationBar.shadowImage = [UIImage new];
self.navigationBar.translucent = YES;

Обсуждение

Установка translucentдля YESнавигационной панели делает трюк, из - за поведение обсуждается в UINavigationBarдокументации. Сообщу здесь соответствующий фрагмент:

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


Конечный результат

конечный результат


1
Вы подтвердили, что версия панели инструментов работает на iOS7? У меня темная панель инструментов и странное мерцание на презентации.
Бен Паккард,

2
Скриншот из iOS 7симулятора
Габриэле Петронелла

Также я просто запускаю тестовое приложение на своем iPhone 5 с iOS 7, и оно работает должным образом.
Габриэле Петронелла

1
Красиво сделано, так много неправильных / плохих способов сделать это там на SO
pfrank

2
Если вы используете EdgeForExtendedLayout = UIRectEdgeNone, вы, вероятно, захотите реализовать собственные переходы. Потому что в противном случае при нажатии видов переход по умолчанию создаст темное мерцание под прозрачной полосой во время анимации. К вашему сведению, вот краткий ресурс для базового скользящего перехода: gist.github.com/ArtFeel/7690431
anna

8

Если вы хотите сделать это через все приложение, вам следует использовать прокси UIAppearance (iOS5 +):

UINavigationBar *navigationBarAppearance = [UINavigationBar appearance]; navigationBarAppearance.backgroundColor = [UIColor clearColor]; [navigationBarAppearance setBackgroundImage:[[UIImage alloc] init] forBarMetrics:UIBarMetricsDefault]; navigationBarAppearance.shadowImage = [[UIImage alloc] init];

Документы: https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIAppearance_Protocol/Reference/Reference.html

Статья: http://nshipster.com/uiappearance/


Просто примечание для людей, которые смотрят на это - поместите этот код в свой AppDelegate didFinishLaunchingWithOptions, чтобы быстро и грязно применить это.
Shaun F

Вы также можете настроить этот прокси-сервер внешнего вида на работу только с определенными UINavigationControllerподклассами, т. Е. Теми, к которым вы хотите применить это поведение.
Evan R


0
@implementation MyCustomNavigationBar

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        [self setup];
    }
    return self;
}

- (id)initWithCoder:(NSCoder *)aDecoder {
    self = [super initWithCoder:aDecoder];
    if (self) {
        [self setup];
    }
    return self;
}

- (void)setup {
    [self setupBackground];
}

- (void)setupBackground {
    self.backgroundColor = [UIColor clearColor];
    self.tintColor = [UIColor clearColor];

    // make navigation bar overlap the content
    self.translucent = YES; 
    self.opaque = NO;

    // remove the default background image by replacing it with a clear image
    [self setBackgroundImage:[self.class maskedImage] forBarMetrics:UIBarMetricsDefault];

    // remove defualt bottom shadow
    [self setShadowImage: [UIImage new]]; 
}

+ (UIImage *)maskedImage {
    const float colorMask[6] = {222, 255, 222, 255, 222, 255};
    UIImage *img = [UIImage imageNamed:@"nav-white-pixel-bg.jpg"];
    return [UIImage imageWithCGImage: CGImageCreateWithMaskingColors(img.CGImage, colorMask)];
}

@end

0

Я наткнулся на то, что если бы я создал подкласс, UINavigationBarа затем создал пустой -(void)drawRect:метод, я бы получил прозрачную панель навигации. Я тестировал это только в iOS 7. *, но, похоже, это сработало!

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.