金年会·(金子招牌)诚信至上

鸿蒙推箱子小游戏：UI界面美化

inAbilitySlice

首先需要修改config.on文件，将界面改为无框全屏化设计。

接下来设计按钮样式，新建一个graphic文件，并添加美化代码。

分析界面需求，创建四个按钮和一张图片，采用DirectionalLayout布局。

至此第一个界面的美化工作完成。

SelectSlice

这个界面与第一个界面类似，只是少了一个按钮并且按钮样式有所不同。

需要再次创建一个graphic文件，进行美化。

InitSlice

加载界面中使用了一个播放gif的第三方组件，以及一张图片和一个进度条组件，布局采用DirectionalLayout。

GameSlice

游戏界面的UI稍微复杂一些，需要使用嵌套布局。

整体布局采用DirectionalLayout纵向布局，其中需要横向布局的部分添加DirectionalLayout实现简单的嵌套。

自定义样式的CommonDialog

点击历史记录按钮时，显示每个关卡的最近一次历史记录，实际上是一个自定义样式的CommonDialog。

具体实现是创建一个自定义的RecordDialog类和美化用的xml文件，并在类中添加自己的xml文件。

关于这样的设计，在点击关于游戏弹出的界面同样也是如此实现。

游戏中的最后一个UI设计是在点击设置按钮时出现的滑动块组件，可以保存一些全局设置。

至此，UI部分的美化工作已经全部完成。

数据存储

使用轻量级偏好数据库进行数据存储。

利用数据库存储每个关卡的信息，首先需要创建一个数据库类MyDB。

在游戏结束时，如果打开了自动保存按钮，则进行存储。

在点击历史记录时，进行数据读取。

开启自动保存，才会在游戏结束时将数据存入数据库。

至此，整个项目的分享工作已经全部完成。请注意，文章中涉及的图片资源均为网络资源，仅供学习交流使用。

大部分代码已经在文章中给出，剩下的就需要读者自行理解并动手实践金年会金字招牌诚信至上！记得要动手哦！