Unity UGUI合批流程

最新推荐文章于 2025-05-10 16:09:22 发布
最新推荐文章于 2025-05-10 16:09:22 发布
阅读量1.1k 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： Unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_34250367/article/details/118765348
本文详细介绍了Unity的UGUI渲染机制，包括以Canvas为单位的渲染组、自上而下的渲染顺序以及遮挡效果。同时，重点解析了合批处理的概念，它能减少DrawCall，但UI元素的重叠可能破坏合批。当UI元素交叉时，系统会调整Depth以保持正确渲染顺序。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

UGUI基本渲染流程

1.以Canvas为单位进行渲染组

2.渲染顺序以hierarchy中UI元素由上往下进行渲染 ，下面的会遮挡上面的

简单遮挡效果

遮挡效果由上即下 

合批处理

合批处理不会影响显示效，仅仅会打包相同材质以及Texture（即相同渲染状态）的UI元素，从而减少DrawCall

1.正常合批状态

根据TextureId 以及Material Id导致顺序发生变化

 一个DrawMesh Draw出三个UI元素

 

二、出现UI元素交叉（重叠）（Bonds非Rect）可能会打破合并处理

出现重叠，则选取被当前UI重叠的所有UI元素中最大的Depth 并且+1作为当前UI的Depth

然后根据MaterialId以及TextureId进行排序

 

