设置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;
    }
相关推荐
小新11014 小时前
vs2022+Qt插件初体验,创建带 UI 界面的 Qt 项目
开发语言·qt·ui
北极糊的狐20 小时前
三星 One UI 8 停止支持 三星Dex后的替代指南
ui
狮智先生20 小时前
【编程实践】Windows + PySide6 + Matplotlib 绘图时 WinError 32 的完整排查与解决方案
windows·ui·个人开发·matplotlib·交通物流
starrycode88820 小时前
【每日一个知识点】Kotlin开发基础知识
ui·kotlin
企微自动化1 天前
企业微信客户端 UI 自动化定位技术的稳定性和局限性
ui·自动化·企业微信
yoona10201 天前
Flutter 声明式 UI:为什么 build 会被反复调用?
flutter·ui·区块链·dex
巴拉巴拉~~1 天前
深入探索Flutter自定义绘制:从零到一实现炫酷仪表盘
flutter·ui
鼎道开发者联盟1 天前
鼎道AIGUI元件体系如何让DingOS实现“积木”式交互
人工智能·ui·ai·aigc·交互·gui
speedoooo1 天前
在现有App里嵌入一个AI协作者
前端·ui·小程序·前端框架·web app
霍格沃兹测试学院-小舟畅学1 天前
Playwright MCP在UI自动化测试中的定位与思考
ui