Как нарисовать прозрачный UIToolbar или UINavigationBar в iOS7
Я хотел бы полностью прозрачный UIToolbar
и/или UINavigationBar
. Я пробовал различные заклинания, предложенные для pre-и post-iOS 5, но ни одно из них больше не работает.
Как это можно сделать в iOS 7?
5 ответов:
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
Swift
прозрачный
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
С
прозрачный
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.
конечный результат
Если вы хотите сделать это через все приложение, вы должны использовать прокси UIAppearance (iOS5+):
UINavigationBar *navigationBarAppearance = [UINavigationBar appearance]; navigationBarAppearance.backgroundColor = [UIColor clearColor]; [navigationBarAppearance setBackgroundImage:[[UIImage alloc] init] forBarMetrics:UIBarMetricsDefault]; navigationBarAppearance.shadowImage = [[UIImage alloc] init];
@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