Unity3D UGUI系列之合批
m1234567q的专栏
05-04 1203
在正式开始之前，咱们先做个准备工作：创建一个新场景，然后把自带的平行光给删除，讲相机的Clear Flags改为Solid Color。此时打开Game视图中的Stats面板，可以看到Batches数为1。(Stats面板上的参数怎么看，以及什么是Batches，可参考之前写的博客《Unity3D客户端项目优化总结之Stats统计面板》《Unity3D客户端项目优化总结之静态批处理Static Batching》)
Unity用户手册-UGUI合批
qq826364410的专栏
02-26 1856
UGUI合批 合批过程是指Canvas合并UI元素的网格，并且生成发送给Unity渲染管线的命令。Canvas使用的网格都是从绑定在Canvas上的CanvasRenderer获得，但是不包含子Canvas的网格。UGUI的层叠顺序是按照Hierarchy中的顺序从上往下进行的，也就是越靠上的组件，就会被绘制在越底部。所有相邻层的可合批的UI元素（具有相同材质和纹理），就会在一个DrawCall...
Unity之UGUI合批规则
qq_37672438的博客
06-06 1187
canvas 层级从上到下，从渲染角度，是从下往上，越先出现的越先被渲染从渲染角度，一个UI元素下面是否有重叠的UI元素没有：depth=0有：仅有一个重叠可以合批：depth=该元素的depth，合批指材质球一样不能合批：depth=该元素的depth+1多个重叠：依次对重叠的元素，进行上面的步骤，最后取最大的上面的过程之后，得到一个depth从小到大的排序对depth相同的元素，通过materialId，从小到大排序，方法material.getInstanceId。
Unity.UGUI DrawCall合批笔记
最新发布
a598211757的博客
05-10 653
昨天在通过FrameDebug查看DrawCall时，发现批次结果与理解中的不一致，又去补充了一下这方面知识，笔记记录下，只关乎UGUI。
UGUI优化篇--UGUI合批
2301_76618920的博客
07-23 2281
UGUI合批、Mask合批、RectMask2D合批
Psd 2 Unity uGUI Pro 3.0.2.unitypackage
03-31
《Psd 2 Unity uGUI Pro 3.0.2：高效将PSD转化为Unity界面的利器》 在游戏开发领域，Unity游戏引擎以其强大的功能和广泛的适用性，深受开发者们的喜爱。而在UI设计环节，Photoshop（Psd）则是设计师们首选的工具。...
Psd2UnityUGUIPro.zip(Psd 2 Unity uGUI Pro 插件 完整示例 示例需要的字体 示例详细操作)
04-09
总的来说，Psd2UnityUGUI Pro插件是Unity开发者的得力助手，它通过无缝连接Photoshop和Unity，简化了UI设计的导入流程，提高了工作效率，让开发者能够更专注于游戏的内容创作，而非琐碎的UI实现。结合详尽的操作示例...
Unity PSD文件转UI插件Psd 2 Unity uGUI Pro 3.4.0(u2017.4.2)
06-02
6. **自动化工作流程**：通过一键导出，开发者可以快速将多个PSD文件导入到Unity项目，提高工作效率。 在使用Psd 2 Unity uGUI Pro时，开发者需要注意一些最佳实践，例如保持设计规范，合理组织PSD图层，以及在...
UGUI源码.zip_Ugui_ugui源码_ugui源码下载_unity_unity ugui源码
09-20
Unity UGUI，全称Unity User Interface，是Unity引擎内置的一套强大的2D和3D图形用户界面系统。自Unity 4.6版本引入以来，它已经成为了开发游戏和交互式应用的标准工具。UGUI源码的分析对于深入理解其工作原理、优化...
Psd 2 Unity uGUI Pro.zip
04-12
虽然Psd 2 Unity uGUI Pro极大地简化了转换流程，但仍然可能存在一些细节需要人工调整。例如，动画效果、交互逻辑通常需要在Unity中手动设置。此外，对于复杂的交互设计，可能需要编写自定义脚本来实现。 总之，...
Unityunity2017之后的shader实现的UGUI外描边方案，复用材质球保证能合批(修正了mask的问题）
08-27
基于Shader实现的UGUI描边解决方案，解决unity 自带outline 顶点数过多、overdraw过大问题。 且改进了一下实现， 用一个材质球绑定所有描边，保证文字描边能合批。 实例项目用的unity2018 具体实现代码文章在：https://blog.youkuaiyun.com/zhenmu/article/details/88821562 这次修正了 mask的问题 渐隐的问题。
UGUI性能优化学习笔记（二）合批
夜槿笙歌的博客
12-02 3207
合批：把渲染时使用相同材质、相同贴图的网格合并在一起，成为一个大网格，然后再调用一次Draw Call，直接渲染这一个大网格。这样做可以降低Draw Call的数量，以优化性能。Unity是如何确定哪些网格可以进行合批的呢？下面我们通过一个具体的示例加深理解在上图中，白色Image位于所有UI元素的最底层，所以Depth = 0。接下来的文本位于白色Image的上层，所以Depth = 1。这里需要注意，UI元素进行深度判断是通过网格进行的，而不是通过rect。接下来对红色Image进行判断。
UGUI合批原理笔记
weixin_33862993的博客
09-25 492
可以通过Frame debugger查看每个drawcall绘制了哪些东西 UGUI源码下载地址：https://bitbucket.org/Unity-Technologies/ui/downloads/ 本文测试环境：unity2018.2.9f1，基于Unity Editor （PC平台）合批的过程 网格更新机制 Cavans.SendWillRenderCanvas m_LayoutR...
UGUI合批规则图解
时光不染
11-05 4552
合批机制原理图解排序图解注一：以上覆盖关系与控件大小无关，只与渲染的三角面有关，如图实例图解 原理图解 批处理: 大致就是Unity在运行时可以将一些物体进行合并，本来需要多个drawcall指令才能渲染完成的降为1个drawcall就能搞定 使用: UGUI在合批之前，会根据ui的Depth、MaterialID 、MaterialID、RendererOrder进行排序，之后对相邻的UI进行检测。判断MaterialID和TextureID是否相同，如果相同则可以进行合批处理。如果不同则会打断合批 先
Unity UI合批的学习笔记
InterConsumption的博客
09-10 1761
Unity UI合批的学习笔记
UGUI合批源码分析及优化
qq826364410的专栏
07-10 5728
1.   概述本文档对Unity GUI 批次合并（Batching）源码（基于Unity 4.6版本源码）进行研究，总结UGUI Batching的规则，并提供UI优化建议，以及UI层级显示辅助工具使用说明。2.   UGUI Batching规则分析UGUI以Canvas为单位进行批次生成和渲染，Canvas可以嵌套包含Canvas。Batching的生成和合并在canvas：：Update里...
【Unity】简单举例UI合批，优化draw call
weixin_44293426的博客
07-07 643
发现减少了3个，这是因为，Unity会把相邻的Image合批，一块渲染，当两个Image被一个Text隔开时，这时，这两个Image不会被合并，所以会有3个。链接: https://pan.baidu.com/s/1PpxStvgRCDi9xjUr6j6nCQ?pwd=m5ju 提取码: m5ju。因为第一次都是隔开创建，所以比起没有UI时，多了5个，一共8个。或者直接去Github搜索UGUI-Editor。首先引入UGUI-Editor插件。
UGUI合批学习
weixin_43381316的博客
10-14 1760
UGUI合批学习
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值