正文 

当前位置： 首页 > 代码 > java教程

unity使用ugui实现王者荣耀ui界面加载页面-静音按钮和页面完善(代码片段)

布小禅 布小禅     2023-01-26     377

关键词：

效果展示

文章目录

【Unity使用UGUI实现王者荣耀UI界面（二）】加载页面-静音按钮和页面完善

通过Toggle组件实现点击按钮关闭游戏音效的功能，以及Image组件完善加载页面

1. 打开项目

打开我们的Unity Hub，找到你创建的王者荣耀UI界面项目，点击打开

然后静静等待

【这部分最后一次写】

2. Toggle实现打开关闭音效的功能

Toggle组件是开关组件，用于控制某种功能的开关

当然，在此之前，我甚至还去网上找了一个音效当背景音乐

链接：https://pan.baidu.com/s/1N7k4bPP7GkroSjFF4Sobyg
提取码：inln

当然，你也可以自己去找。效果是一样的

2.1 Toggle组件演示

  • 右键UI->Toggle，创建一个开关

  • 选中它

  • 按R调整大小，将x，y调整成5/5

  • 如图所示

  • 然后给它添加一个脚本，命名为test.cs

  • 编写代码：

    using UnityEngine;
using UnityEngine.UI;

public class test : MonoBehaviour

    private Toggle testToggle;  // 开关组件
    // Start is called before the first frame update
    void Start()
    
        testToggle = gameObject.GetComponent<Toggle>();  // 获取开关组件
        testToggle.onValueChanged.AddListener((isOn)=>
        
            // isOn是开关的逻辑，bool类型
            if (isOn)
            
                Debug.Log("开关开了");
            
            else
            
                Debug.Log("开关关了");
            
        );
    

    // Update is called once per frame
    void Update()

效果展示：

需要注意一下，我这是先新建了一个项目，然后再演示的

好了，你已经大致了解了Toggle组件

2.2 使用Toggle组件实现功能

返回我们原来的项目

在我们的canvas上面创建一个Toggle，重命名为closeAudio

然后看这个

  • 把Background的img组件设置为我们素材里面的那个audio添加上

  • 还有那个Checkmark，也设置为audio图片

  • 然后在closeAudio下面创建一个AudioS core

  • 然后在将背景音乐加进去

2.3 编写脚本

在Scripts里面创建一个名字为AudioToggle的脚本，编写代码

using UnityEngine;
using UnityEngine.UI;
public class AudioToggle : MonoBehaviour

    private GameObject bgAudio;

    private Toggle bgAudioToggle;
    // Start is called before the first frame update
    void Start()
    
        bgAudio = transform.Find("bgAudio").gameObject;
    

    // Update is called once per frame
    void Update()
    
        bgAudioToggle = gameObject.GetComponent<Toggle>();
        bgAudioToggle.onValueChanged.AddListener(closeAudio);
    
    /// <summary>
    /// 这个和上面的效果是一样的，区别就是，上面的可以添加参数
    /// 虽然这个也有参数，但是这个参数是开关的类型
    /// </summary>
    /// <param name="isOn"></param>
    void closeAudio(bool isOn)
    
        
        if (bgAudioToggle.isOn)
        
            bgAudio.SetActive(true);
        
        else
        
            bgAudio.SetActive(false);

2.4 挂载脚本

在工程（project）面板找到这个脚本，选中Toggle组件，拖到最下面的Add comment上面

【搞好不要忘记Ctrl + C保存一下】

2.5 设置锚点

将toggle的锚点设置为右上

2.6 测试功能

点击倒三角，开始运行，测试一下看看效果
在文章首页可以看到

3. 右上角显示

直接一个img组件完事

UI->Image

选中我们的app图片


然后设置锚点为左上

结语

欢迎喜爱Python，Unity（游戏开发引擎）的爱好者，让我们一步步走向大神，成功离得不远，也就两个字，坚持罢了！！

Unity游戏引擎宣言：

你是否热爱游戏呢？

你是否曾经幻想着有一天自己做出一款属于自己的游戏呢？

不要犹豫了，赶快学习吧！

点击链接查看Python社区：Python交流社区

点击链接查看Unity社区：Unity游戏开发交流社区

【关注下方作者公号，获取更多咨询】

unity使用ugui实现王者荣耀ui界面加载页面-静音按钮和页面完善(代码片段)

效果展示文章目录【Unity使用UGUI实现王者荣耀UI界面（二）】加载页面-静音按钮和页面完善1.打开项目2.Toggle实现打开关闭音效的功能2.1Toggle组件演示2.2使用Toggle组件实现功能2.3编写脚本2.4挂载脚本2.5设置锚点2.6测试功能3... 查看详情

unity使用ugui实现王者荣耀ui界面加载页面-静音按钮和页面完善(代码片段)

效果展示文章目录【Unity使用UGUI实现王者荣耀UI界面（二）】加载页面-静音按钮和页面完善1.打开项目2.Toggle实现打开关闭音效的功能2.1Toggle组件演示2.2使用Toggle组件实现功能2.3编写脚本2.4挂载脚本2.5设置锚点2.6测试功能3... 查看详情

unity使用ugui实现王者荣耀ui界面登录界面以及加载界面优化(代码片段)

【Unity使用UGUI实现王者荣耀UI界面（三）】登录界面以及加载界面优化【只是用来玩玩的，不要太当真】效果显示：zhans1.加载界面进度100%跳转登录界面这个功能好做，只需要将上次预留的代码补充上，打... 查看详情

