设置HP条UI

概述

设置常见的生命值条,

实现过程

设置UI/image作为形状

设置UI/Image作为背景

设置UI/image(healthfill)作为填充图片,层数低于背景

设置heathfill的imagetype为filled

fillmethod为horizontal

csharp 复制代码
 [SerializeField] private Image healthFill;
 public void AddHealth(int healAmount)
    {
        health += healAmount;
        if (health > maxHealth)
            health = maxHealth;
        healthFill.fillAmount = health / maxHealth;
    }
相关推荐
测试老哥20 小时前
Pytest+Selenium UI自动化测试实战实例
自动化测试·软件测试·python·selenium·测试工具·ui·pytest
步、步、为营1 天前
.net jwt实现
ui·.net
藏在歌词里1 天前
Axure-元件&流程图
ui·photoshop
孤蓬&听雨1 天前
Axure形状类组件图标库(共8套)
ui·产品经理·axure·产品设计·原型设计
生产队队长1 天前
项目练习:element ui 的icon放在button的右侧
开发语言·javascript·ui
小赖同学啊1 天前
Quick UI 组件加载到 Axure
ui·axure·photoshop
行云流水剑2 天前
【学习记录】Element UI导入报错 * element-ui/lib/theme-chalk/index.css in ./src/main.js
css·学习·ui
海尔辛2 天前
UGUI Text/TextMeshPro字体组件
ui·unity·性能优化
海尔辛2 天前
Unity UI 性能优化终极指南 — Image篇
ui·unity·性能优化
海尔辛2 天前
[特殊字符] Unity UI 性能优化终极指南 — ScrollRect篇
ui·unity·性能优化