【Unity UGUI全面解析】 教程专栏目录贴

已于 2024-08-20 09:30:10 修改
阅读量1.9w 收藏 15
点赞数 11
CC 4.0 BY-SA版权
分类专栏： # Unity UGUI全面解析 Unity精品学习专栏⭐️ 文章标签： unity UGUI UI 游戏 用户界面
于 2023-07-04 08:38:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhangay1998/article/details/130257586
本文是【UGUI控件全面解析】教程专栏目录，详细介绍Unity 2020及以上版本的UGUI系统，包括Canvas、Text、Image、按钮等组件。通过学习，读者可以掌握UGUI的基础知识和常见组件的使用方法，适合Unity UI新手。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

请添加图片描述

请添加图片描述

  • 🎬 博客主页：https://xiaoy.blog.youkuaiyun.com

  • 🎥 本文由 呆呆敲代码的小Y 原创，首发于 优快云🙉

  • 🎄 学习专栏推荐：Unity系统学习专栏

  • 🌲 游戏制作专栏推荐：游戏制作

  • 🌲Unity实战100例专栏推荐：Unity 实战100例 教程

  • 🏅 欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正！

  • 📆 未来很长，值得我们全力奔赴更美好的生活✨

  • ------------------❤️分割线❤️-------------------------

请添加图片描述请添加图片描述请添加图片描述

请添加图片描述

🎬【UGUI控件全面解析】 教程专栏目录贴

【Unity UGUI全面解析】 系列文章属于 Unity精品学习专栏⭐️，用于专门介绍Unity中的UGUI控件学习教程使用。

先来介绍一个UGUI，Unity UI是一套用于开发游戏和应用程序用户界面的工具。
它是一个基于gameobject的UI系统，使用组件和游戏视图来安排、定位和设计用户界面。

NGUI是UGUI的前身，Unity开发团队将NGUI的开发团队收到自己开发团队下，并且由此开发了UGUI。
UGUI系统是从Unity 4.6版本后才开始集成到Unity编辑器中。

UGUI 的特点：

  • 灵活

  • 快速

  • 可视化
    对于开发者来说有很多的优点，比如说：

  • 效率高

  • 实现效果好

  • 易于使用和拓展

  • 与Unity编辑器的兼容性高

UGUI 中的常用组件可以简单分为两类：

  • 可视组件：Text、Image、Raw Image、Panel
  • 可交互组件：Button、Toggle、Slider、Scrollbar、DropDown、InputField、Scroll rect

可交互组件 代表该类组件可以与用于进行交互，如点击、下拉、滑动等交互行为。而可视组件 就只能看，如文本、图片等只能观看，没有其他行为。

🐱‍🏍UGUI系列内容介绍

大致分为下面几个部分：

系列内容使用的Unity版本皆为 Unity 2020 及以上版本，组件的各项参数可能在不同版本之下略有不同，不过不会影响我们使用及教程的介绍，请放心食用(敏感肌也可以使用哦😁)！

🎁文章内容结构介绍

每篇文章的内容结构大致由如下几个部分构成，根据这几个部分对UGUI控件进行一个教程学习。
在这里插入图片描述

💯总结

  • 本文为【UGUI控件全面解析】专栏的目录文章，本专栏主要用于介绍Unity中的UGUI控件学习与使用。
  • 该系列基本上将UGUI组件的使用方法详细介绍了，包括组件概念、属性面板、代码操作组件、组件常用方法及相关扩展使用。
  • 对于刚开始学习Unity中的UGUI的新手来说，学完该专栏已经算是对UGUI的小毕业了，再做几个关于UI的实战案例基本上就没问题了。

资料白嫖，技术互助

学习路线指引（点击解锁）知识定位人群定位
🧡 Unity系统学习专栏 🧡入门级本专栏从Unity入门开始学习，快速达到Unity的入门水平
💛 Unity实战类项目 💛进阶级计划制作Unity的 100个实战案例！助你进入Unity世界，争取做最全的Unity原创博客大全。
❤️ 游戏制作专栏 ❤️ 难度偏高分享学习一些Unity成品的游戏Demo和其他语言的小游戏！
💚 游戏爱好者万人社区💚 互助/吹水数万人游戏爱好者社区，聊天互助，白嫖奖品
💙 Unity100个实用技能💙 Unity查漏补缺针对一些Unity中经常用到的一些小知识和技能进行学习介绍，核心目的就是让我们能够快速学习Unity的知识以达到查漏补缺

在这里插入图片描述

