使用系统图库 SF
Image(systemName: "cloud.heavyrain")
Image(systemName: "cloud.heavyrain")
//系统图片实际上是个字形 所以修改大小需要使用font
.font(.system(size: 100)) //图片大小
.foregroundColor(.blue) //图片渲染颜色
自定义图片
Image("paris")
调整大小
.resizable()
忽略安全区
.resizable()
.ignoresSafeArea()
填充模式
.resizable()
.scaledToFit()
// .aspectRatio(contentMode: .fit)
// .aspectRatio(contentMode: .fill)
修改大小
Image("paris")
.resizable()
.aspectRatio(contentMode: .fill)
.frame(width: 300)
// .clipped() //裁剪超出的
圆形切图
Image("paris")
.resizable()
.aspectRatio(contentMode: .fill)
.frame(width: 300)
.clipShape(Circle())
透明度
Image("paris")
.resizable()
.aspectRatio(contentMode: .fill)
.frame(width: 300)
.clipShape(Circle())
.opacty(0.5)