Unity UI -- (6)增加Toggle和Slider

news2024/12/23 1:39:05

        在前面的小节中,我们已经有了一个空的设置菜单。现在让我们来添加设置选项。

        在本节最后,我们的设置菜单的样子参考如下:

添加一个音乐开关(Toggle)

        现在让我们来增加一个toggle,让用户能够通过它来对场景的音乐进行开关。

        1. 激活Settings Menu有我物体,隐藏所有其它的UI元素,然后确保我们在2D视角来编辑场景视图里的Canvas。

        2. 在Settings Menu游戏物体上点击右键,选择UI > Toggle。将其重命名为“Music Toggle”。

            默认情况下,Toggle的标签使用的是Unity的老的文本系统,而不是更好的TextMeshPro。我们将它替换为TextMeshPro。

       3. 在Hierarchy中,将Music Toggle游戏物体展开,删除Lable子物体,然后在Music Toggle上点击右键并选择 UI > Text - TextMeshPro。

        4. 编辑文字标签的大小和位置,参考效果如下:

为场景添加音乐

        1. 在Hierarchy中,点击右键,选择Audio > Audio Source。

        2. 在Audio Source组件的Audio Clip属性中,使用物体选择器浏览并选择你想要用的音乐。

        3. 在Audio Source组件中个,将Volume属性设置为一个0.25-0.50之间的值。

让Music Toggle能控制音乐

        1. 选择Music Toggle游戏物体,在Toggle组件的底部,找到On Value Changed(Bollean)事件。

        在On Value Changed (Boolean)事件中,参数是一个布尔值。本案例中,我们想要实现的效果是,当这个参数为true时(开)播放音乐,为fasle时(关)停止音乐。

  • Toggle on → OnValueChanged(true) → play music

  • Toggle off → OnValueChanged(false) → stop music

        2. 点击On Value Changed Event里的“+”按钮,添加一个新的action,将Audio Source游戏物体赋值给object。

        3. 使用action下拉菜单,选择AudioSource > enabled。

            当开关被设置为true或false时,Audio Source的enabled属性也会被设置为相应的值。现在我们可以运行场景看看效果了。

增加一个音量调整滑动条(slider)

        接下来我们使用一个叫做slider的UI元素来控制音量。

        1. 在Settins Menu游戏物体上点击右键,选择UI > Slider,将其重命名为“Volume Slider”。

        2. 使用Rect Transform组件或场景中的Rect Tool 来调整一下Slider的大小和位置,参考效果如下:

        3. 在Volume Slider游戏物体上点击右键,创建一个Text - TextMeshPro 子物体。然后调整一下文字的大小和位置等,把文本放到Slider旁边。

增加Volume Slider的功能

        1. 选择Volume Slider游戏物体,在Slider组件中找到On Value Changed (Single)事件。

        2. 增加一个新的action,将Audio Source游戏物体赋值给它。

        3. 在action下拉列表中,选择AudioSource > volume。

            本案例中,这个属性是一个float类型变量。滑动条会将这个值修改为一个0到1之间的浮点数值,这个值的大小根据滑动条所使用的位置而定。

            如果我们现在运行场景,会发现一个奇怪的现象。音乐是按照正常音量所播放的,但滑动条却显示在最左边的默认位置上。在场景启动时,滑动条的位置和当前的音量并不匹配。

        4. 在Slider组件中,将Value属性的默认值修改为之前我们为Auido Source设置的起始音量值。

        再次运行场景看看效果。

挑战:增加新的UI元素

        尝试添加一些新的UI元素,实现路灯的开关,火焰的燃烧或熄灭以及白天黑夜的切换效果。

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

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

相关文章

多功能语音芯片​NV040C的应用,为洗地机开辟新的应用领域

随着科技的快速发展,智能化和自动化已经成为了各个行业发展的主流趋势。传统的家庭洗拖工作日渐被各类洗地机、扫地机器人等取代,其中作为洗地机作为近几年家庭清洁的好物。近年来,不少洗地机厂商开始将语音芯片技术应用到产品中,…

多商户商城系统开发功能优势与选择技巧

电商行业的持续发展,让越来越多的商家企业开始选择入驻多商户商城,通过该系统不仅能够为消费者提供更加便捷良好的购物体验,而且也能够为企业提供一个高效稳定的电商平台,可以说是未来电商行业发展的重要趋势。那么多商户商城系统…

Milk -v 开发板烧录系统以及ssh连接

Milk -v 开发板烧录系统以及ssh连接 0. 前言1. 系统下载2. 驱动安装3. ssh连接 0. 前言 操作系统:Windows10 专业版 开发板:Milk -v 准备读卡器、内存卡、Typec 数据线 Milk-V开发板官方文档 到手后它的外形和宣传图片是一致的,但是更加的…

微信小程序云开发学习记录--1

目录 1.配置小程序项目 2. 云创建 3.新建云文件夹 4.数据库的建立和使用 5.增、删、改、查四种数据库基本操作 增加数据 查询数据 修改数据 删除数据 拿到微信小程序,首先可以先配置好自己的服务器或者是云环境,服务器的方法就不说了&#xff0…

前端实训——Day01

前言 学校最近开始实训周了,一上就是一个月,本来想在课上学点考研的东西的,但是无奈任务重,而且最后还能有点小奖励,就认真学了,再者说,html也挺重要的,学一学也不算浪费时间。 软…

Linux——安装tomcat并部署项目

