设置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;
    }
相关推荐
wtrees_松阳2 小时前
【弦断处见真章】:鸿蒙UI三重境之《UIContext》心法探幽
ui·华为·harmonyos
IT古董3 小时前
企业级官网全栈(React·Next.js·Tailwind·Axios·Headless UI·RHF·i18n)实战教程-第四篇:登录与注册系统(核心篇)
javascript·react.js·ui
梦想的旅途23 小时前
基于 UI 驱动(RPA)实现企业微信外部群自动化推送的技术逻辑
ui·自动化·企业微信·rpa
JosieBook4 小时前
【UI设计】智慧政务大屏 UI 设计深度解析:从战略意图到像素级落地
ui·政务
xinyu_Jina1 天前
Info Flow:大规模列表渲染中的UI虚拟化、数据懒-加载与前端性能工程
前端·ui
鼎道开发者联盟2 天前
构建活的界面:AIGUI底板的动态布局
人工智能·ui·ai·aigc·gui
Lan.W2 天前
element UI + vue2 + html实现堆叠条形图 - 横向分段器
前端·ui·html
尤老师FPGA2 天前
使用ZYNQ芯片和LVGL框架实现用户高刷新UI设计系列教程(第四十二讲)
android·java·ui
阿蔹2 天前
UI测试自动化--Web--Python_Selenium-元素定位
前端·ui·自动化
IT古董2 天前
【前端】Headless UI 深度实战:构建可访问、可定制的现代前端组件
前端·ui