Question

我为我的UINavigationBar和UITabBar设置了带圆角的背景图像，但是在旋转过程中，背景图像重复而不是延伸。有没有办法伸展，所以角落保持圆润？

谢谢！

Answer 1

代替ios5.0+使用[UIImage imageNamed:nil] resizableImageWithCapInsets]。

Answer 2

找到它，它是[UIImage imageNamed:nil] stretchableImage...]等。

Answer 3

当我设置resizableImageWithCapInsets:UIEdgeInsetsZero时，在iOS 11和iPhone X（模拟器）上接受的答案对我不起作用。另一个答案stretchableImage...似乎有效，但没有提供完整的解决方案。因此，在使用API进行一些试验之后，我想与大家分享一下：

让我们先看一下原始代码：

[[UITabBar appearance] setBackgroundImage:[UIImage imageNamed:@"Tab BG"]];
[[UINavigationBar appearance] setBackgroundImage:[UIImage imageNamed:@"Nav BG"]
                                   forBarMetrics:UIBarMetricsDefault];

我发现这适用于iPhone 7和iPhone 7以及 if if-and-only-if @ 2x和@ 3x背景PNG匹配这两个分辨率的精确宽度，即750像素（ 375pt）和1242像素（414 pt）。由于iPhone SE使用640像素（320pt）的@ 2x PNG，因此会裁剪图像的右侧。在iPhone X上，高度不再与其他iPhone相同，从而产生垂直平铺图像。

在我的情况下，最好是水平和垂直拉伸背景（拉伸到合身）。所以，我的解决方案是创建一个没有上限的可伸缩图像：

[[UITabBar appearance] setBackgroundImage:[[UIImage imageNamed:@"Tab BG"] 
                              stretchableImageWithLeftCapWidth:0
                                                  topCapHeight:0]];
[[UINavigationBar appearance] setBackgroundImage:[[UIImage imageNamed:@"Nav BG"] 
                                     stretchableImageWithLeftCapWidth:0 
                                                         topCapHeight:0] 
                                   forBarMetrics:UIBarMetricsDefault];

我在iPhone X模拟器上测试过它。

Answer 4

使用此代码通过自动调整来拉伸背景图像

UIImageView *navBarBG = [UIImageView alloc] init];

UIImage *navBarBg = [UIImage imageNamed:@"navBarImg"];

UIImage *background = [navBarBg stretchableImageWithLeftCapWidth:13 topCapHeight:22];

[navBarBG setImage:background];

navBarBG.autoresizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth;

您可以根据需要提供LeftCapWidth和topCapHeight。

Answer 5

在Swift中

根据之前的答案，这是一个在Swift 4中工作的等效解决方案

let image = UIImage(named:"background")?.stretchableImage(withLeftCapWidth: 0, topCapHeight: 0)

self.navigationController?.navigationBar.setBackgroundImage(image, for: .default)
self.navigationController?.navigationBar.isTranslucent = false
self.navigationController?.navigationBar.shadowImage = UIImage()

如何在自动调整时在导航栏和TabBar中拉伸背景图像

5 个答案: