unity2022版本 实现加减进度条

简介

在现代游戏开发中,用户界面 (UI) 扮演着至关重要的角色,它不仅为玩家提供信息,还增强了游戏的可玩性。加减进度条是一种常见的UI元素,它可以用于显示游戏中的进度、倒计时、资源管理和其他关键信息。在这篇博客中,我们将深入探讨游戏开发中加减进度条的实现和使用。

界面节点设置

  1. 创建 Canvas 节点容器:首先,建立一个 Canvas 节点容器,命名为 "Bar"。Canvas将作为整个进度条的容器,负责容纳所有相关的元素。

  2. 创建背景节点:在 "Bar" Canvas 内创建一个名为 "BgBar" 的节点,用于表示进度条的背景。这个节点将显示进度条的整体背景或底纹。

  3. 创建前景颜色节点:接下来,在 "Bar" Canvas 内创建一个名为 "ProBar" 的节点,这将是进度条的前景节点,表示当前的进度。通常,您会根据进度的百分比来动态调整此节点的大小。

  4. 创建文本节点:为了在进度条上显示相关文本信息,您可以在 "Bar" Canvas 内创建一个名为 "Txt" 的节点。这个节点可以用于显示进度百分比或其他相关文本内容。

  5. 创建加号和减号节点:如果您需要在进度条上添加加号和减号按钮用于调整进度,您可以在 "Bar" Canvas 内分别创建 "加号" 和 "减号" 节点。这些按钮可以与进度条的交互功能相关联。

节点结构示意图

Bar (Canvas节点容器)- BgBar (进度条背景节点)- ProBar (前景颜色节点)- Txt (文字节点)- + (加号节点)- - (减号节点)

主要思路:

为了实现交互性,我们为加号节点和减号节点添加了点击事件。当用户点击加号节点时,当前进度会增加,同时文本节点内容和前景颜色节点宽度都会相应更新。同样,当用户点击减号节点时,当前进度会减少,文本节点内容和前景颜色节点宽度也会做出相应调整。这些交互功能将帮助用户轻松控制进度条,并提供了一种直观的方式来与游戏或应用互动

完整代码如下

