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

最新推荐文章于 2023-04-28 10:53:46 发布
VIP文章 最新推荐文章于 2023-04-28 10:53:46 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： Unity-性能优化 Unity-UI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Rhett_Yuan/article/details/89320313
版权

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

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

 

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

2、去掉背景

最低0.47元/天 解锁文章
rhett_yuan
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Unity中详细描述用于ScrollView的Mask和RectMask2D的具体原理以及它们是如何对DrawCall产生影响
zjw1349547081的专栏
02-22 440
在Unity中，Mask和RectMask2D都是用于限制UI元素渲染区域的组件，常常用于ScrollView等需要剪裁内容的场景，但它们的工作原理和对Draw Call的影响是不同的。
Unity的ScrollView遮罩裁剪Spine动画方法
最新发布
Unity_FreshMan的博客
11-23 413
提供一个ScrollView裁剪Spine动画的方法，免写Shader
画地为Mask，随心所欲的高效遮罩组件[Unity]
nie341的博客
08-20 678
写文章注册登录 首页 下载App 画地为Mask，随心所欲的高效遮罩组件[Unity]   作者 立航 关注 2017.05.07 20:18* 字数 2819 阅读 250评论 0喜欢 24 在上一篇博文"扔掉遮罩，更好的圆形Image组件"中，笔者改变Image的顶点数据，使得Im
ios UIView的mask属性,view和layer的关系
gcs的博客
08-20 2929
mask属性 :https://www.jianshu.com/p/fe4124de3729 view和layer的关系 :https://www.jianshu.com/p/9c7a23ea705b 什么是mask： CALayer有一个属性叫做mask，通常被称为蒙版图层，mask类似于子视图，但却不是一个普通的子视图,它本身也是CALayer类型，具有和其他图层一样的绘制和布局属性...
UnityUI--遮罩（Mask）组件和滚动视图（Scroll View）组件
qq_73628117的博客
04-28 665
Mask组件只需要父物体，子物体勾上就行，就能挡住子物体，图中，父物体是黑色图片；Mask（遮罩）组件：下面的 Show Mask Graphic属性是用来选择是否让背景图片显示，。
UGUI ScrollView mask 裁剪粒子特效
qq_19666459的博客
07-25 1303
在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 ScrollView 优化重复利用
01-16
UGUI ScrollView 优化重复利用 ，后续持续优化版本。。。。。
UGUI Super ScrollView 2.4.4
08-29
UGUI scrollview 插件
UGUI Super ScrollView v2.5.3
08-28
UGUI Super ScrollView
UGUI Super ScrollView v2.4.3.unitypackage
09-27
UGUI Super ScrollView gives easily-customizable ScrollView, based on UGUI ScrollRect. It is a set of C# scripts to help you create ScrollView that you need. It's very powerful and highly optimized for...
[Unity3D] 记录一下ScrollView中粒子无法被Mask遮挡的问题解决过程
beerbar3的博客
03-01 1405
【Unity3D】ScrollView中粒子无法被Mask遮挡
[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 1607
因为工作需要最近开始学习NGUI，最为初级学院，难免遇到很多坑，为此需要记录一下。 首先我要说下Scroll View的制作。 新建一个Scorll View，然后调整大小。 完成后，一般会新建一个Grid自动排列Items。 为了让Item显示在中间，偶偶会加一个UICenterOnChild.cs。 然后新建一个空物体，取名为ScrollBar。ScrollView物体UISc
cocos creator学习8——ScrollView使用
热门推荐
章鱼仔的博客
03-17 1万+
Mask组件&&Layout组件&&ScrollView组件使用
Unity中的Mask组件增加DrawCall的原因
qq_41841073的博客
12-15 1023
Unity中的Mask组件增加DrawCall的原因
【Unity】3D模型或粒子渲染在UI上层
Sun Spark Studio
01-14 2835
方法有很多，我只介绍一种我认为最简单有效的方法，用非常取巧的手段，使用RenderTexture + Camera 在ScrollView里展示3D模型。 效果： 1.首先创建一个RenderTexture用于渲染3D元素，然后在ScrollView里创建一个RawImage，用于把RenderTexture上的内容显示在UI上： 2.代码动态创建一个Camera，用于把3D模型渲染...
【UGUI源码分析】Unity遮罩之Mask详细解读
ZhangLei的博客
09-08 4429
博客园博文链接 https://www.cnblogs.com/iwiniwin/p/15131528.html 遮罩，顾名思义是一种可以掩盖其它元素的控件。常用于修改其它元素的外观，或限制元素的形状。比如ScrollView或者圆头像效果都有用到遮罩功能。本系列文章希望通过阅读UGUI源码的方式，来探究遮罩的实现原理，以及通过Unity不同遮罩之间实现方式的对比，找到每一种遮罩的最佳使用场合。 Unity UGUI主要提供两种遮罩，分别是Mask和Rect Mask 2D。在2D游戏开发中，可能还会用到S
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、付费专栏及课程。

余额充值