设置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;
    }
相关推荐
打妖妖灵滴哪吒2 小时前
IOS模态窗口的作用与设计原则
前端·ui
打妖妖灵滴哪吒2 小时前
前端开发/UI设计师-APP中如何进行可发现性设计
前端·ui
玛艾露贝13 小时前
Browser-Use在UI自动化测试中的应用
ui
brave_zhao14 小时前
Axure RP 9模板的使用
ui·axure·photoshop
骊城英雄15 小时前
基于C#+avalonia ui实现的跨平台点胶机灌胶监控控制上位机软件
开发语言·ui·c#
兰亭妙微UI设计公司18 小时前
兰亭妙微UI设计公司拆解:设计目标、原则、策略、方法、指标的区别与落地逻辑
ui
天天进步20151 天前
UI-TARS 源码解析 #16:点击、双击、右键、悬停源码解析:GUI Agent 如何控制鼠标?
ui
小当家.1052 天前
Taste Skill:88KB 提示词如何让 AI 写的 UI 不再像流水线罐头
前端·人工智能·ui·skill
码云数智-大飞2 天前
iOS 卡顿排查指南:主线程阻塞与 UI 渲染优化实战
ui·ios