横屏模式下 iOS 5 iPad 上的导航栏背景图像

Question

我为此苦苦挣扎了一段时间，但找不到任何有相关问题的人。 我的问题是在 iPad 上为横向模式加载的背景图像不是正确的（它加载图像的纵向版本）。 在 iphone 或 iPod 上它可以正常工作。

我在 AppDelegate 文件中使用的代码如下：

if ( [[[UIDevice currentDevice] systemVersion] floatValue] >= 5.0 ) {
    // Create resizable images
    UIImage *gradientImageP = [[UIImage imageNamed:@"header"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 0, 0, 0)];
    UIImage *gradientImageL = [[UIImage imageNamed:@"header-Landscape"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 0, 0, 0)];
    [[UINavigationBar appearance] setBackgroundImage:gradientImageP
                                       forBarMetrics:UIBarMetricsDefault];
    [[UINavigationBar appearance] setBackgroundImage:gradientImageL
                                       forBarMetrics:UIBarMetricsLandscapePhone];
    [[UINavigationBar appearance] setBarStyle:UIBarStyleBlackTranslucent];
    [[UINavigationBar appearance] setTintColor:[UIColor colorWithRed:0 green: 0 blue:0  alpha:1]];
}

问题出在这一行？

[[UINavigationBar appearance] setBackgroundImage:gradientImageL
                                   forBarMetrics:UIBarMetricsLandscapePhone];

我的图片名称如下：

• header-Landscape~iphone.png
• header-Landscape@2x~iphone.png
• header-Landscape~ipad.png
• header~iphone.png
• header@2x~iphone.png
• 标题~ipad

编辑：导航栏问题截图：

• iPhone 肖像： http://imageshack.us/photo/my-images/200/iphoneportrait.png/
• iPhone 横向： http://imageshack.us/photo/my-images/193/iphonelandscape.png/
• iPad 肖像： http://imageshack.us/photo/my-images/62/ipadportrait.png/
• iPad 横向： http://imageshack.us/photo/my-images/200/ipadlandscape.png/

有人遇到这个问题吗？ 我对如何解决这个问题持开放态度，tkz

Answer 1

只需使用此代码：

[[UINavigationBar appearance] setBackgroundImage:[[UIImage imageNamed:@"ipad-menubar.png" ] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 10, 0, 10)] forBarMetrics:UIBarMetricsDefault];

Answer 2

附加 ~iPad 是否适用于纵向模式？

它不适合我。您是否还必须指定 ~iPhone 才能让它工作？

通过这样做，我得到了一张适用于 iPad 的单独图像

- (void)customizeAppearance {

    if ([[UINavigationBar class]respondsToSelector:@selector(appearance)]) {

        // Create resizable images for iphone
        UIImage *navbarImage44 = [[UIImage imageNamed:@"navbar_bg_portrait"] 
                                  resizableImageWithCapInsets:UIEdgeInsetsMake(0, 0, 0, 0)];
        UIImage *navbarImage32 = [[UIImage imageNamed:@"navbar_bg_landscape"] 
                                  resizableImageWithCapInsets:UIEdgeInsetsMake(0, 0, 0, 0)];

        // Overide for iPad
        // In theory navbar_bg_landscape~iPad should work
        if (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad) {
            //use iPad specific image extending last pixel for landscape mode
            navbarImage44 = [[UIImage imageNamed:@"navbar_bg_portrait~iPad"] 
                                      resizableImageWithCapInsets:UIEdgeInsetsMake(0, 767, 0, 0)];
       }

        // Set the background image for *all* UINavigationBars
        [[UINavigationBar appearance] setBackgroundImage:navbarImage44 
                                           forBarMetrics:UIBarMetricsDefault];
        // Never called on iPad, used for landscape on iPhone
        [[UINavigationBar appearance] setBackgroundImage:navbarImage32 
                                           forBarMetrics:UIBarMetricsLandscapePhone];
    }
}

但对于横向模式，它使用纵向图像并重复最后一个像素列来完成缺失的部分，因此对您的问题没有好处，尽管这可能对其他读者有用。

Answer 3

我无法管理适用于 iPad 旋转的外观方法。即使导航栏的框架大小调整正确，图形也不会改变。最后，我连接了我所有控制器的viewWillAppear:animated 和willAnimateRotationToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation duration:(NSTimeInterval)duration 方法，只需在iPad 上使用正确版本调用setBackgroundImage:。丑陋，但有效。

这可能是一个值得向 Apple 报告的错误。定义本身的名称也令人困惑，UIBarMetricsLandscapePhone 在 iPad 上没有意义，您的默认应用方向可能是横向！

Answer 4

我认为你需要这样做：

UIImage *gradientImageP;
UIImage *gradientImageL;

if (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone) {
    //use iPhone specific images
    gradientImageP = [[UIImage imageNamed:@"header~iphone.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 0, 0, 0)];
    gradientImageL = [[UIImage imageNamed:@"header-Landscape~iphone.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 0, 0, 0)];
} else if (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad) {
    //use iPad specific images
    gradientImageP = [[UIImage imageNamed:@"header~Landscape~ipad.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 0, 0, 0)];

}