设置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;
    }
相关推荐
界面开发小八哥9 小时前
UI框架DevExpress XAF v24.2新功能预览 - .NET Core / .NET增强
ui·c#·.net·.netcore·界面控件·devexpress·ui开发
程序猿人大林18 小时前
WPF 关于界面UI菜单权限(或者任意控件的显示权限)的简单管理--只是简单简单简单简单
javascript·ui·wpf
Eggbreaker207719 小时前
Unity UI Button 事件优先级调整技术方案
ui·unity·游戏引擎
ymchuangke19 小时前
Pyside6 --Qt设计师--简单了解各个控件的作用之:Item Views
python·qt·ui·pyside6
时光追逐者1 天前
一款基于Fluent设计风格、现代化的WPF UI控件库
开发语言·ui·c#·.net·wpf·微软技术
Cedric_Anik1 天前
iOS渲染概述
ui·ios·swift
小袁同学.2 天前
axios请求拦截器和响应拦截器,封装naive-ui的 Loading Bar加载条和useMessage消息提示
开发语言·javascript·ui
鸿蒙自习室2 天前
鸿蒙UI开发——组件裁剪与遮罩
ui·华为·harmonyos·鸿蒙
招风的黑耳3 天前
数据可视化大屏UI组件库:B端科技感素材PSD
ui·可视化素材·psd素材