如何用SwiftUI调整图像大小?

我在Assets.xcassets中有一个大图像。如何用SwiftUI调整这张图片的大小使它变小?

我试着设置框架，但它不起作用:

Image(room.thumbnailImage)
    .frame(width: 32.0, height: 32.0)

当前回答

在图像名称后使用. resized()方法。确保在进行任何修改之前需要声明. resized()的用法。

是这样的:

Image("An Image file name")
    .resizable()
//add other modifications here

其他回答

理解代码的逻辑结构是非常重要的。就像在SwiftUI中一样，默认情况下图像是不能调整大小的。因此，要调整任何图像的大小，您必须在声明image视图后立即应用. resized()修饰符使其可调整大小。

Image("An Image file name")
    .resizable()

您可以使用resized()属性，但请记住，您不能在普通修饰符中使用resized，因此您必须使用Image扩展来实现它。

extension Image {
    func customModifier() -> some View {
        self
            .resizable()
            .aspectRatio(contentMode: .fit)
    }

在图像视图上使用带有动态类型的字体修饰符:

Image(systemName: "nose")
        .font(.largeTitle)

你还可以使用:

Image("Example")
   .scaleEffect(NumberWithSizeBetweenZeroAndOne)

在SwiftUI中，使用. resized()方法来调整图像的大小。通过使用. aspectratio()并指定内容模式，您可以根据需要“适合”或“填充”图像。

例如，下面是通过拟合来调整图像大小的代码:

Image("example-image")
.resizable()
.aspectRatio(contentMode: .fit)

推荐文章