HexianWHH的专栏

一：前言针对上一节讲解的事件机制https://blog.csdn.net/HexianWHH/article/details/119741189，这节练习一个实际应用。基于IDragHandler事件做一个在指定区域拖动松手自动吸附的功能。二：效果演示拖动滑块只能在指定区域内滑动，不能超出边界。松开鼠标以后自动吸附到最近的格子。三：制作过程添加一个图片作为拖动区域。 制作一个每一个格子的预制体。 给第一步的拖动区域添加GridLayoutGroup组件和自己写的Gri.

源码：https://github.com/Unity-Technologies/uGUI一、功能说明1、创建ui对象的时候，引擎会自动生成Canvas和EvenSystem对象。EventSystem类是挂在在EventSystem对象的组件2、EventSystem主要是用来执行和处理场景中的事件，比如点击交互，射线和事件系统的发送3、一个场景只能有一个EventSystem对象二、类关系继承：UIBehaviour，管理对象的生命周期函数基类包含【重要的一些功能类】：Bas

一：版本变化图集Sprite Packer在 Unity 2020.1以及以后的版本不再作为精灵打包模式的可用选项。以后创建的任何新项目在打包纹理时将默认使用 Sprite Atlas打包图集。旧版的图集使用请参考https://blog.csdn.net/HexianWHH/article/details/119463004?spm=1001.2014.3001.5501二：安装和开启1：安装我使用的是2020.3.13f1c1新版的unitySprite Atlas是插件形式的。导.

一：版本变化图集Sprite Packer在 Unity 2020.1以及以后的版本不再作为精灵打包模式的可用选项。以后创建的任何新项目在打包纹理时将默认使用 Sprite Atlas打包图集。二：为什么使用图集？1.减少draw call: 多张图片需要多次draw call，合成了一张大图则只需要一次draw call。创建两个Image使用不同的图片，Batches是2如果把两个图片打成一个图集，Batches是12.减少内存占用：OpenGL ES中每张贴..

滚动矩形，制作滑动的组件通常情况下，滚动矩形与遮罩 (Mask)相结合来创建滚动视图，在产生的视图中只有滚动矩形内的可滚动内容为可见状态。此外，滚动矩形还可与一个或两个可拖动以便水平或垂直滚动的滚动条 (Scrollbar)组合使用。属性属性： 功能：Content 这是对需要滚动的 UI 元素（例如大型图像）的矩形变换的引用。Horizontal 启用水平滚动Vertical 启用垂直滚动Movement Type Unrestricted、Elasti...

Grid Layout Group网格布局属性Padding：布局组内边缘偏移。Cell Size：要用于组内每个布局元素的大小。Spacing：布局子元素之间的间距。Start Corner：子元素从那个位置开始显示。Start Axis：优先沿哪个主轴放置元素。Horizontal 将在填充整行后才开始新行。Vertical 将在填充整列后才开始新列。Child Alignment：用于布局元素的对齐方式（如果这些元素未填满可用空间）。Constraint：将网格约束为固定数量的行或列以便支持.

水平布局组首先看前面介绍LayoutElement的的文章https://blog.csdn.net/HexianWHH/article/details/119358763?spm=1001.2014.3001.5501水平布局组组件将其子布局元素并排放置在一起。属性：Padding:子元素到布局组的边的距离。Spacing:子元素之间的间距。Child Alignment:用于子布局元素的对齐方式（如果这些元素未填满可用空间）。Reverse Arrangement：子元素反转排列。Chil.

布局元素：布局元素不会变动自己的大小，而是由布局组（水平、垂直、网格）根据布局元素设置的属性来分配对应的尺寸及所在位置。属性IgnoreLayout:是否忽略布局，本布局元素不参与布局组的布局MinWidth:最小的宽，宽度不能小于这个值MinHeight:最小的高，高度不能小于这个值PreferredWidth:最适宜的宽，如果有足够的空间，该布局元素的首选宽度。 PreferredHeight:最适宜的高，如果有足够的空间，该布局元素的首选高度。 FlexibleWidt..

