具有 resizableImageWithCapInsets 的 UIImage 在暗模式下不响应

Question

有谁知道一种方法可以使使用 resizableImageWithCapInsets 拉伸的 UIImage 响应明暗模式的变化？我当前的实现只在第一次绘制时考虑了暗/亮模式。

[thumbnailContainer addSubview:[self addTileBackgroundOfSize:thumbnailContainer.bounds]];

- (UIImageView *) addTileBackgroundOfSize:(CGRect)bounds {
    UIImageView *backgroundView = [[UIImageView alloc] initWithFrame:bounds];
    UIEdgeInsets insets         = UIEdgeInsetsMake(10.0f, 49.0f, 49.0f, 10.0f);
    UIImage *backgroundImage    = [[UIImage imageNamed:@"UnivGalleryTile"] resizableImageWithCapInsets:insets];
    backgroundView.image        = backgroundImage;

    return backgroundView;
}

我想我可以在 traitCollection 委托方法中重绘它们，但我希望有更好的方法让它们做出响应。

Answer 1

首先，这里没有惊喜。当您说resizableImage 时，您将创建一个新图像。它不再是您从资产目录中获得的图像，因此它失去了在特征集合更改时使图像自动更改为另一个图像的自动链接/动态。

其次，这没关系，因为您可以创建与任意两个图像（不在资产目录中）的链接。你可以通过 UIImageAsset 类来做到这一点。

所以这是一个工作示例。想象一下，Faces 是资产目录中一对的名称，一个代表 Any，一个代表 Dark。我将提取对中的每个成员，将resizable 应用于每个成员，然后将 new 对作为彼此的变体连接在一起：

let tclight = UITraitCollection(userInterfaceStyle: .light)
let tcdark = UITraitCollection(userInterfaceStyle: .dark)
var smiley = UIImage(named: "Faces", in: nil, compatibleWith: tclight)!
var frowney = UIImage(named: "Faces", in: nil, compatibleWith: tcdark)!
let link = UIImageAsset()
let insets = UIEdgeInsets(top: 30, left: 30, bottom: 30, right: 30)
smiley = smiley.resizableImage(withCapInsets: insets)
frowney = frowney.resizableImage(withCapInsets: insets)
link.register(smiley, with: tclight)
link.register(frowney, with: tcdark)

或者在 Objective-C 中：

UITraitCollection* tclight = [UITraitCollection traitCollectionWithUserInterfaceStyle:UIUserInterfaceStyleLight];
UITraitCollection* tcdark = [UITraitCollection traitCollectionWithUserInterfaceStyle:UIUserInterfaceStyleDark];
UIImage* smiley = [UIImage imageNamed:@"Faces" inBundle:nil compatibleWithTraitCollection:tclight];
UIImage* frowney = [UIImage imageNamed:@"Faces" inBundle:nil compatibleWithTraitCollection:tcdark];
UIImageAsset* link = [UIImageAsset new];
UIEdgeInsets insets = UIEdgeInsetsMake(30, 30, 30, 30);
smiley = [smiley resizableImageWithCapInsets:insets];
frowney = [frowney resizableImageWithCapInsets:insets];
[link registerImage:smiley withTraitCollection:tclight];
[link registerImage:frowney withTraitCollection:tcdark];

全部完成。请注意，在代码中不需要保留任何对象（link、smiley、frowney）。 现在，如果您将其中的一个成员插入到图像视图中，当用户明暗模式更改时，它将自动更改为另一个：

let tc = self.traitCollection
let im = link.image(with: tc)
self.imageView.image = im

我将在明暗模式之间来回切换以证明这是有效的：

Answer 2

似乎resizableImageWithCapsInsets 导致图像失去其动态、自动适应的属性。您也许可以尝试为两种外观创建图像并将它们再次组合成动态图像。查看this gist 了解如何做到这一点。

Answer 3

我已经解决了，但是男孩就是这么丑。所以，如果有人有更好的解决方案，我愿意接受：

我首先将图像视图存储在 NSMutableArray 中：

- (UIImageView *) addTileBackgroundOfSize:(CGRect)bounds {
    UIImageView *backgroundView     = [[UIImageView alloc] initWithFrame:bounds];
        UIEdgeInsets insets         = UIEdgeInsetsMake(10.0f, 49.0f, 49.0f, 10.0f);
        UIImage *backgroundImage    = [[UIImage imageNamed:@"UnivGalleryTile"] resizableImageWithCapInsets:insets];
    backgroundView.image            = backgroundImage;

    // Store image for re-drawing upon dark/light mode change
    [thumbnailArray addObject:backgroundView];

    return backgroundView;
}

然后当用户更改屏幕模式时，我手动重置背景图像：

- (void)traitCollectionDidChange:(UITraitCollection *)previousTraitCollection {
    for (int i = 0; thumbnailArray.count > i; i++) {
        UIEdgeInsets insets         = UIEdgeInsetsMake(10.0f, 49.0f, 49.0f, 10.0f);
        UIImage *backgroundImage    = [[UIImage imageNamed:@"UnivGalleryTile"] resizableImageWithCapInsets:insets];

        ((UIImageView *)[thumbnailArray objectAtIndex:i]).image = backgroundImage;
    }
}