设置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;
    }
相关推荐
MoSTChillax1 小时前
Figma Make:可复用 Prompt 把设计图画“准”
前端·ui·prompt·figma
xiaoxue..15 小时前
TailwindCSS:从“样式民工”到“UI乐高大师”的逆袭
前端·css·ui
没有bug.的程序员19 小时前
自动化测试之魂:Selenium 与 TestNG 深度集成内核、Page Object 模型实战与 Web UI 交付质量指南
前端·自动化测试·selenium·ui·testng·page·object
赵鑫亿21 小时前
ClawPanel v4.4.0 发布:AI 智能助手 + 模型兼容性修复 + UI 优化
人工智能·ui·docker·容器·qq·openclaw
我命由我123451 天前
Photoshop - Photoshop 工具栏(69)前景色和背景色
学习·ui·职场和发展·求职招聘·职场发展·学习方法·photoshop
我命由我123451 天前
Photoshop - Photoshop 工具栏(70)以快速蒙版/标准模式编辑
学习·ui·职场和发展·求职招聘·职场发展·学习方法·photoshop
少云清1 天前
【UI自动化测试】1_PO模式 _面向过程编码
ui·po模式
少云清1 天前
【UI自动化测试】2_PO模式 _单元测试框架(重点)
ui·单元测试·po模式
我是苏苏1 天前
Web开发:使用Ocelot+Nacos+WebApi作简单网关鉴权
前端·javascript·ui
我命由我123452 天前
Photoshop - Photoshop 工具栏(67)修补工具
学习·ui·职场和发展·求职招聘·职场发展·学习方法·photoshop