天工维度魔兽争霸开发者社区-全国最大的TJ集中营-原提百万联盟

标题: UI多管血条（BY：安神） [打印本页]

作者: 蓝忘机 时间: 2020-2-4 13:28
标题: UI多管血条（BY：安神）

简单的说做界面的方式是先PS 然后再做界面

(, 下载次数: 32)

血条这东西很简单一般就是两个贴图的事情

(, 下载次数: 27)

另外一个就是血条贴图

(, 下载次数: 34)

做好贴图后导出成TGA

然后开始计算位置

这里需要用到标尺这工具

(, 下载次数: 33) (, 下载次数: 32)

标注好血条背景位置

然后进行裁切获取实际坐标

(, 下载次数: 31)

这里计算的是左下角到血条背景左上角锚点的坐标

(, 下载次数: 33)

点击图像大小查看坐标

(, 下载次数: 28) (, 下载次数: 27)

然后把裁切的背景图导入到地图中

新建个UI框架

(, 下载次数: 27)

然后设置血条背景的位置

这里需要注意一下界面默认的坐标较小

(, 下载次数: 34)

我们需要把坐标进行换算

(, 下载次数: 23)

大概就是这样、然后设置大小、截取大小的数据

(, 下载次数: 30) (, 下载次数: 25)

再然后设置贴图

(, 下载次数: 43)

这个时候测试就可以看见进度条背景在界面上了

(, 下载次数: 30)

同理把血条的进度贴图也制作出来

(, 下载次数: 32)

最后就是给血条绑定触发

这里需要关联单位的血条进度

(, 下载次数: 25) (, 下载次数: 34)

4.51就是血条的宽度除100

(, 下载次数: 28)

最后创创建单位绑定Boss变量测试一下效果

(, 下载次数: 26)

血条教程就此完毕

**** 本内容需购买 ****

作者: 蓝忘机 时间: 2020-2-4 13:30
转自：安神
后言：不同的贴图尺寸不同的、这贴图都是临时做的估计不会有哪个人会直接复制

作者: 创世神 时间: 2020-2-7 00:01

我看不错噢谢谢楼主！天工社区越来越好！

作者: xuqw9801 时间: 2020-2-19 06:36
谢谢大神分享。

作者: 汤圆甜心 时间: 2020-3-3 08:50

楼主发贴辛苦了，谢谢楼主分享！我觉得提百万联盟是注册对了！

作者: 我爱天工维度 时间: 2020-3-7 19:06
谢谢分享

作者: AK爆头 时间: 2020-3-18 12:14
楼主发贴辛苦了，谢谢楼主分享！我觉得天工社区是注册对了！

作者: tsmbw 时间: 2020-4-4 09:00
支持一下

作者: wt82130072 时间: 2020-4-8 17:23
楼主发贴辛苦了，谢谢楼主分享！我觉得天工社区是注册对了！

作者: 来看看 时间: 2020-4-10 17:12
楼主发贴辛苦了，谢谢楼主分享！我觉得天工社区是注册对了！

作者: BYT_P 时间: 2020-5-15 00:40

楼主太厉害了！楼主，I*老*虎*U！我觉得天工社区真是个好地方！

作者: 天天维度 时间: 2020-8-14 00:31
谢谢楼主分享！

作者: Final_z 时间: 2021-7-19 11:42
很详细，很实用！

作者: zy10532 时间: 2021-9-15 23:26
我只想说牛逼

作者: 长粗硬久猛 时间: 2022-1-25 00:38
感谢分享

欢迎光临天工维度魔兽争霸开发者社区-全国最大的TJ集中营-原提百万联盟 (http://bbs.mvprpg.com/)