Image 图像大小一致的视图
我正在使用SwiftUI构建一个集合视图。我已经能够得到我想要的布局,但是,我不能使所有的图像具有相同的高度,比如说100像素。如何使用contentAspectFill将图像大小调整为100像素高我不在乎图像是否被切掉一点,但仍然保持了前后边界 新闻列表 新闻卡,斯威夫特 我将SDWebImageUI用于图像字段,但这不重要。正如你从我的截图上看到的,并不是所有的图片都是高度一致的Image 图像大小一致的视图,image,swiftui,scrollview,height,sdwebimage,Image,Swiftui,Scrollview,Height,Sdwebimage,我正在使用SwiftUI构建一个集合视图。我已经能够得到我想要的布局,但是,我不能使所有的图像具有相同的高度,比如说100像素。如何使用contentAspectFill将图像大小调整为100像素高我不在乎图像是否被切掉一点,但仍然保持了前后边界 新闻列表 新闻卡,斯威夫特 我将SDWebImageUI用于图像字段,但这不重要。正如你从我的截图上看到的,并不是所有的图片都是高度一致的 我不确定我是否理解这里的坏处,但试试下面的方法 VStack(alignment: .leading) {
我不确定我是否理解这里的坏处,但试试下面的方法
VStack(alignment: .leading) {
WebImage(url: article.imageURL)
.resizable()
.frame(maxWidth: .infinity, maxHeight: _your_desired_height_here) // <<
...
搞定了。谢谢
VStack(alignment: .leading) {
WebImage(url: article.imageURL)
.resizable()
.indicator(.activity)
.transition(.fade)
.scaledToFill()
.clipped()
.cornerRadius(14.0, antialiased: true)
Text(article.date.formatted)
.font(.lightMedium)
Text(article.title)
.font(.regularLarge)
}
.padding(.top)
VStack(alignment: .leading) {
WebImage(url: article.imageURL)
.resizable()
.frame(maxWidth: .infinity, maxHeight: _your_desired_height_here) // <<
...