UGUI的ScrollView使用Mask遮罩增加DrawCall的调研

最新推荐文章于 2024-02-22 15:06:10 发布
最新推荐文章于 2024-02-22 15:06:10 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： Unity-性能优化 Unity-UI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Rhett_Yuan/article/details/89320313
版权
本文通过测试分析了Unity UGUI的ScrollView在使用Mask时如何影响DrawCall。实验发现，Scroll视图中未处理的子节点会增加DrawCall，而去除背景或在Content上添加Canvas节点可以有效降低DrawCall。结论是，通过适当调整，可以在保持Mask功能的同时优化合批，减少DrawCall。
摘要由CSDN通过智能技术生成

在UWA Day 2019大会上，听到UWA老师讲到Scroll中可视区域和非可视区域会单独的去合批，从而增加的DrawCall的数量，之前没有太关注这个，只是知道Scroll中的Mask会打断合批从而增加DrawCall，因而今天进行了一下测试

1、不做任何处理的情况下，在滚动区域添加子节点

 

此时DrawCall有7个，理想情况下应该是5个，这种情况下，可见区域外和区域内分别合批，UnityWhite-BackGround-Font-UIMask-UnityWhite-Font-UIMask

2、去掉背景

此时有5个，UnityWhite-UIMask-UnityWhite-Font-UIMask，此处不应该是UnityWhite-Font-UIMask-UnityWhi