内容大小适配器，控制UI元素的大小。大小调整是围绕轴心进行的。Horizontal Fit宽度 Unconstrained 不根据布局元素伸展宽度，可手动修改长宽的值。 Min Size 根据布局元素的最小宽度来伸展宽度。 Preferred Size 根据布局元素的偏好宽度来伸展宽度。Vertical Fit高度 Unconstrained 不根据布局元素伸展高度，可手动修改长宽的值。 Min Size 根据布局元素的最小高...

遮罩是一种修改子元素外观的方法,将子元素限制在父元素的形状内。如果子项比父项大，则子项仅包含在父项以内的部分才可见。属性ShowMaskGraphic:是否显示遮罩本身的图像新建枪套的两个图片，父图片黄色大小300X100，子图片红色100X100在父图片上添加Mask，只会显示在嵌套在父物体内的一部分，保持子物体不变父物体的高度调整为50不勾选ShowMaskGraphic，就不会显示父图片本身了，依然保持子物体在父物体内部的部分。...

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言 一、属性介绍 二、字体制作 三、常用功能前言Ugui基础的Text放大以后会出现毛边或锯齿，而TextMeshPro很好的解决了这个问题，而且还可以添加描边、发光、光照等常用的效果TMPro采用SDF文字渲染技术，可以使文字放大十几倍后乃然边缘清晰光滑，主要原因是利用矢量渲染的方式代替位图。2018以后的的Unity已经内嵌了到编辑器里面了，如果旧版的Unity可以去资源商店下载插件。

文本输入框共有属性前面的文章都有介绍，参照之前的文章就行https://blog.csdn.net/HexianWHH/article/details/118946313?spm=1001.2014.3001.5501Text Component：用来显示输入文字的Text Text：输入的字符串值 Character Limit：字符个数限制，0表示无限制 Content Type：文本类型 Standard普通 Aut...

共有属性前面的文章都有结束，参照之前的文章就行https://blog.csdn.net/HexianWHH/article/details/118946313?spm=1001.2014.3001.5501Template：下拉使用的模板样式Caption Text：用于显示选中项的文本Caption Image：用于显示选中项的图像Item Text:每一项的项文本，不设置会显示模板的固定值Item Image：每一项的项的图片，不设置会显示一个默认箭头Value：当前选中的值，

滑动条Interactable:点击是否有效Transition:状态切换模式None:没有切换效果 Color Tint：颜色切换模式 Target Graphic：默认显示的图片，按钮要控制改变的组件 Normal Color:默认颜色，正常状态的颜色 Highlighted Color：高亮颜色，鼠标放在上面时的颜色，手机没有这种状态 Pressed Color：按下时的颜色 Selected Color：选中时的颜色 Disabled Color：不可用时的颜色.

滑动条三部分组成：背景(Background)，填充(Fill Area)，滑块(Handle Slide Area)滑块如果不需要显示，直接隐藏就行，或删除就可以Interactable:点击是否有效Transition:状态切换模式None:没有切换效果 Color Tint：颜色切换模式 Target Graphic：默认显示的图片，按钮要控制改变的组件 Normal Color:默认颜色，正常状态的颜色 Highlighted Color：高亮颜色，鼠标放在上面时的颜色，

做单选或者多选使用Interactable:点击是否有效Transition:状态切换模式None:没有切换效果 Color Tint：颜色切换模式 Target Graphic：默认显示的图片，按钮要控制改变的组件 Normal Color:默认颜色，正常状态的颜色 Highlighted Color：高亮颜色，鼠标放在上面时的颜色，手机没有这种状态 Pressed Color：按下时的颜色 Selected Color：选中时的颜色 Disabled Color：不.

Interactable:点击是否有效Transition:状态切换模式None:没有切换效果 Color Tint：颜色切换模式 Target Graphic：默认显示的图片，按钮要控制改变的组件 Normal Color:默认颜色，正常状态的颜色 Highlighted Color：高亮颜色，鼠标放在上面时的颜色，手机没有这种状态 Pressed Color：按下时的颜色 Selected Color：选中时的颜色 Disabled Color：不可用时的颜色 Co.

