设置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;
    }
相关推荐
ZC跨境爬虫2 小时前
跟着 MDN 学CSS day_16:(深入掌握背景与边框的艺术)
前端·css·ui·html·tensorflow
lazy熊12 小时前
AI编程实战9:用 Codex 把一段重复 UI 抽成组件
ui·ai编程
c++之路12 小时前
状态模式(State Pattern)
ui·状态模式
小许同学记录成长15 小时前
频谱分析仪 UI 自定义绘制
ui·架构
王翼鹏1 天前
利用AI根据设计图开发页面总结
ui·ai
ZC跨境爬虫1 天前
模块化烹饪小程序开发日记 Day7:(菜谱详情接口开发与JSON数据读取全流程)
前端·javascript·css·ui·微信小程序·json
王翼鹏1 天前
claude code 使用ui-spec 命令生成UI设计说明
ui·自定义命令·claude code
人还是要有梦想的1 天前
QT数据库乱码、QT qml import导入库报错、ui界面分层设计
开发语言·qt·ui
小许同学记录成长2 天前
QGC地面站 UI 界面开发
qt·ui·架构
华玥作者2 天前
从“碎片化”到“资产化”:Vue3 + UniApp 组件库的进化论
ui·uni-app·vue·组件库