到目前,我们的「棋路-中国象棋」游戏已经有些眉目了!
为了不至于太紧张,在做了一大堆复杂工作后,现在是做点轻松且有成效的工作的时间了!本节让我们来给象棋游戏添加基本的界面元素!
本节提要
- 添加游戏主菜单页
- 布局对战页面
- 配置全屏/竖屏模式
- 讨论不同屏幕的适配
我们将在游戏中使用全屏界面,考虑到目前手机中有大量的刘海屏存在,所以我们再 ChessroadApp 中定义一个状态栏高度的命名常量,游戏的每个页面在 StatusBar 的高度范围内都放置内容:
class ChessRoadApp extends StatelessWidget {
//
static const StatusBarHeight = 28.0;
...
}
添加游戏主菜单页
我们先为游戏添加一个开始菜单页面:在 lib/routes 文件夹下,我们创建一个新的文件 main-menu.dart,在其中创建我们的开始菜单 Widget:
import 'package:flutter/material.dart';
import '../common/color-consts.dart';
import '../main.dart';
import 'battle-page.dart';
class MainMenu extends StatelessWidget {
//
@override
Widget build(BuildContext context) {
//
final