设置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;
    }
相关推荐
Soari10 小时前
字节跳动重磅开源:UI-TARS-desktop 深度拆解,构建跨平台的“全自动”多模态 AI Agent
人工智能·ui
jf加菲猫11 小时前
第21章 Qt WebEngine
开发语言·c++·qt·ui
墨染天姬16 小时前
【AI】comfy UI详解
人工智能·ui
程序员杰哥16 小时前
独立搭建UI自动化测试框架
自动化测试·软件测试·python·selenium·测试工具·ui·测试用例
廖松洋(Alina)17 小时前
07答案比对与反馈UI-鸿蒙PC端Electron开发
javascript·ui·华为·electron·开源·harmonyos·鸿蒙
UI设计兰亭妙微17 小时前
兰亭妙微|全球化产品设计手册:从国际化适配到本地化深耕,UI设计公司出海实践指南
ui·b端界面设计·高端网站设计
Soari18 小时前
【体验飞跃】Claude Code v2.1.136:解决 MCP 认证丢失,WSL2 剪贴板增强与 UI 细节大修
ui
大树前端老司机18 小时前
工控领域UI升级需求增加原因
ui·界面设计·工控设计
ZC跨境爬虫20 小时前
跟着 MDN 学 HTML day_41:(DOMParser 接口详解)
前端·javascript·ui·html·音视频