扫雷基本功能实现，在系统里如何实现扫雷

'@ohos.util.TreeMap'
1.

//存储每个格子的数字和颜色 
class MapObject { 
  str: string; 
  color: Color; 
  
  constructor(str: string, color: Color) { 
    this.str = str; 
    this.color = color; 
  } 
} 
  
//存储每个格子的坐标 
class SetObject { 
  x: number = 0; 
  y: number = 0; 
} 
  my_map: TreeMap<number, SetObject> = new TreeMap(); 
  @State a: Array<number> = [0]; 
  @State count: number = 20; 
  my_map2: TreeMap<number, MapObject> = new TreeMap(); 
  @State str: string = " "; 
  num1: number = 9;//雷子数量 
  num2: number = 9;//地图高度 
//初始化地雷位置 
  initMines(num: number, x: number, y: number) { 
    console.log("地雷数量为"+num); 
    //随机指定地雷数的位置 
    for (let i = 0; i < num; i++) { 
      let m: SetObject = new SetObject(); 
      m.x = Math.floor(Math.random() * x); 
      m.y = Math.floor(Math.random() * y); 
  
      //遍历比对有无生成重复（笨方法优化版） 
      try { 
        this.my_map.forEach((n: SetObject) => { 
          if (n.x == m.x && n.y == m.y) { 
            console.log("重复"); 
            i--; 
            throw new Error("有重复，退出遍历"); 
          } 
        }) 
      } catch (e) { 
      } 
  
      if (!this.my_map.hasKey(i)) { 
        this.my_map.set(i, m); 
      } 
    } 
  }
//初始化地图 
  initMap(x: number, y: number): Array<number> { 
    let a: Array<number> = new Array()[x*y] = [0]; 
    for (let i = 0; i < x * y; i++) { 
      a[i] = 0; 
    } 
    //放入炸弹和周围数字 
    try { 
      this.my_map.forEach((m: SetObject) => { 
        if (m == undefined) { 
          throw new Error("m为空，退出遍历"); 
        }else{ 
          a[m.y * x+m.x] = -1; 
          if (m.x + 1 < x) { 
            if (a[m.y * x + m.x+1] != -1) { 
              //右1 
              a[m.y * x + m.x+1] += 1; 
            } 
            if (m.y + 1 < y && a[(m.y + 1) * x + m.x+1] != -1) { 
              //右下1 
              a[(m.y + 1) * x + m.x+1] += 1; 
            } 
            if (m.y - 1 >= 0 && a[(m.y - 1) * x + m.x+1] != -1) { 
              //上右1 
              a[(m.y - 1) * x + m.x+1] += 1; 
            } 
          } 
          if (m.x - 1 >= 0) { 
            if (a[m.y * x + m.x-1] != -1) { 
              //左1 
              a[m.y * x + m.x-1] += 1; 
            } 
            if (m.y + 1 < y && a[(m.y + 1) * x + m.x-1] != -1) { 
              a[(m.y + 1) * x + m.x-1] += 1; 
            } 
            if (m.y - 1 >= 0 && a[(m.y - 1) * x + m.x-1] != -1) { 
              a[(m.y - 1) * x + m.x-1] += 1; 
            } 
          } 
          if (m.y + 1 < y && a[(m.y + 1) * x+m.x] != -1) { 
            //下1 
            a[(m.y + 1) * x+m.x] += 1; 
          } 
          if (m.y - 1 >= 0 && a[(m.y - 1) * x+m.x] != -1) { 
            //上1 
            a[(m.y - 1) * x+m.x] += 1; 
          } 
        } 
      }) 
    }catch (e){ 
    } 
    return a; 
  } 
aboutToAppear() { 
    //初始化 
    this.initMines(9, 9, 9); 
    this.a = this.initMap(9, 9); 
  }
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.

build() { 
    Row() { 
      Column() { 
        Grid() { 
          ForEach(this.a, (item: number, index: number) => { 
            GridItem() { 
              Text(this.my_map2.hasKey(index) ? this.my_map2.get(index).str : " ") 
                .textAlign(TextAlign.Center) 
                .width('100%') 
                .height(30) 
                .fontSize(this.count) 
                .backgroundColor(this.my_map2.hasKey(index) ? this.my_map2.get(index).color : Color.Gray) 
                .onClick(() => { 
  
                  if (this.count >= 21) { 
                    this.count--; 
                  } else { 
                    this.count++; 
                  } 
  
                  switch (item) { 
                    case -1: 
                      this.str = "x"; 
                      this.my_map2.set(index, new MapObject(this.str, Color.Red)); 
                      this.my_map.forEach((m: SetObject)=>{ 
                        this.my_map2.set(m.y*9+m.x, new MapObject(this.str, Color.Red)); 
                      }) 
                      break; 
                    case 0: 
                      this.str = " "; 
                      this.my_map2.set(index, new MapObject(this.str, Color.White)); 
  
                      break; 
                    case 1: 
                    case 2: 
                    case 3: 
                    case 4: 
                    case 5: 
                    case 6: 
                    case 7: 
                    case 8: 
                      this.str = item + ""; 
                      this.my_map2.set(index, new MapObject(this.str, Color.Green)); 
                      break; 
                  } 
                }) 
            } 
            //.backgroundColor((this.arr.includes(index)) ? this.color:Color.Gray) 
          }) 
        } 
        .height("70%") 
        .width("90%") 
        .rowsGap(10) 
        .columnsGap(10) 
        .columnsTemplate('1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr') 
  
        Row(){ 
          Text("地雷数量") 
            .width("25%") 
          TextInput() 
            .type(InputType.Number) 
            .width("75%") 
            .onChange((value: string) => { 
              this.num1 = Number(value); 
              console.log(this.num1+"--") 
            }) 
  
        }.width("80%") 
        .margin({top: 10}) 
  
        Row(){ 
          Text("地图高度") 
            .width("25%") 
          TextInput() 
            .type(InputType.Number) 
            .width("75%") 
            .onChange((value: string) => { 
              this.num2 = Number(value); 
              console.log(this.num2+"--") 
            }) 
        }.width("80%") 
        .margin({top: 10}) 
  
        Button("人生重来器") 
          .width(100) 
          .margin({top: 10}) 
          .onClick(()=>{ 
            //清空地雷 
            this.my_map.clear(); 
            this.my_map2.clear(); 
            this.my_map2= new TreeMap(); 
  
            if (this.count >= 21) { 
              this.count--; 
            } else { 
              this.count++; 
            } 
            //this.my_map2.set(10000, new MapObject(this.str, Color.White)); 
            this.initMines(this.num1, 9, this.num2); 
            this.a = this.initMap(9, this.num2); 
          }) 
      } 
      .width('100%') 
    } 
    .height('100%') 
    .width('100%') 
  }
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.