89

我想要一个完全透明的UIToolbar和/或UINavigationBar. 我已经尝试过为 iOS 5 前后建议的各种咒语，但似乎都不再奏效了。

这在 iOS 7 中如何实现？

4

5 回答 5

306

斯威夫特 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

Objective-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为可以解决问题。我将在这里报告相关片段：YESUINavigationBar

如果将此属性设置为YES在具有不透明自定义背景图像的导航栏上，则导航栏将对图像应用小于 1.0 的系统不透明度。

最后结果

最后结果

于 2013-09-23T21:35:46.407 回答
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/

于 2014-01-31T07:29:56.673 回答
2

尝试：

[navBar setBackgroundImage:[UIImage alloc] forBarMetrics:UIBarMetricsDefault];
于 2013-09-23T21:40:51.073 回答
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
于 2013-10-08T09:13:40.407 回答
0

我偶然发现，如果我创建一个子类UINavigationBar然后创建一个空-(void)drawRect:方法，我会得到一个透明的导航栏。我只在 iOS 7.* 中对此进行了测试，但它似乎有效！

于 2013-10-25T19:36:09.897 回答