【Unity3D小技巧】Unity3D中UI控制解决方案

推荐阅读

  • CSDN主页
  • GitHub开源地址
  • Unity3D插件分享
  • 简书地址
  • 我的个人博客

大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。

一、前言

在开发中总是会控制UI界面，如何优雅的控制UI界面是每一个Unity3D程序员的必修课。

这篇文章就总结了一下博主在实际开发中用到的几种控制UI的方式，分享出来以供批评指正。

在文章的最后，也根据UI控制做了一些延展，比如说：

  • 控制UI顺序
  • 控制UI层级
  • 控制初始化的先后顺序
  • 显示隐藏的堆栈

二、正文

2-1、讨论UI控制的解决方案

先说一下痛点吧，隐藏UI面板很简单，xx.SetActive(false);就行，但是这个管理的脚本放在哪里是个问题。

因为这个挂载的对象一旦隐藏，那么这个脚本就失灵了，所以一般不能挂载在UI面板自己身上，因为一旦隐藏就不管用了。

但是UI统一管理耦合性太高，不适合组件开发，但是也是一种控制方法。

挂载在UI面板自己身上，就需要一些技巧，避开隐藏自身这种行为。

由此为基础，有下面几种方案的讨论。

2-1-1、用一个脚本统一管理脚本的方式

实现方式
先搭建UI，然后新建一个对象挂载控制UI的脚本，然后这个脚本里面控制所有的UI事件。

例子
效果图：
在这里插入图片描述

