通常我们的解决方案，是使用UGUI的ScrollView，并且在Content上添加一个LayoutGroup组件来实现。

一、简介一款基于UGUI的功能强大、易用、参数可配置的数据可视化图表插件。支持折线图、柱状图、饼图、雷达图、散点图、热力图等常见图表。

偶然间Game视图也显示了和Scene视图一样的碰撞体的边界以及UGUI的边框。

其次是UGUI的布置。左下角是一个名为ActionPanel的Panel，旗下有两个按钮AttackButton和DefendButton，一会儿ActionPanel将被控

UGUI进阶UI事件监听接口解决问题提供一些进阶事件监听功能常用事件接口IPointEnterHandler鼠标进入IpointExitHandler鼠标离开IpointDownHandlerIpointUpHandlerIpointClickHandlerIBeginDragHandlerIDragHandlerIEndDragHandler

之前的文章有介绍使用SteamVR_LaserPointer来直接实现UGUI交互，相信各位同学也会发现这种方式比较难受，还是摆脱不了UI要挂载Collider，不是完整的UGUI交互系统。

UGUI的基础元素TextText文本框RichText多文本LineSpacing:行距AlignByGeometry:几何对齐Wrap:自动对齐Overflow:溢出RaycasstTarget:射线检测

方案一：建立世界空间的UI体系  在三维世界中观察二维UI，对稍微了解UnityGUI（简称UGUI）的初学者是第

1）如何动态获取URP设置里自定义的RenderFeatures2）UGUI里，把UI丢回池里，把方案SetActive(false)方法的最佳3）Prefab中m_Text会自动换行导致搜索不到4）URP

UnityUGUI提供Canvas画布，在画布上有一个TargetDisplay的解决解决方案。Canvas结合Camera就可以实现多屏显示。

此片文章只对UGUI总结，后续待完善，每个接口、类作用。

阅前提示该系列注重分析UGUI源码，来深入了解UGUI每个模块每个组件的实现原理，使我们对UGUI使用和拓展上更加得心应手。

1、渲染细节当使用UnityUI制作用户界面时，记住，所有的被canvas绘制的图形都是被放在透明渲染队列。这意味着，UnityUI产生的图形都会使用透明混合（alphablending）从后向前渲染。有一个重要的性能点要注意：图形上的每一个像素都会被采样，即使它被另一个不透明的图形完全覆盖。在移动设备上，大量的的过度绘制（overdraw）可以快速超出GPU填充率的上限。2、合批过程（Canva

GrahicGrahic是UGUI的核心组件，负责显示图像，继承了UIBehaviour,ICanvasElement。

介绍事件系统各个类的主要功能EventInterFace定义所有事件的接口点击拖拽EventSystems事件的主程序有Update，Update中是各个输入Module的调用检测，每个Module中也是通过EventSystems的Update没帧进行点击（输入）检测、射线检测调用EventSystemsRaycastAll，遍历各个模块的module（Canvas），（Canvas继承自Gra

前言这篇文章想写的目的也是因为我面试遇到了面试官问我关于UGUI原理性的问题，虽然我看过，但是并没有整理出完整的知识框架，导致描述的时候可能自己都是不清不楚的。自己说不清楚的东西，别人就等于你不会。

一、简介Graphic主要是用来控制图片的显示，设置mesh的顶点和uv数据，提供给VertexHelper和CanvasRenderer进行mesh绘制。所以有时候制作一些角色头顶的血条使用动态创建mesh的方法进行绘制。Graphic是一个抽象类，是MaskableGraphic（可遮罩图像）的基类，而MaskableGraphic是RawImage、Image和Text的基类。二、功能1、添

附上各组件简略类图关系如下各组件详细源码剖析可参看本系列的前置内容：ImageTextRawImageButton与SelectableSliderInputFieldScrollRectScrollbarToggle和ToggleGroupGraphicMaskableGraphicRectMask2D，Mask与模板缓存原理Shadow、Outline、PositionAsUV1CanvasU

UGUI内核大探究（一）EventSystem我们探究了事件系统，其中我们讲到EventSystem可以通过ExecuteEvents这个类来执行事件，那么事件是如何执行的呢？

