设置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;
    }
相关推荐
文创工作室15 小时前
Adobe Illustrator 中文
ui·adobe·illustrator
烛衔溟1 天前
HarmonyOS 基础 UI 构建 —— 组件、布局与沉浸式效果
ui·华为·harmonyos
一次旅行1 天前
CopilotKit实战:用生成式UI打造智能Agent前端
前端·人工智能·ui
gqk012 天前
Delegate.Target/ Method
前端·ui·xhtml
李二。2 天前
ArkTS原生 | 知识问答引擎 —— 鸿蒙Next声明式UI实战
ui·华为·harmonyos
陈葛杰2 天前
PS2026安装教程
ui·photoshop
Rain5092 天前
mini-cc 终端 UI:用 React 写 CLI 是什么体验
前端·人工智能·react.js·ui·架构·前端框架·ai编程
LiuJun2Son2 天前
Claude Code + Skill 做 UI 的实战工作流
人工智能·ui
李二。2 天前
AI翻译通(鸿蒙原生)—— 鸿蒙Next声明式UI翻译工具实战
人工智能·ui·harmonyos
ZC跨境爬虫2 天前
跟着 MDN 学JavaScript day_4:如何存储你需要的信息——变量
开发语言·前端·javascript·ui·ecmascript