编辑代码

func displayArrayGraph() {
    let myView1 = self.view.viewWithTag(2001) as! UIImageView
    let myView2 = self.view.viewWithTag(2002) as! UIImageView
    myView1.backgroundColor = .darkGray
    myView2.backgroundColor = .darkGray

    let h = myView1.frame.size.height
    let w = myView1.frame.size.width

    let padding : CGFloat = 5
    let margin : CGFloat = 10

    //计算每个格子的高度和宽度
    let grid_w = (w - margin * 2 - padding * CGFloat(cols-1)) / CGFloat(cols)
    let grid_h = (h - margin * 2 - padding * CGFloat(rows-1)) / CGFloat(rows)

    for i in 0..<rows {
        for j in 0..<cols {
            let x = margin + CGFloat(j) * (grid_w + padding)
            let y = margin + CGFloat(i) * (grid_h + padding)
            let rect = CGFloat(x: x, y:y, width: grid_w, height: grid_h)
            //在上面的ImageView中显示
            let fileName1 = iv1[i*cols+j]
            let img1 = UIImage(named: fileName1)
            let imgView1 = UIImageView(frame: rect)
            imgView1.image = img1
            imgView1.backgroundColor = .yellow
            myView1.addSubview(imgView1)
            //在下面的ImageView中显示
            let fileName2 = iv2[i*cols+j]
            let img2 = UIImage(named: fileName2)
            let imgView2 = UIImageView(frame: rect)
            imgView2.image = img2
            imgView2.backgroundColor = .yellow
            myView2.addSubview(imgView2)
        }
    }
}
//4.2.2基础功能
//图形化函数支持Botton
//函数3:图形化显示程序,支持Botton
    func displayArrayGraphBotton(){
        let myView1 = self.view.viewWithTag(2001) as! UIImageView
        LET myView2 = self.view.viewWithTag(2002) as! UIImageView
        myView1.backgroundColor = .darkGray
        myView2.backgroundColor = .darkGray
        //支持View可以进行交互等操作
        myView1.isUserInteractionEnabled = true
        myView2.isUserInteractionEnabled = true

        let h = myView1.frame.size.height
        let w = myView2.frame.size.width

        let padding : CGFloat = 5
        let margin : CGFloat = 10

        //计算每个格子的高度和宽度
        let grid_w = (w - margin * 2 - padding * CGFloat(cols-1)) /CGFloat(cols)
        let grid_h = (h - margin * 2 - padding * CGFloat(cols-1)) /CGFloat(rows)

        for i in 0..<rows {
            for j in 0..<cols  {
                let x = margin + CGFloat(j) * (drid_w + padding)
                let y = margin + CGFloat(i) * (grid_h + padding)
                let rect =CGFloat(x: x, y:y ,width: grid_w, height: grid_h)
                //在上面的ImageView中显示
                let fileName1 = iv1[i*cols+j]
                let img1 = UIImage(named: fileName1)
                let btn1 = UIButton(frame: rect)
                btn1.setImge(img1, for: .normal)
                btn1.backgroundColor = .yellow
                //Button的tag设定为4000及以上
                btn1.tag = i*cols+j + 4000
                btn1.addTarget(self, action: #selector(buttonCheck(_:)),for: .touchUpInside)
                myView1.addSubview(btn1)
                //在下面的ImageView中显示
                let fileName2 = iv2[i*cols+j]
                let img2 = UIImage(named:fileName2)
                let btn2 = UIButton(frame:rect)
                btn2.setImage(imgw, for: .normal)
                bntn2.backgroundColor = .yellow
                //Button的tag设定为5000及以上
                btn2.tag = i*cols+j + 5000
                bnt2.addTarget(self, action: #selector(buttonCheck(_:)),for: .touchUpInside)
                myView2.addSubview(btn2)
            }
        }
    }
    @objc func buttoncheck(_ sender : UIButton){
    let tipsLabel = self.view.viewWithTag(1001) as! UILabel
    let tag = sender.tag
    if tag >=5000{
        let row = int ((tag - 5000)/cols)
        let col  = tag - 5000 - cols * row
        print("Buttom(\(row),\(col))")
        tipsLabel.text = "Buttom(\(row),\(col))"
    } 
    else if tag >= 4000{
        let row = int ((tag - 4000)/cols)
        let col  = tag - 4000 - cols * row
        print("Top(\(row),\(col))")
        tipsLabel.text = "Top(\(row),\(col))"
    }
    else {
        print("Button.tag=\(sender.tag)")
        tipsLabel.text = "Button.tag=\(sender.tag)"
    }
}
func distractorCreate(mount:Int){
    for _ in 0..<mount{
        let col=Int(arc4random()) % cols
        let row =Int(arc4random()) % rows


        cords.append((row,col))
        //从images提供的字符中选择一个
        
        let index =Int(arc4random()) % images.count
        //影响ivl和iv2这两个图形
        iv1[cols*row +col] =image [index]
        iv2[cols*row +col] =image [index]
    }
}
//数据定义开始
//定义函数和列数
let rows = 8
let cols = 8
//定时上下两个图形数组
var iv1 :Array<String> = [] 
var iv2 :Array<String> = [] 
//定义上下相同的干扰项数组
var cords : Array<Int,Int> = []
//干扰项和不同项只能是小图形
let images : Array<Atring> = ["brid","bee","flower","mogu"]
//数据定义结束--
//函数6:生成不同项的随机位置和随机内容
func differenceCreate(mount:Int){
    for_ in 0..<mount{
        let col =Int(arc4random()) % cols
        let row =Int(arc4random()) % rows

        erorCords.append((row,col))
        //从images提供的字符中选择一个
        let index =Int (arc4random()) % images.count
        //选择上面图形,还是下面图形?
        let index=Int(arc4random()) % 2
        //影响iv1和iv2这两个图形
        if which ==0{
            iv1[cols*row + col] =images[index]
        }
        else{
            iv2[cols*row +col] =images[index]

        }
    }
}




/修改Button函数支持音效

//函数7:不同点二点Button被单击后调用,支持音效
@objec func buttonCheckMusic(_sender:UIButton){
    let tipsLabel =self.view.viewWithTag(1001) as! UILabel
    var tag =sender.tag
    if tag>=5000{
        tag-=5000
    }
    else  if tag >=4000{
        tag-=4000
    }
    let row =Int (tag / cols)
    let col =tag - cols * row

    let result =errorCords.filter{
        $0==(row,col)
    }
    if result.count >=1{
        let path =Bundle.main.path(forResource:"birdsound",ofType:"m4a")
        let url =URL(fileURLWithPath:path!)
        soundPlayer.play()
        tipsLabel.text="不同找到:(\(row),\(col))"
    }
    else{
        let path =Bundle.main.path(forResource:"error",ofType:"m4a")
        let url =URL(fileURLWithPath:path!)
        soundPlayer=try? AVAudioPlayer(contentsOf: url)
        soundPlayer.play()
        tipsLabel.text="找错啦:(\(row),\(col))"
    }
}


//实现音效功能
btn1.addTarget(self,action:#selector(buttonCheck(_:)),for: .touchUpInside)
btn2.addTarget(self,action:#selector(buttonCheck(_:)),for: .touchUpInside)
//游戏是否结束标记
var GameOver = false
//游戏开始时间戳
var beginTimestamp : Int = 0
//游戏限定时间,单位:秒
let GamePeriod = 20
//游戏本次花费时间,单位:秒
var TimeCost = 0

//定时器倒计时函数
//函数8:获得当前时间戳
func getCurrentTimeStamp () -> Int {
    let now = Date ()
    let timeInterval : TimeInterval = now.timeIntervalSince1970
    return Int(timeInterval)
}

//函数9:定时器倒计时函数,显示当前消耗时间和倒计时
func timeElapse() {
    Timer.scheduledTimer(withTimeInterval: 0.5, repeats: trun) {
(timer) in
       let timestamp = self.getCurrentTimeStamp()
       let pastPeriod = timestamp - self.beginTimestamp
       let countDown = self.GamePeriod - pastPeriod
       self.TimeCost = pastPeriod
       if countDown <= 0 || self.GameOver {
           self.GameOver = trun
           let tipsLabel = self.view.viewWithTag(1001) as! UILabel
           tipsLabel.text = "游戏结束,共消耗时间\(self.TimeCost)秒"
           timer.invalidate()
       }
       let tipsLabel = self.view.viewWithTag(1002) as! UILabel
        DispatchQueue.main.async {
        tipsLabel.text = "您消耗\(pastPeriod)秒,倒计时\(countDown)秒"
       }
    }
}


//修改button函数支持计时
//函数10:不同点的button被单击后调用,支持音效,计时,游戏结束
objc func buttonCheckMusicTimer(_ sender : UIButton) {
    if GameOver {return}
    let tipsLabel = self.view.viewWithTag(1001) as! UILabel
    var tag = sender.tag
    if tag >= 5000 {
        tag -= 5000
    }
    else if tag >= 4000 {
        tag -= 4000
    }
    let row = Int (tag / cols)
    let col = tag - cols * row

    let result = errorCords.filter {
        $0 == (row,col)
    }
    let reserved = errorCords.filter {
        $0 != (row,col)
    }
    errorCords = reserved

    if result.count >= 1 {
        sender.backgroundColor = .red
        let path = Bundle.main.path(forResource: "birdsound", ofType: "m4a")
        let url = URL(fileURLWithPath: path!)
        soundPlayer=try? AVAudioPlayer(contentsOf: url)
        soundPlayer.play()
        tipsLabel.text = "不同找到: (\(row),\(col)),还剩\(errorCords.count)个"
        if errorCords.count <= 0 {
            GameOver = true
            tipsLabel.text = "任务完成,共花费时间\(self.TimeCost)秒"
        }
    }
    else {
        sender.backgroundColor = .brown
        let path = Bundle.main.path(forResource: "error", ofType: "m4a")
        let url = URL(fileURLWithPath: path!)
        soundPlayer=try? AVAudioPlayer(contentsOf: url)
        soundPlayer.play()
        tipsLabel.text = "找错啦: (\(row),\(col))"
    }
}


//功能实现
//将下述代码更改
btn1.addTarget(self, action: #selector(buttonCheckMusic(_:)), for: .touchUpInside)
btn2.addTarget(self, action: #selector(buttonCheckMusic(_:)), for: .touchUpInside)
//改为
btn1.addTarget(self, action: #selector(buttonCheckMusicTimer(_:)), for: .touchUpInside)
btn2.addTarget(self, action: #selector(buttonCheckMusicTimer(_:)), for: .touchUpInside)
//依次如下调用(21移互20220142)
//游戏结束标志
GameOver = false
/获取游戏开始时间并保存
beginTimestamp = getCurrentTimeStamp()
//倒计时
timeElapse()
//数组初始化
initGame()
distractorCreate(mount: 5)
differenceCreate(mount: 3)
displayArrayGraphButton()
//游戏提示
//函数11:图形化显示程序,支持Button ,支持提示功能
func displayArrayGraphButton(){
    let myView1 =self.view.viewWithTag(2001) as! UIImageView
    let myView2 =self.view.viewWithTag(2002) as! UIImageView
    myView1.backgroundColor=.darkGray
    myView2.backgroundColor=.darkGray
    //支持View 可以进行交互等操作
    myView1.isUserInteractionEnabled=trun
    myView2.isUserInteractionEnabled=ture

    let h =myView1.frame.size.height
    let w =myView2.frame.size.width

    let padding : CGFloat = 5
    LET margin : CGFloat = 10

    //计算每个格子的高度和宽度
    let grid_w=(w-margin * 2 - padding * CGFloat(cols-1)) / CGFloat(cols)
    let grid_h=(h-margin *2 - padding * CGFloat(rows-1))  / CGFloat(rows)

    for  i in 0..<rows{
        for j in 0..<cols{
            let x =margin + CGFloat(j) * (grid_w + padding)
            let y =margin + CGFloat(i) * (grid_h + padding)
            let rect = CGFloat(x:x,y:y,width:grid_w,height:grid_h)

            //在上面的ImageView中显示
            let fileName1=iv1[i*cols+j]
            let tag1 =i *cols+j+5000
            addButton(view: myView1,rect: rect,fileName: fileName1,tag:tag1)

            //在下面的ImageView中显示
            let fileName2 =iv2[i*cols+j] 
        }
    }
}

//函数12:view上面加上button的函数,提示功能,用于减少代码数量
func addButton(view:UIView,rect:CGRect,fileName:String,tag:Int) {
    let img = UIImage(named: fileName)
    let btn = UIButton(frame: rect)
    btn.setImage(img, for: .normal)

    var mytag = tag
    if mytag >= 5000 {
        mytag -= 5000
    }
    else if mytag >= 4000 {
        mytag -= 4000
    }
    let row = Int (mytag / cols)
    let col = mytag - cols * row

    let result = errorCords.filter {
        $0 == (roe,col)
    }
    if result.count >= 1 && TipsFlag {
        btn.backgroundColor = .blue
    }
    else {
        btn.backgroundColor = .yellow
    }
    btn.tag = tag
    btn.addTarget(self, action: #selector(buttonCheckMusicTimer(_:)),for: .touchUpInside)
    view.addSubview(btn)
}
@IBAction func onTips(_ sender : UIButton){
    TipsFlag = !TipsFlag
    displayArrayGraphButtonTips()
}
@IBAction func onBegin(_ sender : UIButton){
    //游戏结束标志
    GameOver = false
    //获取游戏开始时间并保存
    beginTimestamp = getCurrentTimeStamp()
    //倒计时(21移互20220142)
    timeElapse()
    //数组初始化
    initGame()
    distractorCreate(mount: 10)
    differenceCreate(mount: 8)
    displayArrayGraphButtonTips()
}
@IBAction func onNext (_sender : UIButton){
    GameOver = ture
    TipsFlag = false
    let myView1 = self.view.viewWithTag(2001) as! UIImageView
    let myView2 = self.view.viewWithTag(2002) as! UIImageView
    CurrentBackgroound += 1
    if CurrentBackgroound >4{
        CurrentBackgroound = 1
    }
    let image = UIImage(named:"back0\(CurrentBackgroound)")!
    myView1.image = image
    myView2.image = image
    removAllSubViews(view: myView1)
    removAllSubViews(view: myView2)
}
//适当美化后的登陆页面
var body : some View {
   VStack {
            Text("欢迎使用找不同")
            .font(.title)
            .padding()
            Divider()
            .background(Color(.brown))
            Image(systemName:"person")
            .resizable()
            .frame(width: 150, height: 150)
            .cornerRadius(50)

            VStack {
                TextField("请输入用户名", text: $userName)
                .padding()
                .padding(.leading,10)
                .background(Color(.lightGray))
                .cornerRadius(15)
                TextField("请输入密码", text: $passWord)
                .padding()
                .padding(.leading,10)
                .background(Color(.lightGray))
                .cornerRadius(15)
            }
            .padding()
            Button(action: {
                print("被点击了...")
            }, label: {Text("登录")}) 
            .padding()
            Spacer()   
            
        }
    }
}
struct ContentView_Previews : PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

//登录页面
import SwiftUI
let lightGrayColor = Color(red: 239.0/255.0, green: 243.0/255.0, blue: 244.0/255.0, opacity: 1.0)
struct ContentView : View {
    //保存输入的用户名
    @State var userName : String = ""
    //保存输入的密码
    @State var passWord : String = ""
    //是否需要弹出Alert窗口
    @State private var alertFlag : Bool = false
    //弹出窗口里的具体内容
    @State private var alertMsg : String = ""
    var  body: some View {
        VStack {
            Text("欢迎使用找不同")
            .font(.title)
            .padding()
            Divider()
            .background(Color(.brown))
            Image("back02")
            .resizable()
            .frame(width: 150, height: 150)
            .cornerRadius(150)
            VStack {
                TextField("请输入用户名", text: $userName)
                .padding()
                .padding(.leading,10)
                .background(lightGrayColor)
                .cornerRadius(15)
                TextField("请输入密码", text: $passWord)
                .padding()
                .padding(.leading,10)
                .background(lightGrayColor)
                .cornerRadius(15)
            }
            .padding()
            Button(action: {
                if self.userName == "Zfchen" && self.passWord == "123" {
                    self.alertFlag = true
                    self.alertMsg = "登录成功"
                }
                else {
                    self.alertFlag = true
                    self.alertMsg = "登录失败"
                }
            }, label: {
                Text("登录")
                .font(.headline)
                .foregroundColor(.white)
                .frame(width: 220, height: 60)
                .background(Color.green)
                .cornerRadius(15.0)
            })
            .padding()
            Spacer()
        }
        .alert(isPresented: $alertFlag) { () -> Alert in
        Alert(title: Text("登录提示"), message: Text(self.alertMsg), dismissButton: .default(Text("确定")))
        }
    }
}
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}