unity使用ugui实现王者荣耀ui界面登录界面以及加载界面优化(代码片段)

【Unity使用UGUI实现王者荣耀UI界面（三）】登录界面以及加载界面优化【只是用来玩玩的，不要太当真】效果显示：zhans1.加载界面进度100%跳转登录界面这个功能好做，只需要将上次预留的代码补充上，打... 查看详情

unity使用ugui实现王者荣耀ui界面游戏开始界面(代码片段)

文章目录【Unity使用UGUI实现王者荣耀UI界面（四）】游戏开始界面1.把一些重复的UI添加2.开始游戏按钮3.注销按钮4.完成5.打包6.打包完成内容简介章节介绍适度人群结语【Unity使用UGUI实现王者荣耀UI界面（四）】游... 查看详情

unity使用ugui实现王者荣耀ui界面游戏开始界面(代码片段)

文章目录【Unity使用UGUI实现王者荣耀UI界面（四）】游戏开始界面1.把一些重复的UI添加2.开始游戏按钮3.注销按钮4.完成5.打包6.打包完成内容简介章节介绍适度人群结语【Unity使用UGUI实现王者荣耀UI界面（四）】游... 查看详情

unity利用ugui打包图集，动态加载sprite资源

...动态显示对应的头像。尝试利用UGUI的图集来加载，具体实现如下：1.首先，需要知道SpriteAtlas的功能，可以保存一些关于要打包进去的sprite的设置。（详细参数设置的意义有待进一步研究），其中的ObjectsForPacking可以关联到需要... 查看详情

王者荣耀是怎样炼成的

王者荣耀是怎样炼成的（一）《王者荣耀》用什么开发，游戏入门，unity3D介绍王者荣耀是怎样炼成的（二）《王者荣耀》unity安装及使用的小白零基础入门Unity3d引擎原理详细介绍、Unity3D引擎架构设计 查看详情

unity小地图点击位置映射到地图实体位置(类似王者荣耀的小地图点击功能)

小地图自制功能就不多说了，我的小地图制作参考地址：https://www.youtube.com/watch?v=EeyZ2y2Jpz4建议直接到地址中去看UGUI的小地图的制作，觉得还是讲得比较好的。下面在参考地址的制作前提下做一个小地图点击位置映射到地图实体... 查看详情

编程小白学逻辑-实现王者荣耀轮盘中奖功能(代码片段)

功能介绍实现王者荣耀轮盘中奖功能功能功能：1、窗口2、画背景、画选框3、按键4、按任意键移动框、转弯移动5、状态控制自动移动，按键启停6、移动n次后停止，随机数，随机数转动7、改变执行速度（慢、... 查看详情

从王者荣耀看设计模式（虚拟代理模式）(代码片段)

...，下次调用paintIcon时，代理就委托ImageIcon进行。七.代码实现编写ImageProxy代码packagecom.practice.VirtualProxy;importjava.awt.Component;importjava.awt.Graphics;importjava.net.URL;importjavax.sw 查看详情

王者荣耀是怎样炼成的《王者荣耀》用什么开发，游戏入门，unity3d介绍

在国内，如果你没有听说过《王者荣耀》，那你一定是古董级的人物了。 《王者荣耀》（以下简称“农药”），专注于移动端（Android、IOS）的MOBA游戏。笔者看到这么火爆，就萌生了了解一下这类游戏的开发历程，本... 查看详情

unity贪吃蛇ugui简单的ui设计

UI界面大致的样子 导入素材资源后，使用UGUI进行创作创建画布Canvas，我们使用UGUI，大多数UI功能直接在Canvas下进行将Canvas的渲染模式改为ScreenSpace-Cemare注意密钥把摄像机拖进RenderCamera格子背景冰淇淋的图片贪吃蛇的T... 查看详情

unity头发随动效果

...可以产生随动的效果。类似王者荣耀角色展示界面。准备使用Unity-chan模型来测试，下载地址：https://assetstore.unity.com/packages/3d/characters/unity-chan-model-18705 查看详情

王者荣耀是怎样炼成的《王者荣耀》用什么开发，游戏入门，unity3d介绍

在国内，如果你没有听说过《王者荣耀》，那你一定是古董级的人物了。 《王者荣耀》（以下简称“农药”），专注于移动端（Android、IOS）的MOBA游戏。笔者看到这么火爆，就萌生了了解一下这类... 查看详情

unity3dc#实现类似于王者荣耀技能读条和cd冷却的功能（含源码）(代码片段)

...却时间的倒计时，技能冷却完成后就可以再次释放。实现UI搭建UI的搭建较为简单就是几张图片（Image）配合文本（Text），文本主要用于技能冷却文字的提示和冷却CD倒计时的显示，而图片就包含了技能... 查看详情

关于unity中的ugui优化，你可能遇到这些问题

...GUI里的这个选项，应该是ETC2拆分Alpha通道的意思，但是在使用中并没起作用？请问有没有什么拆分的标准和特别要求呢？Q2：在UI界面中，用Canvas还是用RectTransform做根节点更好？哪种方法效率更高？Q3：UWA性能检测报告中的SharedUI... 查看详情

unity界面ugui遮挡的问题(代码片段)

解决方法：在使用Unity的UGUI时候，重叠的UI控件可能会导致某一个控件点击失败，如下图：在前面的图片挡住了后面的Button，导致后面的Button无法触发点击事件，此时只要把图片的Image组件的RaycastTarget的勾选取消即可解决遮挡的... 查看详情