设置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;
    }
相关推荐
余多多_zZ1 小时前
鸿蒙学习手册(HarmonyOSNext_API16)_应用开发UI设计:Swiper
学习·ui·华为·harmonyos·鸿蒙系统
长流小哥3 小时前
可视化开发:用Qt实现Excel级动态柱状图
开发语言·c++·qt·ui
Invisible_He1 天前
iOS自定义collection view的page size(width/height)分页效果
ui·ios·swift·collection
草巾冒小子1 天前
element-ui图片查看器
前端·vue.js·ui
大树前端老司机1 天前
UI设计中的动画效果:如何让页面更生动?
ui
烧仙草奶茶2 天前
【cocos creator 3.x】3Dui创建,模型遮挡ui效果
ui·3d·cocos creator·cocos3d
wkm9562 天前
Unity程序嵌入Qt后点击UI按钮Button没有反应
qt·ui·unity
南部余额2 天前
playwright解决重复登录问题,通过pytest夹具自动读取storage_state用户状态信息
前端·爬虫·python·ui·pytest·pylawright
Antonio9153 天前
【Q&A】QT有哪些状态模式的设计?
qt·ui·状态模式
一只小灿灿4 天前
从 WPF 到 MAUI:跨平台 UI 开发的进化之路
ui·wpf