using UnityEngine;
using UnityEngine.UI;
using TMPro;namespace HHSJ
{public class Bar : MonoBehaviour{[HideInInspector] public float now = 0;  // 当前进度[HideInInspector] public float all = 0;  // 总进度// 更新显示进度文本public void UpdateTxt(){// 构建显示文本,格式为 "当前进度 / 总进度"string txt = now.ToString() + "/" + all.ToString();// 查找名为 "Txt" 的子对象,用于显示文本Transform txtTransform = UserUtils.FindChild(this.transform, "Txt");// 更新 TextMeshProUGUI 组件的文本内容txtTransform.GetComponent<TextMeshProUGUI>().text = txt;// 获取前景进度条的 RectTransform 组件RectTransform proBarTransform = UserUtils.FindChild(this.transform, "ProBar").GetComponent<RectTransform>();// 获取背景进度条的 RectTransform 组件RectTransform bgBarTransform = UserUtils.FindChild(this.transform, "BgBar").GetComponent<RectTransform>();// 计算当前进度百分比,并限制在 0 到 100% 之间float bl = (now / all);if (bl > 1.0f){bl = 1.0f;}else if (bl < 0.0f){bl = 0.0f;}// 根据百分比调整前景进度条的宽度proBarTransform.SetSizeWithCurrentAnchors(RectTransform.Axis.Horizontal, bgBarTransform.rect.width * bl);}// 增加当前进度public void AddNow(){if (now + 1 <= all){now = now + 1;this.UpdateTxt();}}// 减少当前进度public void SubNow(){if (now - 1 > 0){now = now - 1;this.UpdateTxt();}}// 设置当前进度public void SetNow(float now){this.now = now;this.UpdateTxt();}// 设置总进度public void SetAll(float all){this.all = all;this.UpdateTxt();}}
}

 大致效果如下:

社交:

游戏开发QQ群:859055710 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/105733.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

JMeter定时器

一. 同步定时器&#xff08;Synchronizing Timer) &#xff08;在Loadrunner中叫做集合点&#xff09; 思考&#xff1a; 如何模拟多个用户同时抢一个红包&#xff1f;如何测试电商网站中抢购活动、秒杀活动&#xff1f; 1.1 介绍 Sync Timer的目的是阻塞线程&#xff0c;直…

C. JoyboardCodeforces Round 902

C. Joyboard 样例1列表找规律&#xff1a; #include<iostream> #define int long long using namespace std; signed main() {int T;cin>>T;while(T--){int n,m,k;cin>>n>>m>>k;if(k1){cout<<1<<endl;}else if(k2){cout<<m…

劣币驱良币的 pacing 之殇

都说 pacing 好 burst 孬(参见&#xff1a;为啥 pacing)&#xff0c;就像都知道金币好&#xff0c;掺铁金币孬一样。可现实中掺铁的金币流通性却更好&#xff0c;劣币驱良币。劣币流通性好在卖方希望收到别人的良币而储存&#xff0c;而自己作为买方只使用劣币。 burst 和 pac…

vue图表制作

Vue.js是一个非常流行的JavaScript框架&#xff0c;可以用于开发交互式Web应用程序。Vue.js的优点之一是它的灵活性和可扩展性。因此&#xff0c;可以使用Vue.js与许多其他库和框架集成&#xff0c;包括图表库。 下面是使用Vue.js制作图表的一些步骤&#xff1a; 1.选择一个适…

告前端同学书

告前端同学书 一年前&#xff0c;InfoQ的编辑约请我对前端技术做了些回顾总结&#xff0c;说了三个方面的话题&#xff1a;其一&#xff0c;前端过去的15年大致可以怎样划分&#xff1b;其二&#xff0c;前端的现状以及面临的挑战&#xff1b;其三&#xff0c;前端会有怎样的未…

LocalDate的用法

日期时间转换 2023-03-30 14:25:00.000 DateTimeFormat(pattern "yyyy-MM-dd HH:mm:ss:sss")private LocalDateTime requestTimeStamp; 2021-06-18T10:46:19.67378508:00 new SimpleDateFormat("yyyy-MM-ddTHH:mm:ss:sssXXX");yyyy-mm-dd hh:mm:ss.sss 05…

关于javascript数组方法reduce的理解

JavaScript中的 reduce 是一个数组方法&#xff0c;它用于对数组中的元素进行累积操作&#xff0c;将数组的每个元素应用到指定的累积器函数&#xff0c;然后返回累积的结果。 reduce 方法的技术原理可以简单地概括为以下几个步骤&#xff1a; &#xff08;PS:累积器函数指的是…

解析找不到msvcp140.dll的5个解决方法,快速修复dll丢失问题

​在使用计算机过程中&#xff0c;我们也会遇到各种各样的问题。其中&#xff0c;找不到msvcp140.dll修复方法是一个非常普遍的问题。msvcp140.dll是一个动态链接库文件&#xff0c;它是Microsoft Visual C 2015 Redistributable的一部分。这个文件包含了许多用于运行C程序的函…

传输层 | UDP协议、TCP协议

之前讲过的http与https都是应用层协议&#xff0c;当应用层协议将报文构建好之后就要将报文往下层传输层进行传递&#xff0c;而传输层就是负责将数据能够从发送端传到接收端。 再谈端口号 端口号(port)标识了一个主机上进行通信的不同的应用程序&#xff0c;在TCP/IP协议中&…

进阶JAVA篇- LocalDate 类与 LocalTime 类、LocalDateTime 类的常用API(六)

目录 API 1.0 LocalDate 类与 LocalTime 类、LocalDateTime 类的API说明 1.1 如何创建LocalDate 类与 LocalTime 类、LocalDateTime 类的对象 1.2 LocalDate 类与 LocalTime 类、LocalDateTime 类中的以 get 开头实例方法 1.3 LocalDateTime 类中的 toLocalDat…

Vu3中样式穿透不生效处理

Vu3中样式穿透不生效处理 代码查看F12处理- 方法一父组件修改为单根组件 代码 App.vue <template><p>父组件</p><hello-world></hello-world> </template><script setup> import HelloWorld from "./components/HelloWorld.v…

蓝桥杯 第 1 场算法双周赛 第三题 分组【算法赛】c++ 贪心+双指针

题目 分组【算法赛】 难度: 中等 问题描述 蓝桥小学要进行弹弹球游戏&#xff0c;二年级一班总共有 n 个同学&#xff0c;要求分成 k 个队伍&#xff0c;由于弹弹球游戏要求队员的身高差不能太大&#xff0c;小蓝是班长&#xff0c;他对这个事情正在发愁&#xff0c;他想问…

【多媒体技术与实践】使用OpenCV处理图像(实验三.上)

1&#xff1a;图像直方图 将原彩色图像转成灰度图像&#xff0c;得到该灰度图像的灰度直方图&#xff0c;并对灰度直方图进行直方图均衡化&#xff0c;将原图、灰度图、直方图及均衡化后的直方图一起拼接为一张图片 import cv2 import numpy as np import matplotlib.pyp…

浅谈压力测试的作用是什么

随着现代应用程序变得越来越复杂&#xff0c;用户的期望也在不断提高&#xff0c;对性能和可靠性的要求变得更加苛刻。在应用程序开发和维护的过程中&#xff0c;压力测试是一项至关重要的活动&#xff0c;它可以帮助发现潜在的问题、评估系统的性能极限&#xff0c;以及确保在…

4、在 CentOS 8 系统上安装 pgAdmin 4

pgAdmin 4 是一个开源的数据库管理工具&#xff0c;专门用于管理和操作 PostgreSQL 数据库系统。它提供了一个图形用户界面&#xff08;GUI&#xff09;&#xff0c;使用户能够轻松地连接到 PostgreSQL 数据库实例&#xff0c;执行 SQL 查询&#xff0c;管理数据库对象&#xf…

MySQL简介

数据库管理系统 1、关系型数据库管理系统: Oracle:Oracle是一种商业级关系型数据库管理系统,支持高可用性、高安全性以及广泛的企业级应用需求。SQL Server:SQL Server是Microsoft开发的企业级关系型数据库管理系统,广泛应用于Windows环境下的软件开发。MySQL:MySQL是一…

智能指针与定制删除器

定制删除器 前面我们的智能指针就是&#xff1a; RAII。 像指针一样。 但是我们的智能指针的析构函数就只是 delete。 // 这里简单的看一下 shared_ptr 就知道了~shared_ptr(){if (--(*_pcount) 0){delete _ptr;delete _pcount;}} 那么如果我们想要 new[] 呢&#xff1f…

基于知识图谱建模、全文检索的智能知识管理库(源码)

一、项目介绍 一款全源码&#xff0c;可二开&#xff0c;可基于云部署、私有部署的企业级知识库云平台&#xff0c;一款让企业知识变为实打实的数字财富的系统&#xff0c;应用在需要进行文档整理、分类、归集、检索、分析的场景。 知识图谱提供了一种从海量文本和图像中抽取结…

2023大联盟2比赛总结

比赛链接 反思 T1 奇怪的贪心和构造题一直是我的软肋部分 T2 简单题 T3 也不难 T4 套路没学过&#xff0c;感觉还是太菜了 题解 A 考虑先给图随便染色&#xff0c;然后调整 因为每个点的度数为 3 3 3&#xff0c;所以如果有 x → u → v x\to u\to v x→u→v 的颜…

自定义类型:结构体,枚举,联合 (2)

2. 位段 位段的出现就是为了节省空间。 2.1 什么是位段 位段的声明和结构是类似的&#xff0c;有两个不同&#xff1a; 1.位段的成员必须是 int、unsigned int 或signed int 。 2.位段的成员名后边有一个冒号和一个数字。 比如&#xff1a; struct A {int _a:2;int _b:5;int…