scrollrect mask区别

最新推荐文章于 2024-09-14 06:45:00 发布
原创 最新推荐文章于 2024-09-14 06:45:00 发布 · 947 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文对比了Mask和scrollRect的功能差异：Mask可以创建任意形状的遮罩，而scrollRect仅限于矩形区域。此外，文章还介绍了两者对DisplayObject尺寸属性的影响不同，以及scrollRect设置后的延迟问题。
Mask 可以做任何形状的遮罩，scrollRect 只能用矩形
另外，还有一個特性是比较不为人知的
Mask 並不会影响到 DisplayObject 物件的 width, height, bounds 等尺寸属性
可是 scrollRect 会影响到 DisplayObject 物件的尺寸
并且设置完scrollRect 之后,需要设置一个延时,这样宽高才会生效,可能是一个bug吧...

原文在此, http://ticore.blogspot.com/2008/03/as-tip-scrollrect-vs-mask.html

关于scrollRect延时问题,见作者的另一篇博客: http://ticore.blogspot.com/2008/03/as-tip-force-displayobjectscrollrect.html
貌似原理是强制绘一个BitmapData使得重新渲染界面
【Unity源码学习】遮罩：Mask 和 RectMask2D 学习
m0_58523831的博客
06-12 2万+
Mask原理分析。 RectMask2D原理分析。 RectMask2D和Mask的性能区分
Unity中Mask和RectMask2D组件的对比与测试
ryougi_的博客
06-25 1805
组件用法 Mask组件可以实现遮罩的效果，将一个图像设为拥有mask组件图像的子物体，最后就会隐藏掉子图像和mask图像不重合的部分。例如： （蓝色的圆形名为mask，数字图片名为image） 在“mask”图片上添加mask组件后的结果（可以选择是否隐藏mask图像）： RectMask2D的基本用法 RectMask2D的用法和mask大致相同，不过RectMask2D只能裁剪一个矩形区域，同时RectMask2D可以选择边缘虚化 原理分析 Mask的原理分析 Mask会赋予Image一个特殊
unity 动态滚动增加条目ScrollRect mask vertical layout
最爱方方的博客
09-13 725
综合使用ScrollRect Mask Vertical Layout组件实现滚动条目 先讲ScrollRect 组件： 该组件就是用来设置哪些UI对象可以用来滑动，以及滑动范围。 其中有两个参数Content和ViewPort Content:用来设置那个对象下的内容需要滑动 ViewPort：设置滑动的范围，最好不要用空对象 Mask:该组件默认将同一对象上的Image组件当做遮罩，因此可以选择ViewPort挂载，并加Image组件 如果不希望image显示出来，不用非激活image组件，可以将ma
Unity ScrollRect滑动
IT_choshim的博客
06-28 7254
ScrollRect通常是和Mask组件一起使用的。mask组件的功能是使滑动到scrollrect指定区域之外的内容隐藏。滑动ui层级结构，如下图所示：tabcontrol : tabcontrol上绑定着ScrollRect、Mask、Image组件。    ScrollRect ： Content 滑动的内容，也就是tabcontrol层级下的Content，拖拽进去            ...
Unity组件大全之 UI 组件 |（15）Rect Mask 2D组件
最新发布
Unity打怪升级
09-14 1790
在Unity的UI设计中，管理和控制用户界面元素的显示区域是一项常见需求。RectMask2D组件为此提供了一个有效的解决方案，它允许开发者限制子对象在指定的矩形区域内显示，而超出该区域的部分则被遮罩隐藏。本文将详细介绍RectMask2D组件的使用方法和一些实用的技巧。
[转]scrollRect的问题
AS3
02-12 190
这是设置 显示对象的滚动矩形范围 的方法。我们可以通过设置对象的这个属性来实现以前需要通过遮罩才能做到的功能。 有一个问题是当设置完后马上trace对象的width，发现并不是scrollRect的区域，而还是对象原来的宽度（当然高度也是如此）。 在这里你可以看到同样的疑问。 试了很多遍才发现，如果我们在设置scrollRect之后，有一段时间的延时，再trace对象的width，结果就是r...
UGUI源码解析——RectMask2D
L的博客
07-12 1737
RectMask2D是矩形遮罩组件，是通过CanvasRenderer实现的——AddClippable 添加裁剪对象 设置m_ShouldRecalculateClipRects为true，接着判断裁剪对象是否为MaskableGraphic，并添加到IClippable序列或MaskableGraphic序列中，最后将m_ForceClip设置为true 此方法在MaskableGraphic类中的UpdateClipParent方法中被调用 ——RemoveClippable 移除裁剪对象 设置m
[Unity UGUI]ScrollRect滚动效果大全
09-10
- 支持不用Mask遮罩无限循环加载 - 支持ObjectPool动态加载 - 支持无限不规则子物体动态加载 - 支持拖动并点击和拖拽 - 支持拖动并拖拽 - 支持ScrollRect拖动自动吸附功能(拖动是否超过一半自动进退)
Unity使用ScrollRect制作翻页
08-19
其中，ViewPort负责显示区域的大小，通常和Mask一起配合使用，而Content使用Layout来布局。如果想使用代码来自动定位显示位置，需要在Content上加上Content size filter。 知识点2： ScrollRectHelper类 在这个...
UGUI Scrollrect滚动优化：无限循环利用
06-23
通过结合Mask和Content Size Fitter等组件，我们可以轻松构建出各种滚动效果。 无限循环滚动是一种常见需求，例如在游戏的关卡选择界面或角色列表中。实现这种效果的关键在于如何巧妙地重复利用已有的UI元素。通常...
UGUI的滚动列表ScrollRect一次性实例化多个子item时如何做优化来降低性能消耗
啸风轩
01-02 1449
在功能开发中经常会遇到某些页面需要一次性实例化几十甚至上百个item的情况，如果真的根据当时的数据量把多个子item都实例化出来，内存占用会变得很大，而且UGUI对超出viewport区域的对象也会绘制，导致画面突然变得很卡。 这个时候就需要对实例化的步骤做些优化： 1.对象池的引入： 首先在滑动列表时始终展示出来的只有viewport区域内的item，对超出viewport区域的item是不予显示的。那么是否可以将超出viewport区域的item放入回收池中，当需要新的item时直接去回收池中查找
Unity UGUI的RectMask2D（2D遮罩）组件的介绍及使用
alianblank的博客
07-22 2878
RectMask2D是Unity UGUI中的一个组件，用于实现2D遮罩效果。它可以限制子对象在指定的矩形区域内显示，超出区域的部分将被遮罩隐藏。
（八）RectMask2D详解
qq_37833413的博客
04-11 1951
文章目录1.前言2.详解3.结语 1.前言 RectMaskD的基本原理就是CanvasRenderer的EnableRectClipping方法，上一节已经做了详细说明。而它的工作流程在（六）和（五）中也做了详细分析。此篇重新梳理一下流程，做更细致的分析。 2.详解 RectMask2D的基本原理比较建议，复杂点在于其上层逻辑比较复杂，今天就按逻辑流程顺序进行分析。 1）启动时通过Clipper...
Unity-UGUI笔记：Mask、RectMask2D和自定义Mask
qq_43441131的博客
11-14 3306
1.Mask：常用的遮罩组件，可以通过纹理来变成不同形状的遮罩。：勾选后可以显示遮罩对象的图像。2.RectMask2D：RectMask2D也是Unity UGUI中常用的2d遮罩组件，但与Mask不同的是，RectMask2D只能限制子对象在矩形区域中显示（无法使用其他形状的遮罩图形）。Padding：控制子物体在这招范围内的显示布局Softness：遮罩边缘的柔化度，值越大边缘越柔化。
【详细解析版】Unity UGUI Mask组件实现原理
热门推荐
qq826364410的专栏
12-19 1万+
Masking is implemented using the stencil buffer of the GPU. 即Mask是利用了GPU的模板缓冲来实现的，关于模板，打个简单的比方，就像一个面具，可以挡住一部分“脸”的显示一样。Mask的关键代码其实只有一行，如下（为方便理解，对代码做了简化处理）： var maskMaterial = StencilMaterial.Add(ba...
Unity Mask 和RectMask2D原理和区别
qq_32756581的博客
08-24 3885
Mask 会多出两个DrawCall 一个是 Mask 本身 会创建一个材质球 把自身Image 的像素标记到模板缓冲区StencilBuff 导致一个DrawCall 另一个是 在Mask 遍历完所有子节点 修改子节点的材质球参数 赋值为对应的裁剪参数 最后 会重置一下缓存StencilBuff 导致又有一个DrawCall多个Mask 直接 如果达成合批条件（不能重叠） 即 Mask组件本身的图片一样 他就能合批（即Mask首合批） 同理Mask尾部遍历完如果能合批 也会合批。
UGUI ScrollView mask 裁剪粒子特效
qq_19666459的博客
07-25 1503
在UGUI开发中 会遇到以下情况，scrollview 下面有item附带粒子特效（道具选中特效）由于UGUI内置的Mask 裁剪不了 粒子 ，所以有以下解决方案 在粒子特效物体上使用新的shader 如下 在合适的物体上挂载TailorParticle .cs代码 public class TailorParticle : MonoBehaviour { private Material material; private Mask mask; public void Start
Unity3d ScrollView的一种优化方法：使用RectMask2D代替Mask
qq_39155572的博客
09-21 1627
发现 今天在使用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.
Unity UGUI-ScrollRect的Mask 对动态字体无效
gs91807的专栏
11-13 1165
Unity UGUI-ScrollRect的Mask 对动态字体无效 原因是 动态字体 设置的材质问题 这是我原来的 这是 我修改后 正常的了 改成这样之后就正常了 FontDefault的设置为
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值