在这里插入图片描述
代码参考：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;public class UIControl : MonoBehaviour
{public GameObject Panel1;public Button Btn1;public GameObject Panel2;public Text TextTitle;public Text TextContent;public GameObject Panel3;public GameObject Panel4;void Start(){// 按钮绑定Btn1.onClick.AddListener(ClickSure);}void ClickSure(){}public void ShowPanel(){Panel1.SetActive(true);}
}

用这个脚本去控制所有的对象，保存隐藏显示、文字赋值、按钮绑定事件等。

优缺点
优点：
脚本一般都在一个独立对象上，脚本容易找。控制显示隐藏不容易报NULL对象错误。

缺点：
耦合性太高，所有的UI对象都在一个脚本中，脚本代码比较拥杂，并且无法独立出来形成组件进行复用。

2-1-2、面板自身挂载脚本，通过控制所有子对象来隐藏面板

实现方式
UI自身带有控制的脚本，通过控制所有子对象来实现隐藏或显示。

例子
效果图：
在这里插入图片描述

优缺点

优点：组件化开发，可以形成预制体复用，不必隐藏面板。

缺点：需要获取所有子对象，并且父节点身上不能添加Image，不然隐藏所有子对象也不行。

2-1-3、面板自身挂载脚本，通过控制UI界面缩放来隐藏面板

实现方式
UI界面挂载脚本，控制UI界面的缩放为0即可隐藏脚本，算是视觉隐藏，但是实际没有隐藏。

例子
效果图：
在这里插入图片描述

优缺点
优点：不必获取子对象，使用缩放控制。

缺点：不确定面板是否要显示，没法控制显示顺序。

2-1-4、面板自身挂载脚本，通过控制UI子节点来隐藏面板

实现方式
算是第一种和第二种方法的一种优化和升级。

在UI界面下面再设置一个节点用来控制所有的UI对象，随意控制隐藏和显示都没有问题，也不用获取所有的子对象，非常好用。

例子
效果图：
在这里插入图片描述

优缺点
优点：控制子对象，不用直接控制UI界面，避免脚本禁用情况，方便管理，也可以默认隐藏，更加灵活。

缺点：搭建UI的时候需要按照一定的规则搭建。比如UI界面是根节点，下一个节点是控制UI界面隐藏和显示的节点，再下面才是真正的UI搭建。

2-2、方法改良及可行性演示

2-1小结分析的几种解决方案都有优点和缺点，再次基础上，总结了一个比较完善的改良型方案。

UI面板自身挂载脚本，下面一个子节点是所有UI的父节点，也就是：

在这里插入图片描述
这样的话，一个UI界面的父节点是固定的，然后子节点用同一个名字方便脚本控制。

代码参考：

using System;
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.Diagnostics;
using UnityEngine.UI;public class Panel3Logic : MonoBehaviour
{GameObject currentObj;Button BtnSure;Action endAction;void Start(){currentObj = transform.Find("UIControl").gameObject;currentObj.SetActive(false);BtnSure = currentObj.transform.Find("BtnSure").GetComponent<Button>();BtnSure.onClick.AddListener(BtnSureEvent);}/// <summary>/// 显示隐藏面板/// </summary>/// <param name="ison"></param>void ShowInfo(bool ison){currentObj.SetActive(ison);}/// <summary>/// 设置委托函数/// </summary>/// <param name="ison"></param>/// <param name="endAction"></param>void ShowInfo(bool ison, Action endAction){currentObj.SetActive(ison);this.endAction = endAction;}/// <summary>/// 点击确定的时候，关闭面板，并且执行委托函数/// </summary>void BtnSureEvent(){currentObj.SetActive(false);endAction?.Invoke();}
}

2-3、延展内容

这一节就将UI控制解决方案再做一下延展，包括：

  • 控制初始化的先后顺序
  • 控制UI层级和顺序
  • 显示隐藏的堆栈

新建一个UI基类UIBase.cs，双击编辑代码：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.EventSystems;public class UIBase : MonoBehaviour
{/// <summary>/// 初始化顺序/// </summary>public int StartOrder;/// <summary>/// 层级顺序/// </summary>public int LayerOrder;/// <summary>/// 唯一标识符/// </summary>[HideInInspector]public int UniqueID;public virtual void OnStart() { }public virtual void ShowInfo(bool ison) { }
}

UI界面控制UI继承与这个基类，比如说Panel1Logic.cs，编辑代码：

using System;
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;public class Panel1Logic : MonoBehaviour
{GameObject currentObj;Button BtnSure;Action endAction;/// <summary>/// 初始化顺序/// </summary>public int StartOrder;/// <summary>/// 层级顺序/// </summary>public int LayerOrder;/// <summary>/// 唯一标识符/// </summary>public int UniqueID;public void OnStart(){currentObj = transform.Find("UIControl").gameObject;currentObj.SetActive(false);BtnSure = currentObj.transform.Find("BtnSure").GetComponent<Button>();BtnSure.onClick.AddListener(BtnSureEvent);}/// <summary>/// 显示隐藏面板/// </summary>/// <param name="ison"></param>public void ShowInfo(bool ison){currentObj.SetActive(ison);}/// <summary>/// 设置委托函数/// </summary>/// <param name="ison"></param>/// <param name="endAction"></param>public void ShowInfo(bool ison, Action endAction){currentObj.SetActive(ison);this.endAction = endAction;}/// <summary>/// 点击确定的时候，关闭面板，并且执行委托函数/// </summary>void BtnSureEvent(){currentObj.SetActive(false);endAction?.Invoke();}
}

UI控制脚本UIControl.cs，编辑代码：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;public class UIControl : MonoBehaviour
{public List<UIBase> UIList;// 使用栈的后进先出的特性，实现UI的后显示先隐藏的功能Stack<GameObject> uiQueue;void Start(){// 初始化UIUIInit();// 初始化参数uiQueue = new Stack<GameObject>();}void UIInit(){// 排序UIList.Sort((x, y) => x.StartOrder.CompareTo(y.StartOrder));// 设置初始化顺序for (int i = 0; i < UIList.Count; i++){Debug.Log(UIList[i].StartOrder);UIList[i].OnStart();UIList[i].UniqueID = 1000 + i;}// 排序UIList.Sort((x, y) => x.LayerOrder.CompareTo(y.LayerOrder));// 设置层级顺序for (int i = 0; i < UIList.Count; i++){Debug.Log(UIList[i].LayerOrder);UIList[i].transform.SetSiblingIndex(UIList[i].LayerOrder);}}/// <summary>/// 显示UI/// </summary>/// <param name="UniqueID"></param>public void ShowPanel(int UniqueID){UIBase uiObj = UIList.Find(value => value.UniqueID == UniqueID);if (uiObj != null){uiObj.ShowInfo(true);uiQueue.Push(uiObj.gameObject);}}/// <summary>/// 隐藏UI 适用于多个UI重叠 点击任意位置关闭UI的情况/// </summary>public void HidePanel(){GameObject ui = uiQueue.Pop();ui.GetComponent<UIBase>().ShowInfo(false);}
}

三、后记

如果觉得本篇文章有用别忘了点个关注，关注不迷路，持续分享更多Unity干货文章。

你的点赞就是对博主的支持，有问题记得留言：

博主主页有联系方式。

博主还有跟多宝藏文章等待你的发掘哦：

专栏方向简介
Unity3D开发小游戏小游戏开发教程分享一些使用Unity3D引擎开发的小游戏，分享一些制作小游戏的教程。
Unity3D从入门到进阶入门从自学Unity中获取灵感，总结从零开始学习Unity的路线，有C#和Unity的知识。
Unity3D之UGUIUGUIUnity的UI系统UGUI全解析，从UGUI的基础控件开始讲起，然后将UGUI的原理，UGUI的使用全面教学。
Unity3D之读取数据文件读取使用Unity3D读取txt文档、json文档、xml文档、csv文档、Excel文档。
Unity3D之数据集合数据集合数组集合：数组、List、字典、堆栈、链表等数据集合知识分享。
Unity3D之VR/AR（虚拟仿真）开发虚拟仿真总结博主工作常见的虚拟仿真需求进行案例讲解。
Unity3D之插件插件主要分享在Unity开发中用到的一些插件使用方法，插件介绍等
Unity3D之日常开发日常记录主要是博主日常开发中用到的，用到的方法技巧，开发思路，代码分享等
Unity3D之日常BUG日常记录记录在使用Unity3D编辑器开发项目过程中，遇到的BUG和坑，让后来人可以有些参考。

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

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

相关文章

Unity_ShaderGraph示例项目启动

Unity_ShaderGraph示例项目启动

Unity_ShaderGraph示例项目启动 大前提不变：URP模板，Unity2023.1.19使用 Shader Graph - Unity 手册Shader Graph 是一个工具，能够让您直观地构建着色器。您可以在图形框架中创建并连接节点，而不必手写代码。Shader Graph 提供了能反映所作更改的即时反馈，对于不熟悉着色…
阅读更多...
RDBMS-MySQL高级

RDBMS-MySQL高级

数据操作语句&#xff08;DML&#xff09;多表/关联查询Mysql中的函数事务执行流程数据库的备份与还原数据库表设计三范式 一、数据操作语句&#xff08;DML&#xff09; 插入数据 语法&#xff1a; 1.1插入&#xff08;insert [into]&#xff09;或添加一条数据 -- 指定列…
阅读更多...
DPVS 多活部署架构部署

DPVS 多活部署架构部署

一、目标 利用DPVS部署一个基于OSPF/ECMP的提供HTTP服务的多活高可用的测试环境。 本次部署仅用于验证功能&#xff0c;不提供性能验证。 配置两台DPVS组成集群、两台REAL SERVER提供实际HTTP服务。 注&#xff1a;在虚拟环境里面&#xff0c;通过在一台虚拟服务器上面安装FR…
阅读更多...
Opencv(C++)学习 之RV1126平台的OPENCV交叉编译

Opencv(C++)学习 之RV1126平台的OPENCV交叉编译

本文特点&#xff1a;网上已经有了很多opencv移植RV1106的文章&#xff0c;本文主要记录基于cmake-gui编译&#xff0c;碰到的报错&#xff0c;及解决报错问题的方法&#xff0c;同时简单总结一些配置项相关的知识。 一、环境&#xff1a; ubuntu18 x64 RV1126交叉编译工具链 …
阅读更多...
wifi配网(esp8266和esp32)-http get和post方式

wifi配网(esp8266和esp32)-http get和post方式

wifi配网(esp8266和esp32)-http get和post方式 通过http get和post方式来给esp芯片配网 步骤&#xff1a; 开机&#xff0c;指示灯亮起后(需要灯闪烁3下后)&#xff0c;需在3s内&#xff08;超过3s则会正常启动&#xff09;&#xff0c;按一下按键&#xff08;注&#xff1a;切…
阅读更多...
C++学习Day01之namespace命名空间

C++学习Day01之namespace命名空间

目录 一、程序及输出1.1 命名空间用途&#xff1a; 解决名称冲突1.2 命名空间内容1.3 命名空间必须要声明在全局作用域下1.4 命名空间可以嵌套命名空间1.5 命名空间开放&#xff0c;可以随时给命名空间添加新的成员1.6 命名空间可以是匿名的1.7 命名空间可以起别名 二、分析与总…
阅读更多...
Unity 图片不改变比例适配屏幕

Unity 图片不改变比例适配屏幕

Unity 图片不改变比例适配屏幕 前言项目场景布置代码编写添加并设置脚本效果 前言 遇到一个要让图片适应相机大小&#xff0c;填满屏幕&#xff0c;但不改变图片比例的需求&#xff0c;记录一下。 项目 场景布置 代码编写 创建AdaptiveImageBackground脚本 using System.C…
阅读更多...
九、Qt图表使用

九、Qt图表使用

一、QCharts概述 Qt图表提供了&#xff1a;折线图、样条曲线图、面积图、散点图、条形图、饼图、方块胡须图、蜡烛图、极坐标图。1、QChart介绍 Qt Charts基于Qt的QGraphics View架构&#xff0c;其核心组件是QChartView和QChartQChartView是显示图标的视图&#xff0c;基类为…
阅读更多...
JSP和JSTL板块：第三节 JSP四大域对象 来自【汤米尼克的JAVAEE全套教程专栏】

JSP和JSTL板块：第三节 JSP四大域对象 来自【汤米尼克的JAVAEE全套教程专栏】

JSP和JSTL板块&#xff1a;第三节 JSP四大域对象 一、page范围二、request范围三、session范围四、application范围 在服务器和客户端之间、各个网页之间、哪怕同一个网页之内&#xff0c;总是需要传递各种参数值&#xff0c;这时JSP的内置对象就是传递这些参数的载具。内置对象…
阅读更多...
时间序列预测——GRU模型

时间序列预测——GRU模型

时间序列预测——GRU模型 在深度学习领域&#xff0c;循环神经网络&#xff08;RNN&#xff09;是处理时间序列数据的一种常见选择。上期已介绍了LSTM的单步和多步预测。本文将深入介绍一种LSTM变体——门控循环单元&#xff08;GRU&#xff09;模型&#xff0c;包括其理论基础…
阅读更多...
NSFCdownload 国自然结题报告下载速度慢问题修复

NSFCdownload 国自然结题报告下载速度慢问题修复

最近有人反应国自然结题报告下载速度慢&#xff0c;大部分人出的问题都是在软件启动的时候&#xff0c;卡在那一直不动&#xff0c;卡的时间过长&#xff0c;以后就提示下载失败了。如下图所示&#xff0c;光标在这里&#xff0c;一直不往下走。 小编也是收到这个反馈以后&…
阅读更多...
如何使用本地私有NuGet服务器

如何使用本地私有NuGet服务器

写在前面 上一篇介绍了如何在本地搭建一个NuGet服务器&#xff0c; 本文将介绍如何使用本地私有NuGet服务器。 操作步骤 1.新建一个.Net类库项目 2.打包类库 操作后会生成一个.nupkg文件&#xff0c;当然也可以用dotnet pack命令来执行打包。 3.推送至本地NuGet服务器 打开命…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023