【Unity-UGUI控件全面解析】| Layout自动布局组件详解
努力前行，总会成为自己心中的那道光
06-06 2万+
UGUI中有个自动布局组件Auto Layout，主要包含下面几个模块（点击可进入官方文档下查看描述）： 自动布局 布局元素 (Layout Element) 水平布局组 (Horizontal Layout Group) 垂直布局组 (Vertical Layout Group) 网格布局组 (Grid Layout Group) 内容大小适配器 (Content Size Fitter) 自动布局系统 基于布局元素和布局控制器的概念。一个布局元素是具有矩形变换以及其他可选组件的游戏对象。布局元素对自身
【Unity-UGUI控件全面解析】| Text文本组件详解
热门推荐
努力前行，总会成为自己心中的那道光
04-29 2万+
Text文本，是为了向用户展示非交互式的文本信息。用于在工程中显示文字的地方(常用)，简单来说只要能看到字的情况下，一般都是用的这个组件。 在Hierarchy视图，选择 UI→Text 新建Text文本：
Unity UGUI UI工具集：New UI Widgets
05-03
Unity UGUI Assets Store上付费UGUI工具集：https://www.assetstore.unity3d.com/cn/#!/content/27226
Unity UGUI-TextMeshPro插件中文教程
Chinar优快云的博客
08-31 4166
Unity UGUI-TextMeshPro 组件中文教程 助力快速掌握 Unity UGUI-TextMeshPro组件的使用，为初学者节省宝贵的时间。 TextMeshPro是一个功能十分强大的文本组件，在Unity2018版本后被内置到Unity中,主要是用来做一些字体效果的 当一个工程第一次使用TextMeshPro时需要执行导入操作 以上就是TextMeshPro的简单使用
Unity UGUI一键绑定UI控件工具(编辑器拓展)
qq_54351806的博客
04-16 2344
实现自动生成代码绑定UI控件 并生成字典保存UI控件减少自己拖拽 和手动书写过程 适用动态加载面板建议搭配UI框架使用。
Unity中UI系统3——UGUI思维导图
SunsetSunup的博客
07-19 260
UGUI思维导图
Unity UGUI优化与原理【unity官方】
gaojinjingg的专栏
12-16 5926
来源( 来源:unity官方 Optimizing Unity UI ) 官方链接: [1]https://unity3d.com/cn/learn/tutorials/temas/best-practices/guide-optimizing-unity-ui [2]https://unity3d.com/cn/learn/tutorials/topics/best-practice...
【Unity-UGUI控件全面解析】| Button 按钮组件详解
努力前行，总会成为自己心中的那道光
05-02 2万+
Button 是UGUI中的可交互组件，在日常开发中会经常用到，也就是代表游戏中的按钮，可执行各种点击事件。 在Hierarchy视图中点击 Create→UI→Button 创建Button组件。
【Unity-UGUI控件全面解析】| InputField 输入框组件详解
努力前行，总会成为自己心中的那道光
05-02 2万+
InputField 输入框组件 是一个用来输入内容的组件，它将简单的标签转换为可交互的输入字段。 通常用来输入账号、密码、聊天信息，或者输入参数等情况。 可从菜单 (Component > UI > Input Field) 中将输入字段 (Input Field) 脚本添加到任何现有的文本控件对象。完成此操作后，还应将该对象拖动到输入字段的 Text 属性以便启用编辑。
Unity游戏开发中组件封装的重要性
Jeremy201500的博客
06-07 404
　　UGUI这一块，项目在最开始时并没有对其做封装，导致到中后期的时候策划提了一些需求，而原生组件并不具备这样的功能接口！从而浪费了比较多的时间去实现这些完全通用的功能！这完全是可以避免的！我已经看过好多次别人重复实现某一组件的功能就是不想着去做好这个封装，从而达到DRY原则！ 　　举例来说： 　　比如要求一个按钮不能频繁点击，点击一次后需要等待0.5秒才能点击下一次，这时完...
【Unity之IMGUI脚本封装】—位置信息类和控件基类的封装
秩沅
06-22 1360
👨‍💻。解决 **缺点1：无法在编译过程进行可视化调整 缺点2：无法分辨率自适应**
【unity】UGUI选项卡toggle封装
iywgqt的专栏
02-16 3874
在别人的博客里看到选项卡tab的封装，用的是button的方式。 传送门：UGUI（十七）选项卡Tab的封装 效果大概是这样子的： 源码似乎调用了外部函数，无法实现。 这里用toggle方式重新封装一下，实现效果基本一致，以供参考。
unity3d uGUI 高级封装
xiajing13579的博客
10-20 1587
基于ugui组件封装，高级控件库uLui https://github.com/LingJiJian/uLui
关于unity的UI模块封装代码
永远的小白虾的博客
01-11 1631
关于UI模块的封装 UI流程 1、先会由美术给一个效果图 2、然后美术将效果图切成碎图 3、程序拿到碎图后打成大图，基本都是使用TexturePacker来进行操作，一般都是用的png格式，然后选择的是RGBA4通道，RGB是红绿蓝通道，A则是透明通道，JPG则没有透明通道。（RGBA8888：每个通道占8bit ，8bit=1byte，1024byte=1k，1024k=1M，1024M=1T，...
UGUI之UI组件及GameObject的事件监听系统封装
居安思危，游戏人生。
05-30 939
     第一种：用代码动态的给组件加监听事件，都是利用组件本身的事件接口去实现相应事件的方法，只不过是用代码实现的动态添加的事件监听。下面是放个按钮的添加监听事件的方法，其中一个是带参数的添加方法。using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.Eve...
用于管理Unity中UGUI的工具系统UISystem
最新发布
cherry_f_f的博客
12-23 1235
用于管理Unity中UGUI的工具系统UISystem及插件
将UGUI的事件封装成NGUI模式
一叶子的博客哦
11-25 548
转载自雨松MOMO,http://www.xuanyusong.com/archives/3325 using UnityEngine; using System.Collections; using UnityEngine.EventSystems; using UnityEngine.UI; public class EventTriggerListener : UnityE
Unity中UI系统3——UGUI
SunsetSunup的博客
07-19 2451
UGUI六大基础组件、三大基础控件，在制作背包面板时的方便性...
【Unity-UGUI】UGUI知识汇总
manqi的博客
08-11 1360
UGUI知识汇总
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

呆呆敲代码的小Y

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值