设置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;
    }
相关推荐
kylinmin38 分钟前
卸载微软电脑管家:一次性彻底移除
前端·ui·xhtml
Wiktok3 小时前
【WIT】解决导入pywinauto相关库会导致程序UI界面(tkinter/pyside6)浏览文件等操作卡住问题
python·ui·pywinauto
lin62534224 小时前
Android九宫格,1张图到9张图适配;图片自定义UI
android·ui·kotlin
解局易否结局4 小时前
鸿蒙UI开发中Flutter的现状与鸿蒙系统UI生态未来方向
flutter·ui·harmonyos
晚霞的不甘4 小时前
Flutter + OpenHarmony 设计系统实战:构建统一、美观、无障碍的跨端 UI 体系
flutter·ui
黑臂麒麟4 小时前
DevUI modal 弹窗表单联动实战:表格编辑功能完整实现
前端·javascript·ui·angular.js
晚霞的不甘4 小时前
鸿蒙(HarmonyOS)UI 美化实战:打造美观、响应式的应用界面
ui·华为·harmonyos
晚霞的不甘4 小时前
鸿蒙(HarmonyOS)应用开发深度入门:ArkTS 语法、UI 构建与状态管理详解
ui·华为·harmonyos
黑臂麒麟5 小时前
华为云的DevUI&Form组件实战:个人信息编辑表单完整实现
前端·javascript·ui·华为云·angular.js
赵庆明老师6 小时前
NET 中深度拷贝一个对象
前端·javascript·ui