不仅仅是Sprite，支持任意格式的图片，支持UV Rect(用来设置显示图片的某一部分)。Source Image ：图片资源(Texture)可以不是SpriteColor：颜色Material：材质Raycast Target：是否接受射线检测，当该项为false时，消息会透传Raycast Padding:射线检测的偏移值Maskable:受不受Mask的影响 ...

Image是UGUI中最常见的控件，用于图片的显示，需要使用精灵图片。Source Image，具体使用的图片，可拖动进来，需要是精灵格式；Color，图片的颜色，包括透明度控制。脚本上有Color、Color32的区别，Color类是Folat类型的参数，大小为0 ~ 1，Color32是Int类型参数，大小为0 ~ 255；Material，图片的材质；Raycast Target，是否能够响应图形射线，是否有点击事件，是否穿透主要是看这个属性；ImageTypeSimple，默认属性S

参照unity官网：https://docs.unity.cn/cn/2021.1/Manual/TextureTypes.html#DefaultTexture Type：纹理类型Default:默认的纹理类型，普通的图片 Normal map :法线贴图。 Editor GUI and Legacy GUI :GUI编辑器用到的UI贴图。 Sprite (2D and UI) :精灵，把很多小图（精灵sprite）制作成一张大图（图集atlas），可以通过精灵名字来使用 Cursor：.

Character：字符1、Font：字体2、Font Style：（1）Normal：正常（2）Bold：粗体（3）Italic：斜体（4）Bold And Italic：粗体+斜体3、Font Size：字体大小4、Line Spacing：行间距（注：Text组件没有提供修改字间距的属性，在前面写过修改字间距的脚本）5、Rich Text：富文本b加粗 <b>显示文字</b>i斜体 <i>显示文...

Anchors，Pivot，Anchor PresetsanchoredPosition，anchoredPosition3D，offsetMax，offsetMin，sizeDelta，rect当锚点重合在一起的时候无论分辨率是多少，父物体多大，该UI元素的大小是恒定的。所以会出现在采用不同分辨率的时候，该元素的大小恒定，可能就会出现在高分辨率情况下元素太小或者低分辨率情况下元素比屏幕大的情况。当锚点分散时，UI元素的四个角距离四个对应的锚点的距离是不变的，在这种情况下RectTransf..

GraphicRaycaster 图像射线发射器Ignore Reversed Graphics忽略图像翻转，勾选以后，如果物体反转到背面，点击的无效，不勾选无论是否翻转点击都有效，翻转不一定180度。Blocked Objects遮挡对象。这个属性决定了当有物体遮挡在UI前面，并且点击了遮挡部分的时候，是否应该忽略这次点击。none不忽略 2d遮挡物体带有2DCollider忽略点击 3d遮挡物体带有3DCollider忽略点击 all遮挡物体有Collider就忽略点击Blockin

CanvasScaler画布缩放器画布缩放器”组件用于控制画布中UI元素的整体比例和像素密度。此缩放会影响“画布”下的所有内容，包括字体大小和图像边框。UI Scale Mode确定如何缩放“画布”中的UI元素Constant Pixel Size恒定像素大小，无论屏幕大小如何，UI 元素都保持相同的像素大小。Scale Factor缩放系数：缩放画布中的所有 UI 元素。 Reference Pixels Per Unit每单位参考像素：如果图集里面的精灵具有此“Pixe...

画布（Canvas）是容纳所有 UI 元素的区域。画布是一种带有画布组件的游戏对象，所有 UI 元素都必须是此类画布的子项。创建新的 UI 元素时，如果场景中还没有画布，则会自动创建画布。UI 元素将创建为此画布的子项。消息系统：如果当前场景中没有EventSystem组件，新建UI元素时会同时创建出来一个带EvenetSystem组件的物体，用来协助消息系统。EvenetSystem是一个基于Input的事件系统，可以对键盘、触摸、鼠标、自定义输入进行处理。绘制元素的顺序画布中的 UI..