如何在 Unity 中的静态图像上创建可滚动蒙版?



假设我有一个画布,上面有一个包含纯白色图像的面板。 被上述面板隐藏,有一个带有彩色图像的面板。 现在让我们拿一个滚动矩形,用一些较小的面板填充它作为内容,为每个面板添加一个蒙版,然后将滚动矩形放在纯白色面板顶部的面板中。

我怎样才能使这些可滚动的小面板遮盖白色面板并显示下面的彩色面板,而白色面板和彩色面板是静态的并且不移动?

我很清楚这样一个事实,即白色面板和彩色面板必须是蒙版组件的子面板,这就是问题所在,因为这样它们就会滚动。

我在网上搜索了一下,但只能找到与 scrollrect 视口遮罩有关的东西,但没有将蒙版放在 scrollrect 中。

编辑:一种方法是通过使用每个小面板作为蒙版来直接遮盖彩色面板,并使彩色面板在每个小面板内滚动* -1以对抗父滚动,但这似乎是一个糟糕的解决方案

感谢您的任何建议<.<</p>

使用掩码或更好的矩形掩码 2d。将此组件添加到父组件,所有子组件都会根据其"矩形转换"进行屏蔽,该转换将显示在编辑器右上角适用的 UI 元素上。您还可以打开和关闭小控件以查看绿色轮廓。

https://docs.unity3d.com/Packages/com.unity.ugui@1.0/manual/script-RectMask2D.html

将矩形掩模 2d 与滚动矩形相结合可以为您提供一些强大的结果,并且绝对可以满足您的需求。

https://docs.unity3d.com/Packages/com.unity.ugui@1.0/manual/script-ScrollRect.html

最新更新