010_swiftui_填充数据与点击事件

根据true 和false 来切换心得图片

//
//  ContentView.swift
//  SwiftUi_panel
//
//  Created by liuan on 2020/3/27.
//  Copyright © 2020 liuan. All rights reserved.
//

import SwiftUI

struct ContentView: View {
    @State private var isHearted=false
    @State private var numHearts=999

    var body: some View {
        VStack{
            Image("Breakfast")
                .resizable()
            .cornerRadius(30)
                  .padding()
            .shadow(radius: 30)
            HStack{
                Button(action: {
                            self.isHearted.toggle()
                    if self.isHearted{
                        self.numHearts+=1
                    }else{
                        self.numHearts-=1
                    }
                    
                        }){
                            if isHearted{
                                     Image(systemName: "heart.fill")
                                               
                                 }else{
                                     Image(systemName: "heart")
                                               
                                 }
                           
                        }
                 Text(String(numHearts))
            }
        
     
            Text("this is my breakfast")
                .fontWeight(.heavy)
                .foregroundColor(.pink)
                .font(.largeTitle)
                .multilineTextAlignment(.center)
                .shadow(color:.black,radius: 0.1,x:2)
        }
}
}
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

 

效果展示

点击心可以切换状态。这里没有用到图片 而是用到的系统资源

当我们编辑过多的代码的时候

可以选中所有代码后  （command+a）

通过

来快速格式化xcode代码