SwiftUI基础 - Image 图片

1
2
Image("cat")

1
2
Image(uiImage: UIImage(named: "dog")!)

1
2
3
Image(systemName: "cloud.heavyrain.fill")
.font(.largeTitle)

1
2
3
4
5
Image("rome")
.resizable() // 内容延伸
.aspectRatio(contentMode: .fit) // 缩放比例
.frame(width: 250) // 设置宽高

1
2
3
4
5
6
7
// 完全平铺
Image("logo")
.resizable(resizingMode: .tile)
// 带边距平铺
Image("logo")
.resizable(capInsets: EdgeInsets(top: 20, leading: 20, bottom: 20, trailing: 20), resizingMode: .tile)

1
2
3
4
5
6
7
Image(systemName: "cloud.sun.rain.fill")
.renderingMode(.original) // 渲染模式
.font(.largeTitle) // 显示大小
.padding() // 边距
.background(Color.black) // 背景色
.clipShape(Circle()) // 边缘效果

1
2
AsyncImage(url: URL(string: "https://img1.doubanio.com/view/photo/l/public/p2292035027.jpg"))

1
2
3
4
5
6
7
8
AsyncImage(url: URL(string: "https://img1.doubanio.com/view/photo/l/public/p2292035027.jpg")) { image in
image.resizable() // 填充
} placeholder: {
Color.red // 占位背景色
}
.frame(width: 128, height: 128) // 大小
.clipShape(RoundedRectangle(cornerRadius: 25)) // 圆角

1
2
AsyncImage(url: URL(string: "https://img1.doubanio.com/view/photo/l/public/p2292035027@2x.png"), scale: 2)