设置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;
    }
相关推荐
淼澄研学3 小时前
OpenAI集成Photoshop API:函数调用机制解析与实操指南
ui·photoshop
学习使我健康3 小时前
一个基于 **Jetpack Compose + Material 3** 的 Android 入门示例项目,演示 Compose 声明式 UI 的核心用法
ui·kotlin·android jetpack
一夜白头催人泪6 小时前
从0到1搭建AI驱动的UI自动化:无代码DOM设计文档
人工智能·ui·自动化
星辰即远方21 小时前
计算器仿写总结
学习·ui·ios·cocoa·xcode
天天进步20151 天前
UI-TARS 源码解析 #21:从 UI-TARS 到本地桌面自动化:如何接入截图、模型推理和动作执行?
运维·ui·自动化
飞凌嵌入式1 天前
告别多端重复开发:Buildroot+Flutter实现全平台UI风格统一
flutter·ui
FungLeo2 天前
Flutter 把第三方 UI 库渐进迁回 Material 3:组件映射总表 + 四批次替换实战
flutter·ui
鹤卿1232 天前
「iOS」天气预报仿写总结
ui·ios·objective-c
A24207349302 天前
Vue + TypeScript 请求数据后结合 Element UI 实现树形菜单与下拉选择
vue.js·ui·typescript