01 2021 档案

UGUI学习笔记之Rect Transform组件
摘要：Rect Transform官方文档：https://docs.unity3d.com/cn/current/Manual/class-RectTransform.html Rect Transform Rect Transform组件是在UGUI中包含表示UI元素的位置和大小相关信息的组件，如果其 阅读全文
posted @ 2021-01-31 12:23 一白梦人 阅读(811) 评论(0) 推荐(0)
UGUI学习笔记之InputField
摘要：一、InputField控件介绍 文本输入框 二、InputField控件结构 1.InputField 2.InputField Input Caret 输入文字的光标（运行后才会自动生成） 3.Placeholder 显示提示文字 4.Text 显示输入文字 三、InputField组件属性（前 阅读全文
posted @ 2021-01-30 22:49 一白梦人 阅读(583) 评论(0) 推荐(0)
UGUI学习笔记之Dropdown
摘要：一、Dropdown控件（下拉列表）结构 1.Label是用来显示当前选中项的Text 2.Arrow是用来显示下拉箭头的Image 3.Template是一个ScrollView控件，作为下拉列表的选项显示区域模板，默认是未启动状态，但为了在编辑的时候能看见它，我们可以暂时的开启它。当用户点击Dr 阅读全文
posted @ 2021-01-30 21:00 一白梦人 阅读(593) 评论(0) 推荐(0)
UGUI学习笔记之ScrollView以及ScrollRect和Mask组件
摘要：一、ScrollView介绍 ScrollView是滚动视图，当我们要呈现的内容长宽大于显示区域时，就可以用到ScrollView，用户可以在指定区域内拖拽而查看内容的全貌（如下图）。 (ScrollView例子) 举个实例，游戏“守望先锋”当中有很多设置，都通过同一个界面显示，在Unity中实现这 阅读全文
posted @ 2021-01-30 15:54 一白梦人 阅读(3281) 评论(0) 推荐(1)
UGUI学习笔记之Scrollbar组件
摘要：Scrollbar（滚动条）组件属性介绍 由于Slider组件前面属性和Button组件一样，就不再赘述了 属性 说明 Handle Rect 滑块 Direction 滑动方向 Value 当前值 0~1 Size 滑块大小，占其父物体Sliding Area的比例 Number of Steps 阅读全文
posted @ 2021-01-20 16:37 一白梦人 阅读(254) 评论(0) 推荐(0)
UGUI学习笔记之Slider组件
摘要：图片看不清可以： 1.右键在新标签页打开图片。 2.Ctrl+鼠标滚轮放大网页 一、初始Slider介绍 1.作用：滑块/进度条 2.显示效果： 3.object结构 二、初始Slider结构详解 总：slider主要由三部分组成：背景区(Background)，填充区(Fill Area)，滑块区 阅读全文
posted @ 2021-01-20 15:28 一白梦人 阅读(1938) 评论(0) 推荐(0)
UGUI学习笔记之Toggle组件
摘要：一、初始Toggle介绍 1.作用：单选框 2..显示效果 3.object结构 二、Toggle组件属性介绍（前面属性和Button一样，就不赘述了） 属性名 含义 Is On 是否勾选，在代码中可以控制 Toggle Transition 在勾选与取消勾选时，√对应image的效果 None：无 阅读全文
posted @ 2021-01-19 17:10 一白梦人 阅读(972) 评论(0) 推荐(0)
UGUI学习笔记之Button组件
摘要：一、Button按钮包含三个重要组件： 1.Text：用于显示按钮上的文字 2.Image：用于显示按钮背景图片 3.Button 二、Button组件 Interactable ：可交互的，若不勾选则该按钮无法点击 Transition: 按钮在状态改变时的效果 Color Tint:颜色改变 T 阅读全文
posted @ 2021-01-19 16:17 一白梦人 阅读(1071) 评论(0) 推荐(0)
UGUI学习笔记之RawImage组件
摘要：Texture：贴图（可以显示任何图片而不仅仅是Sprite）Color:图片叠加色Material：图片叠加材质Raycast Target:是否检测点击UV Rect: XY控制偏移（正数向左向下，负数向右向上），WH控制缩放 1.将图片上的像素用坐标表示出来，左下角为(0,0),右上角为(1, 阅读全文
posted @ 2021-01-19 16:04 一白梦人 阅读(498) 评论(0) 推荐(0)
UGUI学习笔记之Image组件
摘要：Source Image:要显示的图片（格式为Sprite，导入图片后选择Texture Type为Sprite（2D and UI））Color:图片叠加色Material：图片叠加材质Raycast Target：是否检测点击Image Type：图片显示模式 Simply：简单 Use Spr 阅读全文
posted @ 2021-01-19 15:58 一白梦人 阅读(793) 评论(0) 推荐(0)
UGUI学习笔记之Rich Text
摘要：官方文档：Rich Text 一、什么是Rich Text Rich Text可以让文本包含多种字体风格和字体大小。除了在UI中使用，还可以在Debug.Log函数中使用来帮助查错。 (Text) (Debug.log) 二、如何使用 通过类似HTML的标记语言，把指定的文本放置在标签内来设置想要的 阅读全文
posted @ 2021-01-19 15:03 一白梦人 阅读(1856) 评论(0) 推荐(0)
UGUI学习笔记之Text组件
摘要：Text 文本内容 Character Font:字体 Font Style: 字体风格 Normal:正常 Bold:粗体 Italic:斜体 Bold and Italic: 粗体加斜体 Font Size: 字体大小 Line Spacing: 行距 Rich Text: 是否开启富文本功能 阅读全文
posted @ 2021-01-19 14:38 一白梦人 阅读(353) 评论(0) 推荐(0)