目录 1、准备阶段 2、具体步骤 2.1、下载tomcat安装包 2.2、上传tomcat安装包 2.3、启动tomcat 2.4、访问页面 3、部署Maven项目至tomcat 3.1、打包Maven项目 3.2、上传打包后的war包至Linux 3.3、修改连接数据库配置文件中的ip 3.4、访问项目 3.5、直接访问ip访问…

Promise理解+ JS 的执行机制

做一道题,理解一下: function getPrinterList() {let res 初始setTimeout(() > {res 1},1000)return res }let res getPrinterList() console.log(res); //输出初始 在getPrinterList函数中,先分清同步异步. JS执行语句时,会区分同步异步,把所有的同步放在同步队列中,把…

【Python pymongo】零基础也能轻松掌握的学习路线与参考资料

Python pymongo是一款基于Python的MongoDB数据库的驱动程序,它提供了操作MongoDB数据库的接口和方法。学习Python pymongo可以帮助开发者更好地使用MongoDB数据库,从而实现更好的数据存储和管理。在这篇文章中,我们将介绍Python pymongo的学习…

chatgpt赋能Python-python_bin__

Python中的bin()方法:将数字转换为二进制字符串 Python中内置的bin()函数是一个非常有用的工具,它可以将一个整数转换成一个二进制字符串。这个函数非常简单易用,对于任何需要进行二进制操作的开发者来说都是一个必不可少的工具。 什么是二…

chatgpt赋能Python-python_bio包

Python Bio包:简介、功能和应用 Python Bio包是什么 Python Bio包是一套专门为生物信息学而设计的Python模块。它包含了许多优秀的工具和算法,可以帮助生物学家们解决各种生物问题。Python Bio包主要由五个子模块组成: Bio.Seq&#xff1a…

EXP-00026: conflicting modes specified

今天下午现场项目经理问了一个问题,直接上截图,问是不是客户端不兼容? C:\Users\Administrator>exp usr_jwc/Test#123192.16.50.100:1521/orcl ownerusr_jwc fully fileC:\ABCD20230521.dmp logC:\imp_ABCD20230521.log Export: Release…

day38_Servlet

今日内容 零、 复习昨日 一、Servlet 二、HTTP 三、HttpServlet 零、 复习昨日 见晨考 一、Servlet 1.1 介绍 javaweb开发,就是需要服务器接收前端发送的请求,以及请求中的数据,经过处理(jdbc操作),然后向浏览器做出响应. 我们要想在服务器中写java代码来接收请求,做出响应,我…

chatgpt赋能Python-python_aipspeech

Python Aipspeech介绍与优势分析 什么是Python Aipspeech? Python Aipspeech是一种基于Python编程语言的语音识别API,可以实现语音转文字、语音合成、语音唤醒等功能。它基于Aipspeech强大的语音识别引擎,可以实现高精度的语音识别&#xf…

香港VPS服务器如何屏蔽指定访客ip?

​  如果你是一个香港VPS服务器的管理员,你可能会遇到一些不良用户或者恶意攻击者,这些人会尝试通过不断的访问和攻击你的网站来破坏你的网站的运行。如何保护你的网站,你需要使用一些方法来屏蔽这些指定的访客IP。 首先,你需要…

某医院内部网络攻击分析案例

分析概要 分析概要从以下三点做介绍。 分析内容 NetInside网络流量分析设备采集的流量。 分析时间 报告分析时间范围为:2020-09-28 07:58:00-11:58:00,时长共计3小时。 分析目的 本报告主要分析目的:查找和定位存在可疑现象的主机、查…

当你学会这项python数据提取神器时,请做好升职准备!

一、什么是 jsonpath ● JsonPath 是一种信息抽取类库,是从 JSON 文档中抽取指定信息的工具,提供多种语言实现版本,包括:JavaScript、Python、PHP 和 Java。 *文末领10节自动化精品课* 二、特点 ● 只能提取 JSON 格式的数据 ●…

Postman和Jmeter的区别

01、创建接口用例集 Postman 是 Collections,Jmeter 是线程组,没什么区别。 02、 步骤的实现 Postman 和 jmeter 都是创建 http 请求 区别 1:postman 请求的URL 是一个整体,jmeter 分成了 4 个部分(协议、主机、端…

chatgpt赋能Python-pythonsub

Python Sub- 快捷、高效的字符串替换工具 如果你是一个有大量文本替换需求的开发者,Python Sub 库是一个你一定不能错过的工具。Python Sub 是一个快捷、高效的字符串替换工具,帮助你快速轻松地替换字符串,优化你的工作效率。 Python Sub 提…

基于Java+Swing+mysql物业收费管理系统

基于JavaSwingmysql物业收费管理系统 一、系统介绍1. 居民管理模式:2. 物业管理员管理模式:3.项目说明 二、功能展示1.用户登陆2.查询缴费--业主3.历史账单3.资料设置4.生成账单--管理员5.收费记录--管理员6.用户管理--管理员 三、数据库四、其它系统五、获取源码 一、系统介绍…

rsync 远程同步+inotify实时同步部署

目录 一、rsync概述1.1 rsync服务器1.2 同步方式1.2-1 全量备份1.2-2 增量备份1.2-3 rsync同步源服务器1.2-4 scp与rsync的区别 二、配置rsync源2.1 基本思路2.2 配置文件rsyncd.conf2.3 独立的账号文件2.4 启用rsync服务2.5 rsync功能及特点2.5-1 rsync功能2.5-2 rsync特点 2.…