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

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

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

当前回答

您需要添加. resized修饰符,以便能够更改图像的大小

代码看起来是这样的:

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

其他回答

正如他们所说,你必须使用在SwiftUI上调整图像的大小:

调用一个图像-> image ("somename") 然后,添加-> . resized ()

现在图像可以调整大小了

接下来,你可以应用. aspectratio来适应尺寸或只是填充框架。

resized的简单用法示例:

Image("somename")
.resizable()
.frame(width: 50px, height: 50px) 

另一种方法是使用scaleEffect修饰符:

Image(room.thumbnailImage)
    .resizable()
    .scaleEffect(0.5)
struct AvatarImage: View {
    var body: some View {

            Image("myImage")
                .resizable()
                .scaledToFill() // <=== Saves aspect ratio
                .frame(width: 60.0, height:60)
                .clipShape(Circle())

    }
}

为了使图像缩放到适合当前视图,我们使用resized()修饰符,它可以调整图像的大小以适应可用的空间。

例如:

 Image("ImageName")
            .resizable()
            .aspectRatio(contentMode: .fit)
            .frame(width: 200, height: 200, alignment: .center)

你还可以使用:

Image("Example")
   .scaleEffect(NumberWithSizeBetweenZeroAndOne)