011_swiftui_卡牌战争。比点数

效果图

使用到的资源图片

https://download.csdn.net/download/mp624183768/12320155

拖动到xcode后。记得修改名称

back->card1

Background->background

目的

主要是熟悉使用swiftUI中的布局。image。和Button的点击事件

和使用

源代码

//
//  ContentView.swift
//  SwiftUiWarCardGame
//
//  Created by liuan on 2020/4/10.
//  Copyright © 2020 liuan. All rights reserved.
//

import SwiftUI

struct ContentView: View {
    @State private var randNum1=1
    @State private var randNum2=1
    @State private var score1=0
    @State private var score2=0
    var body: some View {
        ZStack{
            Image("background")
                .resizable()
                .edgesIgnoringSafeArea(.all)
            
            VStack {
                Spacer()
                Image("logo")
                Spacer()
                HStack{
                    Image("card"+String(randNum1))
                    Image("card"+String(randNum2))
                    
                }
                Spacer()
                Button(action: {
                    self.randNum1=Int.random(in: 2...14)
                    self.randNum2=Int.random(in: 2...14)
                    if(self.randNum1>self.randNum2){
                        self.score1+=1
                    }
                    else if self.randNum2>self.randNum1{
                        self.score2+=1
                    }
                }){
                    
                    Image("dealbutton")
                        .renderingMode(.original)
                }
                Spacer()
                HStack{
                    VStack{
                        Text("Player")
                            .bold()
                            .padding(.bottom,20)
                        Text(String(score1))
                    }.padding(.leading,20)
                        .foregroundColor(.white)
                    Spacer()
                    VStack{
                        Text("CPU")
                            .bold()
                            .padding(.bottom,20)
                        Text(String(score2))
                    }.padding(.trailing,20)
                        .foregroundColor(.white)
                }
                Spacer()
            }
        }
        
    }
    
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}