Як намалювати прозору панель UITool або UINavigationBar в iOS7


88

Я хотів би повністю прозору UIToolbarта / або UINavigationBar. Я спробував різні заклинання, запропоновані до і після iOS 5, але, здається, жоден з них більше не працює.

Як це можна зробити в iOS 7?


Для нащадків - я помилково використовував self.edgesForExtendedLayout = UIRectEdgeNone, який заважає погляду розширюватися під панеллю інструментів.
Ben Packard

Відповіді:


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? Я отримую темну панель інструментів і дивне мерехтіння під час презентації.
Ben Packard

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

Також я просто запускаю тестовий додаток на своєму iPhone 5 з iOS 7, і він працює, як очікувалося.
Gabriele Petronella

1
Чудово зроблено, так багато неправильних / поганих способів зробити це там на SO
pfrank

2
Якщо ви використовуєте edgeForExtendedLayout = UIRectEdgeNone, ви, мабуть, захочете реалізувати власні переходи. Оскільки інакше при натисканні подань перехід за замовчуванням створить темне мерехтіння під прозорою смужкою під час анімації. FYI, ось короткий ресурс для основного ковзного переходу: gist.github.com/ArtFeel/7690431
Анна

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підкласами, тобто тими, до яких потрібно застосувати цю поведінку.
Еван Р


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.