我在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)
当前回答
你还可以使用:
Image("Example")
.scaleEffect(NumberWithSizeBetweenZeroAndOne)
其他回答
扩展@rraphael的回答和评论:
从Xcode 11 beta 2开始,你可以将图像缩放到任意尺寸,同时通过将图像包装在另一个元素中来保持原始的纵横比。
e.g.
struct FittedImage: View
{
let imageName: String
let width: CGFloat
let height: CGFloat
var body: some View {
VStack {
Image(systemName: imageName)
.resizable()
.aspectRatio(1, contentMode: .fit)
}
.frame(width: width, height: height)
}
}
struct FittedImagesView: View
{
private let _name = "checkmark"
var body: some View {
VStack {
FittedImage(imageName: _name, width: 50, height: 50)
.background(Color.yellow)
FittedImage(imageName: _name, width: 100, height: 50)
.background(Color.yellow)
FittedImage(imageName: _name, width: 50, height: 100)
.background(Color.yellow)
FittedImage(imageName: _name, width: 100, height: 100)
.background(Color.yellow)
}
}
}
结果
(由于某些原因,图像显示得有点模糊。请放心,真正的输出是尖锐的。)
struct AvatarImage: View {
var body: some View {
Image("myImage")
.resizable()
.scaledToFill() // <=== Saves aspect ratio
.frame(width: 60.0, height:60)
.clipShape(Circle())
}
}
这是山景,这是我的照片。
让我们在代码中创建一个简单的图像视图。
var body: some View {
Image(“mountains”)
}
结果看起来不太好。
让我们先调整它的大小,用一个刻度来适应它
var body: some View {
Image(“mountains”)
.resizable()
.scaledToFit()
}
现在看起来好多了。
注意,这里有空白,因为图像是垂直拍摄的,而屏幕是水平的。
不使用尺寸来填充。
图像的某些部分超出了屏幕,但它看起来比默认的没有任何比例更好。
如果你点击预览里面的图片,你会看到图片有多大。蓝色的线是图像的边界。
如果你想使用纵横比调整大小,那么你可以使用以下代码:
Image(landmark.imageName).resizable()
.frame(width: 56.0, height: 56.0)
.aspectRatio(CGSize(width:50, height: 50), contentMode: .fit)
理解代码的逻辑结构是非常重要的。就像在SwiftUI中一样,默认情况下图像是不能调整大小的。因此,要调整任何图像的大小,您必须在声明image视图后立即应用. resized()修饰符使其可调整大小。
Image("An Image file name")
.resizable()