Runtime类图分析Image继承了MaskableGraphic,ISerializationCallbackReceiver,ILayoutElement,ICanvasRaycastFilter，提供了四种ImageType：Simple（普通）、Sliced（切割）、Tiled（平铺）、Filled（填充）。继承了ILayoutElement是一个布局元素，可以被各种布局组（ILayou

Runtime类图分析Scrollbar，它继承自Selectable，还继承了IBeginDragHandler,IDragHandler,IInitializePotentialDragHandler,ICanvasElementt四个接口。关键方法Rebuild()Rebuild继承自ICanvasElement，它在重建Layout的时候被调用。重写OnEnable重新设置Value，调用

简要介绍RawImage继承了MaskableGraphic，顾名思义，就是未经处理的图片，每个RawImage都会创建一个DrawCall，所以最好用在背景图片或是临时图形。RawImage只继承了MaskableGraphic抽象类。重写了Graphic的SetNativeSize方法，具体实现设置RectTransform的sizeDelta跟纹理Texture的大小尺寸一致。关键方法Set

UGUI源码学习之初涉Button（三）RuntimeUI先上截图以上对应着Button的四种状态，至于各个属性的含义Unity也做到了见文知意，一目了然。

一：图像相关——UIBehaviour：UGUI源码解析——UIBehaviourUI组件的基类，继承MonoBehaviour——CanvasUpdateRegistry、：UGUI源码解析——CanvasUpdateRegistry

1、Canvas渲染模式控制组件：画布，是UGUI中所有UI元素能够被显示的根本，主要负责渲染自己的所有UI子对象注意：如果UI控件对象不是Canvas的子对象，那么控件将不能被渲染，可以通过修改Canvas

问题描述界面开发中，常常会有需要多级连续使用布局三剑客（HorizontalLayoutGroup、VerticalLayoutGroup和GridLayoutGroup）的需求。同时，最底层的布局往往需要它可以是动态改变的，所以一般不使用LayoutElement控件去控制叶子级的大小。当尝试多级连续使用布局三剑客时，会发现当叶子级布局变化（如大小发生变化或者数量发生变化）时，祖级的布局排布会发

原因每次需要使用UnityUGUI的Layout系统，它总能给你一些意想不到的小问题。然后要去看源码，源码又很零散，导致每次需要重写Layout控件都要重新理解，现将其总结出来，以便以后查阅。

环境下打包到手机上也没问题，但是升级到5.5后打包到手机（ios，android的还没试）上就显示为粉红色，不知道博主有没有解决方案感谢提醒，有时间我会修正一下关于遮罩的需求将矩形的图片做成圆角矩形、圆形常用实现方式使用UGUI

Unity中UGUI制作可输入下拉框目录Unity中UGUI制作可输入下拉框前言组件分析制作流程总结前言在搜索引擎以及一些网页中我们常常可以看见这样一种UI控件，看上去是一个输入框，在输入之后会弹出一个列表

使用到的资料下载地址以及基础知识框架讲解拓展热更过程在这里我们使用的是uLua/cstolua技术空间所以提供的UGUI+uLua的热更游戏框，我也只是把我学习和使用这个框架的笔记记录下来而已。

DCET与ET的差异DCET是基于ET4.0、5.0、6.0进行二次开发的分支版本，主要差异如下：移除UGUI模块；新增FGUI模块，包括UI加载、UI管理、UI控件管理代码自动生成插件等完整的FGUI

UnityC#andShaderTutorialsUGUI用户图形接口UGUIUGUI的核心内容动画_2D插件SpineUnity如何使用2D骨骼动画插件Spine动画_插件Dotween使用DoTween

只是做了简单修改，添加了其他功能，为了体现使用了框架后的可拓展性本篇就基于Unity游戏引擎UGUI为基础，对UI界面游戏架构做一些有益探索与研究。

基础部分：解决的问题更新频繁，而IOS审核长IOS无法用DLL反射机制去做代码更新如果无热更新，客户端每次都需要重新下载一次安装包。用户体验不好解决发布包的容量问题，一切都可以增量下载原理首先要清楚Unity的打包原理，也就是AssetBundle的打包机制，他会把prefab打包成.asset格式作为传输的数据。通过校验文件的MD5值来判断是否需要更新，如果需要更新则下载差异文件。lua属于解释

当时最流行的就是NGUI的框架，目前主流的UI解决方案就是NGUI和UGUI，近几年来，更是以UGUI为主，同时也有团队开始使用FairyGUI。