最低0.47元/天 解锁文章
rhett_yuan
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
ScollCircleDemo.unitypackage
05-18
当ScrollView下的物体很多上百上千的时候，不可能去实例化出来这么多物体，这个时候需要优化了，不然drawcall会很大很大 ，所以笔者花了1，2天时间去写了这个工具，支持4个方向的无限滚动
UGUI 之 Mask 和 RectMask2D 与 drawcall
akak2010110的专栏
07-09 9583
虽然 Mask 的名声不是很好，但是在做界面的时候很多时候都需要它，比如滚动列表。要想精算出一个UI的drawcall数和渲染顺序，光掌握上一篇的知识或许还有些吃力，因为mask在项目里真的太常见了。也往往是UI的drawcall数的一个重灾区。本文不说Mask和RectMask2D是如何实现的，仅仅设立一些案例来总结出两者的性质，希望能给我们做UI时一些实用的指导性作用。也希望看完了本文之后，能...
Unity3d ScrollView的一种优化方法：使用RectMask2D代替Mask
qq_39155572的博客
09-21 1190
发现 今天在使用GUI PRO Kit - Fantasy RPG | 2D GUI | Unity Asset Store拼接我的小demo时，偶然间发现了一个有趣的现象。 该资源的Equipment页面，在进一步增加item时，ScrollRect并没有像UGUI的标准ScrollRect那样增加batch和tris，十分奇特。 由于笔者这次使用的是2019.4.21版本。 一开始还以为是较新版本的unity在新UGUI中有了某些优化，但经过比对后，发现并非如此，UGUI的原生Scroll.
scrollview中避免item间不同节点交叉导致drawcall调用过高
h87545645的博客
08-07 298
scrollview中避免item间不同节点交叉导致drawcall调用过高 记录creator中scrollview多个item节点交叉导致导致drawcall调用过高的优化方案 产生的原因 在creator中，相邻且勾选了cachemode的label或者相邻且在同一图集里的sprite会合并渲染，并且只会调用一次draw call 如图： 三个sprite节点和三个label相邻，各自只调用了一次drawcall。而如果这几个节点交叉： 每个label和sprite都会调用一次draw cal
UGUI ScrollView mask 裁剪粒子特效
qq_19666459的博客
07-25 1325
在UGUI开发中 会遇到以下情况，scrollview 下面有item附带粒子特效（道具选中特效）由于UGUI内置的Mask 裁剪不了 粒子 ，所以有以下解决方案 在粒子特效物体上使用新的shader 如下 在合适的物体上挂载TailorParticle .cs代码 public class TailorParticle : MonoBehaviour { private Material material; private Mask mask; public void Start
UGUI ScrollView 分页滑动
10-09
【Unity】UGUI ScrollView 分页 单次拖拽滑动一页，主要使用了ScrollRect.horizontalNormalizedPosition来实现。
UGUI Super ScrollView插件
02-19
UGUI Super ScrollView是一款针对Unity引擎开发的高级滚动视图组件，专为提升用户界面（UI）性能和交互性而设计。这款插件适用于创建复杂的、数据驱动的滚动内容，如游戏菜单、商店列表或者长篇的文本内容。它在...
UnityDynamicScrollView：基于UGUI的动态scrollView
02-06
滚动视图基于UGUI的动态滚动列表，主要支持以下功能：继承自UGUI的SrollRect ，支持ScrollRect的所有功能；使用对象池来管理列表元素，以实现列表元素的替代；支持一行多个元素或一列多个元素；可使用不同尺寸的列表...
UGUI ScrollView 优化重复利用
01-16
UGUI ScrollView 优化重复利用 ，后续持续优化版本。。。。。
UGUI实现ScrollView无限滚动效果
01-01
抽空做了一个UGUI的无限滚动的效果。只做了一半（向下无限滚动）。网上也看了很多教程，感觉还是按照自己的思路来写可能比较好。搭建如下： content节点不添加任何组件。布局组件默认是会重新排版子节点的，所以...
画地为Mask，随心所欲的高效遮罩组件[Unity]
nie341的博客
08-20 728
写文章注册登录 首页 下载App 画地为Mask，随心所欲的高效遮罩组件[Unity]   作者 立航 关注 2017.05.07 20:18* 字数 2819 阅读 250评论 0喜欢 24 在上一篇博文"扔掉遮罩，更好的圆形Image组件"中，笔者改变Image的顶点数据，使得Im
ios UIView的mask属性,view和layer的关系
gcs的博客
08-20 3120
mask属性 :https://www.jianshu.com/p/fe4124de3729 view和layer的关系 :https://www.jianshu.com/p/9c7a23ea705b 什么是mask： CALayer有一个属性叫做mask，通常被称为蒙版图层，mask类似于子视图，但却不是一个普通的子视图,它本身也是CALayer类型，具有和其他图层一样的绘制和布局属性...
ScrollView无限滚动
u010944926的专栏
10-18 727
#import typedef enum {      CycleDirectionPortait,          // 垂直滚动     CycleDirectionLandscape         // 水平滚动 }CycleDirection; @protocol CycleScrollViewDelegate;
Unity的ScrollView遮罩裁剪Spine动画方法
Unity_FreshMan的博客
11-23 614
提供一个ScrollView裁剪Spine动画的方法，免写Shader
Unity中详细描述用于ScrollView的Mask和RectMask2D的具体原理以及它们是如何对DrawCall产生影响
最新发布
zjw1349547081的专栏
02-22 556
在Unity中，Mask和RectMask2D都是用于限制UI元素渲染区域的组件，常常用于ScrollView等需要剪裁内容的场景，但它们的工作原理和对Draw Call的影响是不同的。
[Unity]UGUI ScrollView ui特效遮挡的问题
热门推荐
王王王渣渣的博客
03-08 1万+
当使用滚动列表的时候，例如商城，好友列表。我们要在每个列表Item上添加UI特效的时候（Particle System或Mesh Renender等）会发现特效并不能根据父控件的大小而裁减掉，如图：注：UGUI和NGUI都存在这个问题，NGUI则是在UIPanel Clipping 为Soft Clip时。我们要实现的效果是超框的部分也应该和其他UI一样被裁减掉。现在的思路是修改特效的shader...
NGUI遮罩与ScrollView问题
gqj108的博客
01-02 1629
因为工作需要最近开始学习NGUI，最为初级学院，难免遇到很多坑，为此需要记录一下。 首先我要说下Scroll View的制作。 新建一个Scorll View，然后调整大小。 完成后，一般会新建一个Grid自动排列Items。 为了让Item显示在中间，偶偶会加一个UICenterOnChild.cs。 然后新建一个空物体，取名为ScrollBar。ScrollView物体UISc
Unity Scroll View踩坑记录
qq_40629631的博客
10-20 5590
Unity要想实现游戏中的背包滑动效果，最简单的方法就是使用ScrollView这个组件，这个组件可以实现拖动滑动的效果。 如上图所示，我希望将这些Item实现背包的排版效果。 第一步：现将所有的Item移到Content下，此时我们会发现部分图片被隐藏，显示不全，效果如图下所示 第一个小坑：图片显示不全。 原因分析：Viewport上挂有一个Mask组件，会将超出范围的内容隐藏（范围是四个蓝色的点内部），如图下所示。 第二步：给Content上添加GridLayoutGroup组件，实现排版美观。
UGUI进阶组件[九]Mask
weixin_43149049的博客
12-28 539
Mask组件是比较常用的组件之一 可以使用Mask去限制渲染3D的RawImage的形状 官网的下面有Mask的实现原理，有点像shader里面的部分 Mask的主要作用是根据提供的图片对Mask所挂物体的子物体进行像素的遮挡 ShowMaskGraphic 如果有提供图片，则如果子物体部分与图片的有像素部分有些地方没重叠的话，这个没重叠的地方会显示提供图片 有些博客说Mask可以用于3D物体 ...
ugui scrollview如何实现
04-22
滚动视图的实现可以分为两部分：1.添加滚动区域；2.添加可滚动的元素。 1. 添加滚动区域 首先，在UGUI中创建一个新的UI元素作为滚动视图的容器，如Panel或Image，将其命名为“ScrollView”。接下来，将“ScrollView”的RectTransform组件的锚点设置为0,0和1,1以占据整个屏幕，同时设置偏移量为0,0,0,0以避免覆盖其他元素。然后，在“ScrollView”对象下创建一个新的UI元素作为滚动视图的内容，将其命名为“Content”。将“Content”的RectTransform组件的锚点设置为0,1和1,0以填充“ScrollView”的大小，然后将其偏移量设置为0,0,0,0。 2. 添加可滚动的元素 在“Content”对象下添加所需的UI元素，例如Text、Image等。然后，在“Content”的RectTransform组件下添加一个ScrollBar，将其命名为“ScrollBarVertical”。将“ScrollBarVertical”的锚点设置为1,0和1,1以固定在“ScrollView”的右侧，然后将其偏移量设置为0,0,-20,0以避免与其他元素重叠。 最后，在“Content”的RectTransform组件中启用“Vertical”布局组件以允许滚动。接下来，在“ScrollView”的RectTransform组件下添加一个Mask并启用滑动条支持，以便用户可以使用滚轮或手指滑动滚动视图。 这样，您就可以成功地创建一个具有滚动条的滚动视图。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值