旧版iOS系统中UIImage显示异常问题求助

Hey there, I’ve run into similar compatibility headaches with iOS 8 and Storyboard image assets before—let’s break down what’s likely going on and how to fix it.

最可能的核心原因：矢量图兼容性差异 #

iOS 11才正式支持Asset Catalog里带「Preserve Vector Data」选项的PDF矢量图渲染，但iOS 8完全没法正确处理这类矢量资源。当你在Storyboard里直接赋值PDF图片时，iOS 8会错误地栅格化图片，导致拉伸、扭曲甚至完全混乱的显示效果。

具体解决方案 #

1. 调整Asset Catalog的图片配置 #

• 如果你用的是PDF格式图片：
  • 在资源检查器里关闭Preserve Vector Data选项（这个功能只对iOS 11+有用）；
  • 给Asset Catalog添加对应1x、2x、3x分辨率的PNG位图资源，让iOS 8直接加载位图而非尝试错误栅格化PDF。
• 检查Render As设置：如果不需要模板模式，就改成Original Image——iOS 8对模板图片的处理逻辑和高版本系统有细微差异。

2. 移除Storyboard中的图片切片（Slicing）设置 #

iOS 8对Storyboard里配置的图片切片支持有bug。如果你给图片设置了切片，先在资源检查器里移除该设置，然后用代码手动实现切片：

// Objective-C示例
UIImage *resizableImage = [[UIImage imageNamed:@"yourImage"] resizableImageWithCapInsets:UIEdgeInsetsMake(10, 10, 10, 10) resizingMode:UIImageResizingModeStretch];
self.yourImageView.image = resizableImage;

// Swift示例
if let resizableImage = UIImage(named: "yourImage")?.resizableImage(withCapInsets: UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10), resizingMode: .stretch) {
    yourImageView.image = resizableImage
}

3. 绕过Storyboard，手动给UIImageView赋值图片 #

有时候Storyboard的自动图片加载逻辑在老系统上会有兼容性问题，你可以在代码里覆盖这一设置，确保跨版本一致性：

// Swift
override func viewDidLoad() {
    super.viewDidLoad()
    // 直接手动赋值，替代Storyboard的设置
    yourImageView.image = UIImage(named: "yourImageName")
}

// Objective-C
- (void)viewDidLoad {
    [super viewDidLoad];
    self.yourImageView.image = [UIImage imageNamed:@"yourImageName"];
}

4. 检查图片资源的命名与分辨率 #

确保你的图片命名没有冲突，且包含了所有必需的分辨率变体（1x、2x、3x）。iOS 8对分辨率匹配的要求更严格，缺失变体可能会导致意外的缩放问题。

总结 #

最常见的修复方式是给iOS 8替换成PNG位图资源，或者调整Asset Catalog设置规避它不支持的矢量特性。如果这些都没用，用代码手动处理图片赋值几乎总能解决显示混乱的问题。

内容的提问来源于stack exchange，提问作者Jorge Perales