文章目录一、前言二、Unitylua环境三、树节点1、创建脚本:TreeNode.lua2、封装节点四、树逻辑1、创建脚本：TreeLogic.lua2、构造测试数据3、构造树4、打印树五、使用UGUI

贺嘉琪(1992-)，男，硕士研究生，主要研究方向：计算机视觉、图像识别、机器学习XIONGYongping1熊永平(1982-)，男，副教授，博导，主要研究方向：自然语言处理、图像识别、机器学习；WUGuibin1

前言起因是在一个FairyGUI项目里，有个项目需求要求弹出框的背景是虚化模糊效果，包括背景后的UI模糊和场景模糊，于是有了这一次unity实现模糊效果的测试记录。先贴一下测试使用的unity工程：使用FairyGUI建了一个UI界面，建造了一个Cube作为场景里的物体。1.FairyGUI自带的模糊滤镜FairyGUI可以使一个显示对象进入绘画模式，简单的说就是将目标对象整体画到一张纹理上，然后

如何快速在工程代码中每个函数注入自己想要插入的代码3）Unity设置IL2CPP导出的Mac平台的Xcode工程中，如何通过Object-C代码反调Unity侧的C#代码4）ShaderGraph生成的Shader在UGUI

1）2D项目大量物品图标DrawCall优化方案2）UGUISpriteAtlas的热更新问题3）iOS平台突然有一帧UI渲染开销很高4）iOS上频繁Crash，堆栈很奇怪这是第288篇UWA技术知识分享的推送

自Unity2021.2起，UIToolkit被官方内置在Unity中和UGUI的地位一致，UIToolkit作为下

如何支持热更新1、热更C#代码2、热更lua代码与资源四、Unity中集成tolua框架:LuaFramewrk1、下载tolua框架:LuaFramewrk2、打开tolua框架项目：LuaFramework_UGUI3

文章目录一、前言二、原理三、最终实现效果四、具体使用1、循环列表脚本：RecyclingListView2、列表item脚本：RecyclingListViewItem3、测试脚本五、附录1、RecyclingListView.cs2、RecyclingListViewItem.cs一、前言点关注不迷路，持续输出Unity干货文章。嗨，大家好，我是新发。游戏开发中，经常需要用到列表显示，比如排行榜

效果图image.png关于OnPopulateMesh当一个UI元素生成顶点数据时，会调用OnPopulateMesh(VertexHelpervh)函数，我们可以覆写这个函数，来达到修改顶点数据或获取顶点数据。其中用到的方法：方法名称作用Clear清除流中的所有顶点AddVert向流中添加单个顶点AddTriangle向缓冲区添加一个三角形思路：清空所有顶点信息添加4个顶点(0,1,2,3)i

UI上挂了TextMeshUGUI做的文字，某天突然发现当Canvas的PlaneDistance设置的大一些之后，一个Text上的个别文字突然变得非常模糊，找了很久，原因在这里：子Canvas的TexCoord1

----MasterWuGui

写在前面好久没有写shader了，最近项目中需要实现一个弹窗背景是模糊的游戏场景。大致效果如下：效果图看起来好像比较抽象！？我去找个好看的效果图。没加模糊加模糊原理首先我们看一下图层结构：bg是我们的需要模糊的游戏页面，target和messagebox是我们需要显示先模糊上层的。blurBg是我们的模糊层。我们想实现这个效果最简单的方法就是让美术出一个透明模糊图即可，把这个图放在我们的模糊层。就

Fastest,Smallest[-Os]闪退unity2017.2.1用的是simpleframework_UGUI0.4.1导出xcode运行1.在releaseFastest,Smallest[-

今天项目有些获取不到Sprite来研究一下Imageimage;Imageimage1;Spritesp;Spritesp1;//UsethisforinitializationvoidStart(){image=transform.Find("Image").GetComponent();image1=transform.Find("Image(1)").GetComponent();sp=Re

CanvasCanvas应该包含全部UI元素，全部的UI元素应该时Canvas的子物体调整元素的显示顺序可以从Hierarchy中直接拖拽他们，顺序从也可以被控制通过Scripting使用SetAsFirstSibling,SetAsLastSibling,andSetSiblingIndex.这些方法。RenderModesScreenspace-Overlay：这个模式，UI将渲染在scree