设置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;
    }
相关推荐
UXbot6 小时前
UI设计工具推荐合集
前端·人工智能·ui
雨季66610 小时前
使用 Flutter for OpenHarmony 构建基础 UI 组件布局:从 Scaffold 到 Container 的实战解析
flutter·ui
会一点设计16 小时前
工作总结PPT模板设计指南:从结构到排版的完整解析
ui·powerpoint·ux·ppt
夏河始溢16 小时前
一八零、AG-UI:构建AI前端交互的统一协议
前端·人工智能·ui
ucancode17 小时前
AI --> Mermaid --> 图形可视化 (UI)
人工智能·ui·ai·mermaid
小码过河.18 小时前
设计模式——状态模式
ui·状态模式
William_cl1 天前
C# ASP.NET强类型视图:让 UI 数据交互告别 “猜谜游戏“
ui·c#·asp.net
万物得其道者成1 天前
UI UX Pro Max: AI 驱动的设计系统生成引擎深度解析
人工智能·ui·ux
工业HMI实战笔记2 天前
汽车制造业HMI设计特点:高节拍生产的界面优化
ui·信息可视化·性能优化·自动化·汽车·交互
夏河始溢2 天前
一七九、WebRTC介绍
前端·人工智能·ui