## 游戏界面设计
利用 xml 文件绘制布局,使用 PhotoShop 绘制小图标。背景图收集自网络。
### XML 布局
#### 大棋盘
大棋盘相对于整个的 FrameLayout 是居中排布的。这个大棋盘实际是一个 Fragment 。
#### 小棋盘
每个小棋盘由 9 个小棋子构成,整体的布局也是 FrameLayout。
### 边框
由 XML 文件绘制的边框,如下:
~~~
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
<stroke
android:width="@dimen/stroke_width"
android:color="@color/border_color" />
<solid android:color="@color/field_color" />
<corners android:radius="@dimen/corner_radius" />
</shape>
~~~
### 棋子
![](https://box.kancloud.cn/f8a1b3fe3d00499f610762efe6933060_128x128.png)
![](https://box.kancloud.cn/c79a897a5a8349dd9451915b5aa34313_128x128.png)
### 背景图
这张图来自 Mizilla 官网的宣传画。
![](https://box.kancloud.cn/f5872581a944117a3eddc435d1d7598d_800x450.png)
### 整体界面:
![](https://box.kancloud.cn/22bfb5ff36f846d332cb46b48c0da783_480x853.png)