这里继续梳理一下迄今在GAS里和建造系统中用到的UI:(仅供个人学习参考使用)
这一节是堡垒之夜的生命值和护盾值的UI显示 ,如果看过第一节的话,就会觉得这个挺简单的,风格简约。
1、创建一个Widget,里面包含图标,当前值,最大值等信息
为了在ProgressBar上显示信息,这里用到了Overlay(类似于画布)注意上面的逻辑结构,用到SizeBox,HorizontalBox等来规整结构,Spacer用来提供间距
01、最外层的SizeBox
02、第一个HorizontalBox
03、用于放Icon的SizeBox
04、Icon是一个Image控件
05、Spacer间隔
06、在HorizontalBox中再放入一个SizeBox
07、 放一个画布Overlay
07、老朋友ProgressBar
08、 表示当前值和最大值的Text
09、放一个SizeBox用一张Image隔开
2、提供设置图标和ProgressBar颜色的方法
3、提供一个更新信息的方法UpdataStat(更新Current,Max,Perecentage)
4、数值的初始化可以预设,也可以提供一个初始化方法