我在Assets.xcassets中有一个大图像。如何用SwiftUI调整这张图片的大小使它变小?
我试着设置框架,但它不起作用:
Image(room.thumbnailImage)
.frame(width: 32.0, height: 32.0)
我在Assets.xcassets中有一个大图像。如何用SwiftUI调整这张图片的大小使它变小?
我试着设置框架,但它不起作用:
Image(room.thumbnailImage)
.frame(width: 32.0, height: 32.0)
当前回答
在SwiftUI中,使用. resized()方法来调整图像的大小。通过使用. aspectratio()并指定内容模式,您可以根据需要“适合”或“填充”图像。
例如,下面是通过拟合来调整图像大小的代码:
Image("example-image")
.resizable()
.aspectRatio(contentMode: .fit)
其他回答
在图像视图上使用带有动态类型的字体修饰符:
Image(systemName: "nose")
.font(.largeTitle)
204
如果我们在Assets.xcassets中有一个大图像。然后调整大小 首先,我们必须使用 resized(),然后使用frame()。
Image(room.thumbnailImage)
.resizable()
.frame(width: 32.0, height: 32.0)
Image(room.thumbnailImage)
.resizable()
.frame(width: 32.0, height: 32.0,alignment: .center)
在SwiftUI . resized()属性帮助调整图像的大小。 之后我们可以定制一些尺寸。
正如他们所说,你必须使用在SwiftUI上调整图像的大小:
调用一个图像-> image ("somename") 然后,添加-> . resized ()
现在图像可以调整大小了
接下来,你可以应用. aspectratio来适应尺寸或只是填充框架。
resized的简单用法示例:
Image("somename")
.resizable()
.frame(width: 50px, height: 50px)
使用下面的代码来渲染一个合适的宽高比和裁剪边界的图像:
struct ContentView: View {
var body: some View {
Image("donuts")
.resizable()
.scaledToFill()
.frame(width: 200, height: 200)
.border(Color.pink)
.clipped()
}
}
结果: