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

这篇具有很好参考价值的文章主要介绍了Unity UI -- (6)增加Toggle和Slider。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

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

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

添加一个音乐开关(Toggle)

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

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

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

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

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

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

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

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

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

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

为场景添加音乐

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

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

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

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

让Music Toggle能控制音乐

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

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

        在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。

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

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

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

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

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

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

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

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

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

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

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

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

增加Volume Slider的功能

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

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

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

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

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

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

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

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

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

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

        再次运行场景看看效果。

挑战:增加新的UI元素

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

Unity UI -- (6)增加Toggle和Slider文章来源地址https://www.toymoban.com/news/detail-462930.html

到了这里,关于Unity UI -- (6)增加Toggle和Slider的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Unity--互动组件(Toggle)

    1.组件的可交互 2.组件的过渡状态 3.组件的导航 4.Toggle的属性和参数设置 Toggle 切换控制是一个复选框,允许用户打开或关闭的一个选项; Is on:( 开启 ) 拨动开关是否从一开始就打开了? Toggle Transition:( 切换过渡 ) 更改其值时,切换以图形方式做出反应的方式。选项为

    2024年01月19日
    浏览(29)
  • 【Unity-UGUI控件全面解析】| Toggle 开关组件详解

    🎬 博客主页:https://xiaoy.blog.csdn.net 🎥 本文由 呆呆敲代码的小Y 原创,首发

    2024年02月04日
    浏览(47)
  • Unity UGUI的Toggle(复选框)组件的介绍及使用

    Toggle(复选框)是Unity UGUI中的一个常用组件,用于实现复选框的功能。它可以被选中或取消选中,并且可以代码通过其制控状态。 组Toggle件由两个部分组成:背景记标和。景背用于显示复选框的外观表示于用记标,复选框的选中状态。当被件组Toggle点击时,它会自动切换选

    2024年02月11日
    浏览(46)
  • Unity-Slider调节音量大小功能

    Slider在Unity中的用法有许多,我们可以用它来调节音量大小、视频进度条及角色的血量条等,本文章我们来学习一下第一个功能吧~ 1.新建一个空物体,按F2快捷键修改名称为“Background music”; 2.在“Background music”空物体中添加“Audio Source”组件→在AudioClip添加背景音乐→勾选

    2024年02月13日
    浏览(45)
  • 【Unity入门】UGUI之Slider(滑动条)

    Slider控件允许用户可以通过鼠标来在预先确定的范围调节数值 我们可以在Hierarchy视图右键 - UI -Slider来创建滑动条 通过上图可以发现Unity内置的Slider主要有3部分,一个是最底层的Background,然后是Fill(进度),然后就是Handle(圆点) 注意:Handle可以去除,其并不是必须的。去

    2024年02月22日
    浏览(54)
  • 【虚拟仿真】Unity3D中实现3DUI,并且实现Button、InputField、Toggle等事件绑定

    推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 大家好,我是佛系工程师 ☆恬静的小魔龙☆ ,不定时更新Unity开发技巧,觉得有用记得一键三连哦。 最近在项目中需要用到3DUI的展示,之前一般会用TextMeshPro进行展示: 但是,后面又需要添加按钮、Toggle等,就捣鼓了

    2024年02月22日
    浏览(68)
  • 基于element-ui el-slider实现滑动限位器

    应需求需要,要做一个滑动限位器,一通百度,一通谷歌,没有相对应的解决方案,所以只能自己上。过程有丢丢曲折,比较细的东西。所以耗时也长写。写出来有需要的可以参考 需求图如下: 上面的滑块是可以在区间【50-100】之间随意切换的。左边和右边也是可以随意拉

    2024年02月15日
    浏览(58)
  • 【Unity3D】UGUI之Slider

    1 Slider属性面板         在 Hierarchy 窗口右键,选择 UI 列表里的 Slider 控件,即可创建 Slider 控件,选中创建的 Slider 控件,按键盘【T】键,可以调整 Slider 控件的大小和位置。         创建 Slider 控件时,系统会自动为其创建 3 个 Image 子控件和 2 个 Empty 控件,如下: Backgr

    2024年02月01日
    浏览(48)
  • Element UI中防止赋值触发el-slider的input事件

    我封装了一个滑动条组件,重写了一个滑动条 使用el-slider封装组件时,发现初始化赋值时总会触发el-slider的input事件。 猜测有可能是el-slider封装时,v-model导致的(详情) 具体原因不太清楚 目前我试验的效果是,但凡v-model的值发生改变,就会触发input事件 我需要实现这样一

    2024年02月14日
    浏览(48)
  • Unity UGUI的Slider(滑动条)件组的介绍及使用

    Slider(滑动条)是Unity UGUI中的一种常用UI组件用,于在用户界面中实现滑动选择的功能。通过拖动滑块,用户可以选择一个数值范围的内值。 Slider组件由两部分组成:滑动区域和滑块。滑动区域用于显示滑动条的背景,而滑块则表示当前的数值位置。用户可以通过拖动滑块来

    2024年02月11日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包