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

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
• header~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)interfaceOrientationuration:(NSTimeInterval)duration 方法，以简单地调用 setBackgroundImage:< /code> 在 iPad 上使用正确的版本。丑陋，但有效。

这可能是一个值得向 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)];

}