Flutter从头到尾设计一款简单的五子棋游戏(三) 具体代码设计_flutter 游戏源码(2)

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数HarmonyOS鸿蒙开发工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年HarmonyOS鸿蒙开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上HarmonyOS鸿蒙开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新

如果你觉得这些内容对你有帮助，可以添加VX：vip204888 （备注鸿蒙获取）

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

前言

在前面两篇文章中，我们已经介绍了设计一款五子棋游戏的所使用的一些思想以及部分的代码，以便我们更好地对设计模式进行理解。这次我们全面把代码铺开来讲，注意，我们这次的设计是完全使用Flutter自带的包进行设计。

正文

1.前情回顾

在上一篇文章中，我们对棋子的代码进行了设计。现在我们再进行回顾一下。先放个整个项目所使用到的类图的概览图。

棋子创建——享元模式

对于棋子的创建，我们使用享元模式，因为享元模式的设计思路就是将大量相同的对象进行复用。

在本项目中，棋子创建的类图如下：

在编码上，我们定义了抽象类Chess，他本质上是一个抽象享元。

///棋子的抽象类  
///使用了桥接模式，外观和颜色是两个不同的维度  
abstract class Chess{  

  Color? _color;  

  Color get color => _color!;  

  ChessShape? _chessShape;  

  ChessShape get chessShape => _chessShape!;  

  set chessShape(ChessShape? __chessShape);  
}

随后对具体的两个棋子进行了设计。也就是设计模式中的具体享元进行设计。

而对于具体的黑白棋子，则需要继承自Chess类

class BlackChess extends Chess{  
  BlackChess() {  
    _color = Colors.black;  
  }  

  set chessShape(ChessShape? __chessShape) {  
    super._chessShape = __chessShape;  
  }  
}

白色棋子同理，代码如下：

class WhiteChess extends Chess{  
  WhiteChess() {  
    _color = Colors.*white*;  
  }  

  set chessShape(ChessShape? __chessShape) {  
    super._chessShape = __chessShape;  
  }  
}

而对于享元工厂，我们则可以使用单例模式进行创建。

类图如下：

代码如下：

class ChessFlyweightFactory {  
  ChessFlyweightFactory._();  

  static ChessFlyweightFactory? *_factory*;  

  static ChessFlyweightFactory *getInstance*() {  
    if ( *_factory* == null) {  
      *_factory* = ChessFlyweightFactory._();  
    }  
    return *_factory*!;  
  }  

  HashMap<String, Chess> _hashMap = HashMap<String, Chess>();  

  Chess getChess(String type) {  
    Chess chess;  
    if (_hashMap[type] != null) {  
      chess = _hashMap[type]!;  
    } else {  
      if (type == "white") {  
        chess = WhiteChess();  
      } else {  
        chess = BlackChess();  
      }  
      _hashMap[type] = chess;  
    }  
    return chess;  
  }  
}

至此，我们对基本的棋子编写也已经完成了。

2.其他设计

棋子形状——桥接模式

因为形状主要是用来装饰棋子的，比如玩家根据自身等级可以购买不同的棋子皮肤、形状，因此我们这里抽出来单独设计。这里使用到

在本次的设计中，我们的棋子可以有方棋子和圆棋子。

类图如下：

由于Chess、WhiteChess、BlackChess已经在上方给出了代码， 因此这里我们只给出剩下的三个类。

abstract class ChessShape{  
  int? _shape;  

  int get shape => _shape!;  

  set shape(int value) {  
    _shape = value;  
  }  
}

ChessShape是一个抽象类，定义了其返回的形状类型。这里我们使用1代表圆，0代表方。具体的类设计如下：

class CircleShape extends ChessShape{  
  CircleShape(){  
    shape = 1;  
  }  
}

class RectShape extends ChessShape{  
  RectShape(){  
    shape = 2;  
  }  
}

玩家状态的切换——状态模式

游戏玩家状态的可以进行切换，如是否可以悔棋等，因此在这里使用了状态模式。

玩家类设计如下：

class UserContext {  

  late State _state;  

  State get state => _state;  

  UserContext(){  
    _state = StartState(this);  
  }  

  play() {  
    _state.play();  
  }  

  //悔棋只能悔棋三次  
  bool regretChess() {  
    return _state.regretChess();  
  }  

  // 认输 10步之内不能认输  
  bool surrender() {  
    return _state.surrender();  
  }  

  setState(State state){  
    _state = state;  
  }  

  void reset() {  
    _state = StartState(this);  
  }  
}

这里对玩家的一些动作进行了限制，比如悔棋只能悔棋三次，前10步不能认输。这个玩家类在状态模式中也叫环境类。

随后我们设计抽象状态类：

abstract class State {  
  int _step = 0;  

  int get step => _step;  
ate){  
    _state = state;  
  }  

  void reset() {  
    _state = StartState(this);  
  }  
}

这里对玩家的一些动作进行了限制，比如悔棋只能悔棋三次，前10步不能认输。这个玩家类在状态模式中也叫环境类。

随后我们设计抽象状态类：

abstract class State {  
  int _step = 0;  

  int get step => _step;