Unity UGUI 完整系列教程-Chinar中文图解

最新推荐文章于 2024-09-01 10:36:22 发布

置顶 Chinarcsdn

最新推荐文章于 2024-09-01 10:36:22 发布

阅读量4.8w

点赞数 98

分类专栏： Unity 3D UGUI 文章标签： ugui中文教程 unity ugui Unity ugui研究 ugui中文全教程 ugui中文图解

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/ChinarCSDN/article/details/90313617

版权

Unity 3D 同时被 2 个专栏收录

178 篇文章 278 订阅

订阅专栏

15 篇文章 15 订阅

订阅专栏

Chinar blog ：www.chinar.xin

Unity UGUI 系统全解

本文提供全流程，中文翻译。

Chinar 的初衷是将一种简单的生活方式带给世人

使有限时间具备无限可能

Chinar —— 心分享、心创新！

助力系统性完成 Unity UGUI 的开发、学习、使用

为初学者节省宝贵的时间，避免采坑！

Chinar 教程效果：
在这里插入图片描述

文章目录

1 Intro —— 简介
2 Text —— 文本
3 Image —— 图片
4 Button —— 按钮
5 Toggle —— 开关
- 5.1 Toggle Group —— 开关组
6 Dropdown —— 下拉菜单
- 6.1 Dropdown Ex —— 下拉菜单( 每次点击可用 )
7 InputField —— 输入框
8 Raw Image —— 未加工图片
9 Canvas —— 画布
10 Scroll View —— 滚动视图
11 Slider —— 滑动器
12 Scrollbar —— 滚动条
支持
- May Be —— 开发者，总有一天要做的事！

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

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 )

Chinar

END

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

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

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

评论 20

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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