梳理一下迄今在GAS里和建造系统中用到的UI_03

这里继续梳理一下迄今在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、数值的初始化可以预设,也可以提供一个初始化方法

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值