У меня есть большое изображение в 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)
Вы должны использовать .resizable()
перед применением любых изменений размера Image
.
Image(room.thumbnailImage).resizable()
.frame(width: 32.0, height: 32.0)
Расширяя @rraphael ответ и комментарии:
Начиная с Xcode 11 beta 2, вы можете масштабировать изображение до произвольных размеров, сохраняя при этом исходное соотношение сторон, оборачивая изображение в другой элемент.
например
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)
}
}
}
Результаты
(По какой-то причине изображение выглядит немного размытым. Будьте уверены, что реальный результат будет резким.)
Если вы хотите использовать соотношение сторон при изменении размера, вы можете использовать следующий код:
Image(landmark.imageName).resizable()
.frame(width: 56.0, height: 56.0)
.aspectRatio(CGSize(width:50, height: 50), contentMode: .fit)
Что ж, в 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)
}
Как насчет этого:
struct ResizedImage: View {
var body: some View {
Image("myImage")
.resizable()
.scaledToFit()
.frame(width: 200.0,height:200)
}
}
размер изображения составляет 200x200, но изображение сохраняет исходное соотношение сторон (масштабирование в этом кадре)