Unity UGUI全面解析
文章平均质量分 96
本专栏从UGUI系统开始,将对UGUI中所有的组件进行全面解析+实战练习。每一篇都会极其详细的介绍,包括基本概念、组件参数、API介绍及实战练习等,包学包会!
呆呆敲代码的小Y
一名来自世界上最强国家进行秃头活动的青年,主要关注Unity引擎的项目开发引用。未来很长,一起努力
微信搜:呆呆敲代码的小Y ,可以领取我自己收藏的游戏资源和Unity素材资源哦!
展开
-
【Unity UGUI全面解析】 教程专栏目录贴
UGUI控件全面解析 系列文章属于 Unity精品学习专栏⭐️,用于专门介绍Unity中的UGUI控件学习教程使用。先来介绍一个UGUI,Unity UI是一套用于开发游戏和应用程序用户界面的工具。它是一个基于gameobject的UI系统,使用组件和游戏视图来安排、定位和设计用户界面。原创 2023-07-04 08:38:38 · 18697 阅读 · 5 评论 -
【Unity-UGUI控件全面解析】| Canvas 画布组件详解
画布 (Canvas) 是应该容纳所有 UI 元素的区域。画布是一种带有画布组件的游戏对象,所有 UI 元素都必须是此类画布的子项。创建新的 UI 元素(如使用菜单 GameObject > UI > Image 创建图像)时,如果场景中还没有画布,则会自动创建画布。UI 元素将创建为此画布的子项。画布区域在 Scene 视图中显示为矩形。这样可以轻松定位 UI 元素,而无需始终显示 Game 视图。画布 使用 EventSystem 对象来协助消息系统。原创 2023-04-28 18:31:17 · 22508 阅读 · 0 评论 -
【Unity-UGUI控件全面解析】| Text文本组件详解
Text文本,是为了向用户展示非交互式的文本信息。用于在工程中显示文字的地方(常用),简单来说只要能看到字的情况下,一般都是用的这个组件。在Hierarchy视图,选择 UI→Text 新建Text文本:原创 2023-04-29 08:00:00 · 24828 阅读 · 0 评论 -
【Unity-UGUI控件全面解析】| TextMeshPro 控件详解
TextMeshPro 也是Unity中提供可视化文本的组件。TextMeshPro 不仅可以在UI模块中创建,也可以在3DObject中创建。Unity的Hierarchy视图中选择 Create -> UI -> TextMeshPro 创建TextMeshPro 组件.原创 2023-05-25 19:13:28 · 20787 阅读 · 3 评论 -
【Unity-UGUI控件全面解析】| Image 图片组件详解
Image是图片组件,是UGUI组件中常见的基础组件,主要用来显示图片效果。还有其他的一些组件都会用到Image组件,比如Button组件、Dropdown组件、InputField组件等。在这里介绍完Image,后面其他组件中用到Image的地方就不多做介绍了~在Unity的Hierarchy视图中选择 Create→UI→Image 创建Image组件。原创 2023-04-30 08:00:00 · 22024 阅读 · 1 评论 -
【Unity-UGUI控件全面解析】| RawImage 显示纹理组件详解
RawImage 的作用与Image类似,不同点在于Image只能使用Sprite作为图片,而RawImage可以用于显示任何纹理贴图。Unity的Hierarchy视图中选择 Create→UI→Raw Image 新建一个Raw Image组件:原创 2023-05-01 08:00:00 · 21766 阅读 · 0 评论 -
【Unity-UGUI控件全面解析】| Panel 容器组件详解
Panel容器组件又称为面板组件,其实就是一个Image组件,只不过Unity给我们提前设置好了一些配置并封装好可以拿来直接使用。主打的就是一个概念化,有了这个’容器’,我们就可以将UI元素模块化,可以根据不同的类别来使用多个Panel来管理。我们移动这个容器组件的时候,这个容器中的其他UI元素也会跟着移动,这可以方便的做一些屏幕自适应的调整,或者一组UI元素进行统一的调整。在Hierarchy视图中选择 Create→UI→Panel 可以新建一个Panel容器组件。原创 2023-05-01 20:00:00 · 22248 阅读 · 1 评论 -
【Unity-UGUI控件全面解析】| InputField 输入框组件详解
InputField 输入框组件 是一个用来输入内容的组件,它将简单的标签转换为可交互的输入字段。通常用来输入账号、密码、聊天信息,或者输入参数等情况。可从菜单 (Component > UI > Input Field) 中将输入字段 (Input Field) 脚本添加到任何现有的文本控件对象。完成此操作后,还应将该对象拖动到输入字段的 Text 属性以便启用编辑。原创 2023-05-02 08:00:00 · 21994 阅读 · 2 评论 -
【Unity-UGUI控件全面解析】| Button 按钮组件详解
Button 是UGUI中的可交互组件,在日常开发中会经常用到,也就是代表游戏中的按钮,可执行各种点击事件。在Hierarchy视图中点击 Create→UI→Button 创建Button组件。原创 2023-05-02 02:00:00 · 22021 阅读 · 0 评论 -
【Unity-UGUI控件全面解析】| Scrollbar 滚动条组件详解
Scrollbar 滚动条组件,是一个用来展示进度的组件,允许用户滚动一个太大而无法完全看到的图像或其他视图。主要用于拖动滚动条来改变目标比例的控件,通常与ScrollView组件配合使用,用来显示内容。在Hierarchy视图中,选择 Create -> UI -> Scrollbar ,新建Scrollbar 滚动条组件原创 2023-05-09 08:37:35 · 21125 阅读 · 2 评论 -
【Unity-UGUI控件全面解析】| Toggle 开关组件详解
如果说前面讲过的Button组件代表的是生活中的某个按钮,那Toggle组件模拟的则是开关事件,如生活中灯光的开关,游戏中声音的开关等等。在Hierarchy视图中选择 Create -> UI -> Toggle 新建一个Toggle组件:原创 2023-05-03 08:00:00 · 21845 阅读 · 3 评论 -
【Unity-UGUI控件全面解析】| Dropdown 下拉菜单组件详解
Dropdown 是下拉菜单,主要用来创建大量选择项供用户选择使用,一般在需要进行多选一的情况时,使用该组件实现。在Unity的Hierarchy视图中选择 Create -> UI -> Dropdown 创建Dropdown 组件:原创 2023-05-15 08:35:10 · 21504 阅读 · 13 评论 -
【Unity-UGUI控件全面解析】| Slider 滑动条组件详解
Slider 滑动条组件,可使用其制作血条、进度条或者调节灯光强度及音量大小等。在Hierarchy 面板上选择 Create -> UI -> Slider 新建一个Slider组件:原创 2023-05-12 21:59:12 · 21431 阅读 · 2 评论 -
【Unity-UGUI控件全面解析】| ScrollView 滚动视图组件详解
ScrollView 是一个滚动显示内容的组件,当有大量内容需要显示时,就可以使用ScrollView来进行滚动显示,如正常浏览网页时的滚动显示内容等。在Hierarchy视图中选择 Create -> UI -> ScrollView 新建一个ScrollView 滚动视图组件:原创 2023-05-17 06:00:00 · 21290 阅读 · 2 评论 -
【Unity-UGUI控件全面解析】| Layout自动布局组件详解
UGUI中有个自动布局组件Auto Layout,主要包含下面几个模块(点击可进入官方文档下查看描述):自动布局布局元素 (Layout Element)水平布局组 (Horizontal Layout Group)垂直布局组 (Vertical Layout Group)网格布局组 (Grid Layout Group)内容大小适配器 (Content Size Fitter)自动布局系统 基于布局元素和布局控制器的概念。一个布局元素是具有矩形变换以及其他可选组件的游戏对象。布局元素对自身原创 2023-06-06 09:01:41 · 20768 阅读 · 11 评论 -
【Unity-UGUI组件拓展】| ContentSizeFitter 组件拓展,支持设置最大宽高值
关于ContentSizeFitter组件的使用,前面已经有文章介绍过,这里不再赘述:Unity零基础到进阶 ☀️| UGUI布局 之Content Size Fitter组件介绍 和 使用示例在使用ContentSizeFitter组件时,会有一个使 文本或图片 配合布局组件进行自适应的功能,可以支持文本变多的同时拉伸组件,使得文本可以正常自适应显示。原创 2024-08-26 09:08:59 · 2774 阅读 · 0 评论 -
【Unity-UGUI组件拓展】| Image 组件拓展,支持FIlled和Slice功能并存
关于Image组件的使用,前面已经有文章介绍过,这里不再赘述:【Unity-UGUI控件全面解析】| Image 图片组件详解项目中经常会用到进度条这个需求,而进度条一般都是由Image组件组成。在使用进度条时,有时会出现表现效果比较差的情况,如下面所示。原创 2024-09-18 09:17:28 · 505 阅读 · 0 评论