上篇文章介绍了背包系统开发中需要使用到数据存储
本人使用并介绍LitJson进行生成、解析Json文件
在本文介绍背包系统的UI设计
大家别小瞧这个UI设计,一个好的UI设计方便我们管理,并且对代码扩展性与自适应性起到至关重要作用
【背包面板的设计】
先来看看UI图(图片自己在网上找到,不太好看)
该背包U里面有很多矩形方框,我叫做物品槽,用于存放物品
该背包UI目录结构图如下
其中物品槽的父节点SlotsPanel添加了一个组件 Gird Layount Ground组件
该会按你的设置进行自定义布局,这样方便了们将多个物品槽排布到面板上
【提示面板的设计】
提示面板是将鼠标放在物品槽里显示该槽里物品的的信息的面板
当你鼠标移除物品槽后,提示面板将消失
我们的需求:
提示面板会随内容的长高进行缩放
当内容宽,面板会变宽
内容变高,面板会变高