设置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;
    }
相关推荐
summerkissyou198712 小时前
Android-UI-获取屏幕尺寸的方法
android·ui
汉得数字平台17 小时前
让提示更智能,弹窗更灵动:Choerodon UI 浮层交互体验优化
ui·前端组件
小书房17 小时前
Android UI为什么由XML转向Compose
xml·ui·compose·声明式ui
ZC跨境爬虫18 小时前
跟着 MDN 学CSS day_45:媒体查询入门指南——从语法到移动优先实践
前端·css·ui·html·tensorflow·媒体
xiami_world18 小时前
Multi-Agent架构选型实战:5个主流平台工具深度横评
人工智能·ui·ai·agi·用户界面
ZC跨境爬虫19 小时前
跟着 MDN 学CSS day_46:(响应式实战——用媒体查询打造双列布局)
前端·css·ui·html·tensorflow·媒体
神仙别闹19 小时前
VUE框架 + Element UI + Node 模拟打印机的 Web 即时打印
前端·vue.js·ui
xiaoshuaishuai820 小时前
C# Avalonia UI的ItemControl
开发语言·ui·c#
条tiao条21 小时前
鸿蒙 ArkTS 多线程完全指南:告别 UI 卡顿,从 TaskPool 到 Worker
ui·华为·harmonyos
ZC跨境爬虫1 天前
跟着 MDN 学CSS day_41:显式轨道、隐式网格与区域命名放置
前端·javascript·css·ui·交互