SwiftUI初级课程(七)Image控件和显示网络图片

struct ContentView: View {
    // 添加UIimage类型的属性 拥有@State属性包装器,当该值放生变化时,和该属性绑定的图像,将立即显示新的图像内容
    @State private var remoteImage: UIImage? = nil
    // 添加一个常量属性,作为占位符图片
    let placeholderOne = UIImage(named: "holder")

    var body: some View {
        VStack {
            // 显示图像
            Image("xiake")
            // 利用systemName属性,显示指定名称的SF Symbols图标
            Image(systemName: "arkit")
                .font(.system(size: 48))
                .foregroundColor(.orange)
            // 缩放模式
            Image("xiake")
                .resizable() // 自动缩放,以匹配父视图
                .aspectRatio(contentMode: .fit) // 撑满父视图,保持原始宽高比

            // *图像添加边框、透明度、阴影*
            // 添加边框
            Image("xiake")
                .border(.orange)
            // 边框宽度
            Image("xiake")
                .border(.orange, width: 10)
经验分享 程序员 微信小程序 职场和发展