设置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;
    }
相关推荐
Roc-xb17 小时前
hermes-web-ui安装教程
前端·ui·hermes-web-ui
xiami_world18 小时前
从prompt到产品:AI 生成 UI 的三条技术路径对比与工程实践
人工智能·ui·ai·prompt·aigc·ai编程
ZC跨境爬虫1 天前
跟着 MDN 学CSS day_50:(传统布局方法与网格系统)
前端·css·ui·tensorflow·媒体
文创工作室1 天前
Adobe Photoshop 2024 多国语言版本
ui·adobe·photoshop
summerkissyou19872 天前
Android-UI-获取屏幕尺寸的方法
android·ui
汉得数字平台2 天前
让提示更智能,弹窗更灵动:Choerodon UI 浮层交互体验优化
ui·前端组件
小书房2 天前
Android UI为什么由XML转向Compose
xml·ui·compose·声明式ui
ZC跨境爬虫2 天前
跟着 MDN 学CSS day_45:媒体查询入门指南——从语法到移动优先实践
前端·css·ui·html·tensorflow·媒体
xiami_world2 天前
Multi-Agent架构选型实战:5个主流平台工具深度横评
人工智能·ui·ai·agi·用户界面
ZC跨境爬虫2 天前
跟着 MDN 学CSS day_46:(响应式实战——用媒体查询打造双列布局)
前端·css·ui·html·tensorflow·媒体