[Swift UI]一、基础控件-(12)使用Image图像显示项目中的图片

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号：山青咏芝（let_us_code）
➤博客园地址：山青咏芝（https://www.cnblogs.com/strengthen/）
➤GitHub地址：https://github.com/strengthen/LeetCode
➤原文地址： https://www.cnblogs.com/strengthen/p/12266333.html
➤原文已修改更新！强烈建议点击原文地址阅读！支持作者！支持原创！
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

热烈欢迎，请直接点击！！！

进入博主App Store主页，下载使用各个作品！！！

注：博主将坚持每月上线一个新app！！！

本文讲解和图像视图相关的知识点。

在用户界面上显示资源文件夹中的图片。

Image视图类似于UIKit中的UIImageView,主要用于显示项目里的图片素材。

import SwiftUI

struct ContentView : View
{
    var body: some View
    {
        VStack{
            //这里直接使用图片名称，即可快速显示指定名称的图片。
            Image("girlPicture")
            //通过systemName属性，可以显示指定名称的SF Symbols图标。
            //通过指定的名称，可以显示超过1500份不同的苹果内置的图标。
            Image(systemName: "arkit")
                //如果需要修改图标的颜色，只需设置它的背景颜色即可。
                //这和设置字体颜色的方式是相同的。
                .foregroundColor(.orange)
                //设置图标尺寸的方式，也和设置文字尺寸的方式相同。
                .font(.system(size: 48))
            
            //添加另一个图像视图，演示图像的缩放模式。
            Image("girlPicture")
                //通过调用resizable可调整方法，
                //使图像视图进行自动缩放，以适配其父视图。
                .resizable()
                //最后将此图像视图的尺寸限制为指定的宽高比，
                //即在撑满父视图的前提下，仍然保持图像原始的宽高比。
                .aspectRatio(contentMode: .fit)
        }
            //设置垂直排列视图的内边距
            .padding()
    }
}

#if DEBUG
struct ContentView_Previews : PreviewProvider {
    
    @State var txtFieldValue : String
    
    
    static var previews: some View {
        ContentView()
    }
}
#endif