Xcode 11 PDF图像资产“保留矢量数据”在SwiftUI中不起作用?

Dan*_*lle 5 pdf vector-graphics swiftui xcode11

我正在尝试在Xcode 11中使用SwiftUI的应用中使用“单比例”使用基于矢量的PDF图像,但是当我按比例放大图像时,图像总是看起来很模糊。

我在Xcode 11的UIKit中对此没有任何问题。我创建了一个虚拟应用程序,其中包含2个场景,两个场景都显示相同的矢量图像。我在情节提要中创建了第一个场景,然后使用HostingViewController嵌入了在SwiftUI中制作的相同场景。当我运行应用程序时,第一个场景(UIKit)显示了清晰,不模糊的图像。但是,第二个(SwiftUI)场景很模糊,尽管使用了相同的源图像资源,但似乎并未使用矢量数据。

我可以通过使用矢量图像创建UIImage来“解决”此问题,然后使用此UIImage扩展在将UIImage传递到之前调整其大小Image。然而,我在输入尺寸resized(to:)方法使得在运行时没有区别,所以我也必须添加.frame(w:,h:)image在“VAR身体,使其显示正确的尺寸。

let uiImage = UIImage(named: "Logo-vector")!
var image: Image {
        Image(uiImage: uiImage.resized(to: CGSize(width: 500, height: 500)))
            .resizable()
}

var body: some View {
        NavigationView {
            VStack(alignment: .center, spacing: 8) {
                Spacer()
                Text("Logo vector SwiftUI")
                image
                    .frame(width: 240, height: 216)
                ...
                }
                ...
            }
        }
}

extension UIImage {
    func resized(to size: CGSize) -> UIImage {
        return UIGraphicsImageRenderer(size: size).image { _ in
            draw(in: CGRect(origin: .zero, size: size))
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

通过这种解决方法,该图像很清晰,并且在运行时可以适当地调整大小,但是感觉有点像黑客一样。

我在网上到处到处寻找其他解决方案,或者其他任何人专门针对SwiftUI遇到此问题的人,但是却一无所获。

还有其他人遇到过这个问题吗?还是有人有更好的解决方案?

小智 4

尝试在每个 pdf 图像资源上启用“IPreserve Vector Data”(在“Assets.xcassets”文件夹中选择图像,然后在“属性检查器 > 图像集 > 调整大小”中)