Chinar blog ：www.chinar.xin

Unity UGUI 系统全解

---

本文提供全流程，中文翻译。 Chinar 的初衷是将一种简单的生活方式带给世人 使有限时间 具备无限可能

Chinar —— 心分享、心创新！ 助力系统性完成 Unity UGUI 的开发、学习、使用 为初学者节省宝贵的时间，避免采坑！

Chinar 教程效果：

---

---

全文高清图片，点击即可放大观看 (很多人竟然不知道)

---

1 Intro —— 简介

Unity 进行开发时，不可避免就要用到 UI 插件，来完成对于整个 UI 的开发与管理。常用的主要有2个

Unity UGUI 和 NGUI

两个插件虽然使用上很方便，但是官方文档对于初学者来讲有些不够友好，还是有一定学习成本的。

未来的一段时间里，我们将对 Unity 官方的亲儿子 —— UGUI 进行全面解析，介绍

Chinar 这篇文章，让你对 UGUI 进行一个系统性的全面了解，学会使用

该文章将以具体功能划分，目录的方式呈现，以便于学习查阅！

分别对 所有组件进行解析、教授

UGUI 官方文档

---

2 Text —— 文本

Unity UGUI Text 中文详解

---

3 Image —— 图片

Unity UGUI Image 中文详解

---

4 Button —— 按钮

Unity UGUI Button 中文详解

通过脚本，动态绑定监听函数

• 1 先获取到 目标对象的Button 组件
• 2 通过.onClick.Addlistener(函数) 的方式进行动态添加
• 3 如函数具有参数，可通过Lambda表达式 .onClick.AddListener(Lambda表达式) 动态添加
• 4 如函数具有参数，可通过委托 .onClick.AddListener(delegate {函数;}) 动态添加

---

5 Toggle —— 开关

Unity UGUI Toggle 中文详解

5.1 Toggle Group —— 开关组

Unity UGUI Toggle Group 中文详解

---

6 Dropdown —— 下拉菜单

Unity UGUI Dropdown 中文详解

6.1 Dropdown Ex —— 下拉菜单( 每次点击可用 )

Unity 重写Dropdown 开启每个按钮可用

---

7 InputField —— 输入框

Unity UGUI InputField 中文详解

---

8 Raw Image —— 未加工图片

Unity UGUI Raw Image 中文详解

---

9 Canvas —— 画布

Unity UGUI Canvas 中文详解

---

10 Scroll View —— 滚动视图

Unity UGUI Scroll View 中文详解

---

11 Slider —— 滑动器

Unity UGUI Slider 中文详解

---

12 Scrollbar —— 滚动条

Unity UGUI Scrollbar中文详解

---

支持

May Be —— 开发者，总有一天要做的事！

拥有自己的服务器，无需再找攻略 Chinar 提供一站式《零》基础教程 使有限时间 具备无限可能！

---

先点击领取 —— 阿里全产品优惠券 (享受最低优惠)

Chinar 免费服务器、建站教程全攻略！( Chinar Blog )

---

---

END

本博客为非营利性个人原创，除部分有明确署名的作品外，所刊登的所有作品的著作权均为本人所拥有，本人保留所有法定权利。违者必究

对于需要复制、转载、链接和传播博客文章或内容的，请及时和本博主进行联系，留言，Email: ichinar@icloud.com

对于经本博主明确授权和许可使用文章及内容的，使用时请注明文章或内容出处并注明网址