设置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;
    }
相关推荐
工业HMI实战笔记6 小时前
【无标题】
大数据·人工智能·ui·自动化·人机交互·交互
帅次8 小时前
Kotlin Flow 与 StateFlow:UI 单向数据流基础
开发语言·ui·kotlin·stateflow·onlifecycle
一个处女座的程序猿1 天前
Agent之Skill:ui-ux-pro-max-skill的简介、安装和使用方法、案例应用之详细攻略
ui·agent·ux·ui-ux-skill
条tiao条2 天前
Navigation页面跳转教学博客
ui·华为·harmonyos·鸿蒙·页面跳转
এ慕ོ冬℘゜2 天前
前端实战:Textarea 实时字数计数输入器(带字数限制+UI优化完整源码)
前端·ui
todoitbo2 天前
让数据看板随时可见:Grafana + cpolar 远程访问实战
ui·网络安全·grafana·数据看板·远程访问
Liknana2 天前
Qt 圆角表格控件实战:setMask + 抗锯齿描边 + 多层阴影
qt·ui
天天进步20152 天前
UI-TARS 源码解析 #7:Thought + Action 输出格式:GUI Agent 的最小决策闭环
ui
曹牧3 天前
C#:关闭UI,清理线程
开发语言·ui·c#