我在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上调整图像的大小:
调用一个图像-> image ("somename") 然后,添加-> . resized ()
现在图像可以调整大小了
接下来,你可以应用. aspectratio来适应尺寸或只是填充框架。
resized的简单用法示例:
Image("somename")
.resizable()
.frame(width: 50px, height: 50px)
其他回答
如果你想在swiftUI中调整图像大小,只需使用以下代码:
import SwiftUI
struct ImageViewer : View{
var body : some View {
Image("Ssss")
.resizable()
.frame(width:50,height:50)
}
}
但这里有个问题。 如果你在一个按钮中添加这个图像,图像将不会显示,只有一个蓝色块会在那里。 要解决这个问题,只需这样做:
import SwiftUI
struct ImageViewer : View{
var body : some View {
Button(action:{}){
Image("Ssss")
.renderingMode(.original)
.resizable()
.frame(width:50,height:50)
}
}
}
好吧,在SwiftUI中似乎很简单/按照他们给出的演示:https://developer.apple.com/videos/play/wwdc2019/204
struct RoomDetail: View {
let room: Room
var body: some View {
Image(room.imageName)
.resizable()
.aspectRatio(contentMode: .fit)
}
希望能有所帮助。
这是山景,这是我的照片。
让我们在代码中创建一个简单的图像视图。
var body: some View {
Image(“mountains”)
}
结果看起来不太好。
让我们先调整它的大小,用一个刻度来适应它
var body: some View {
Image(“mountains”)
.resizable()
.scaledToFit()
}
现在看起来好多了。
注意,这里有空白,因为图像是垂直拍摄的,而屏幕是水平的。
不使用尺寸来填充。
图像的某些部分超出了屏幕,但它看起来比默认的没有任何比例更好。
如果你点击预览里面的图片,你会看到图片有多大。蓝色的线是图像的边界。
SwiftUI为我们提供了. resized()修饰符,它可以让SwiftUI调整图像的大小以适应其空间
struct ContentView: View {
var body: some View {
Image("home")
.antialiased(true) //for smooth edges for scale to fill
.resizable() // for resizing
.scaledToFill() // for filling image on ImageView
}
}
注意:我的图像名称是img_Logo,你可以改变图像名称定义图像属性:
VStack(alignment: .leading, spacing: 1) {
//Image Logo Start
Image("img_Logo")
.resizable()
.padding(.all, 10.0)
.frame(width: UIScreen.main.bounds.width * 0.4, height: UIScreen.main.bounds.height * 0.2)
//Image Logo Done
}