SwiftUI(6)Image

系统图标

        Image(systemName: "heart.fill")// 名
            .font(.system(size: 30))// 大小
//            .scaledToFill()
            .aspectRatio( contentMode: .fit)
            .scaledToFit()
            .foregroundColor(.red)// 颜色
            .frame(width: 200,height: 200)// frame

image.png

自定义图标
添加自定义图标。黑色的字母G.

image.png

自定义图标
         Image("G")// 名
             .renderingMode(.template)// 允许渲染颜色
             .font(.system(size: 30))// 大小
 //            .scaledToFill()
             .aspectRatio( contentMode: .fit)
             .scaledToFit()
             .foregroundColor(.green)// 颜色
             .frame(width: 200,height: 200)// frame

展示：
通过修改foregroundColor属性，可随意修改图片颜色

image.png image.png

图片展示
不做限制按照原始大小展示

Image("dog")

image.png

调整图片 大小 缩放mode

 Image("dog")// 名
            .resizable()//适应大小
            .aspectRatio( contentMode: .fill)
//            .scaledToFit()// 自适应宽高
            .frame(width: 200,height: 200)// frame
            .cornerRadius(100)// 圆角

image.png