如何在iOS 7中的导航栏上获得模糊和半透明效果？

Question

问题

我的应用似乎布局正确，但我无法实现iOS 7着名的模糊半透明效果。我看起来不透明。

期望效果

我正试图获得更明显的模糊效果，例如Apple的预告片应用程序：

半透明

在我的UINavigationController子类中，我使导航栏变得半透明：

- (id)initWithRootViewController:(UIViewController *)rootViewController
{
    if (self = [super initWithRootViewController:rootViewController]) {
        self.navigationBar.translucent = YES;
    }
    return self;
}

色调

在我的UIApplicationDelegate子类中，我设置了导航栏的色调颜色。我发现色调的颜色没有区别。也就是说，使用0.1的α不会导致条形变得更透明。

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 
{
    [[UINavigationBar appearance] setTintColor:[UIColor greenColor]];
}

边

在我的内容视图控制器中，我将边缘设置为UIRectEdgeNone，因此导航栏顶部不会显示chopped off。如果我使用默认的UIRectEdgeAll，导航栏将永久覆盖我的内容的顶部。即使我生活在这种异常状态，UIRectEdgeAll仍然无法实现半透明效果。

- (void) viewDidLoad
{
    [super viewDidLoad];
    self.edgesForExtendedLayout = UIRectEdgeNone;
}

编辑：尝试边缘

广告在评论中指出@rmaddy，问题可能与edgeForExtendedLayout有关。我找到了comprehensive tutorial edgesForExtendedLayout并试图实现它：

- (void) viewDidLoad
{
    [super viewDidLoad];

    self.edgesForExtendedLayout = UIRectEdgeAll;
    self.automaticallyAdjustsScrollViewInsets = YES;
    self.extendedLayoutIncludesOpaqueBars = NO;
}

它不起作用。首先，没有半透明效应。其次，我的内容被删除了。在下面带有上述代码的示例页面上，头像最初被导航栏覆盖，很难滚动到。您可以下拉以查看头像的顶部，但是当您放开时，页面会自动反弹并且头像会再次被遮挡。

Answer 1

问题是由第三方下拉到刷新视图EGORefreshTableHeaderView引起的，这在iOS 6引入系统刷新控制之前就已广泛使用。

此视图混淆了iOS 7，使其认为内容比实际高。对于iOS 6和7，我有条件地切换到使用UIRefreshControl。现在导航栏不会切断我的内容。我可以使用UIRectEdgeAll将我的内容放在导航栏下方。最后，我用较低的alpha着色我的导航栏以获得半透明效果。

// mostly redundant calls, because they're all default
self.edgesForExtendedLayout = UIRectEdgeAll;
self.automaticallyAdjustsScrollViewInsets = YES;
self.extendedLayoutIncludesOpaqueBars = NO;

[[UINavigationBar appearance] setTintColor:[UIColor colorWithWhite:0.0 alpha:0.5]];

Answer 2

如果您需要达到与iTunes Store（暗模糊）完全相同的效果。

配置导航栏的barStyle属性，如下所示：

self.navigationController.navigationBar.barStyle = UIBarStyleBlack;