Как создать прокручиваемую маску на статическом изображении в Unity?

Допустим, у меня есть холст с панелью, содержащей простое белое изображение. За упомянутой панелью скрыта панель с цветным изображением. Теперь давайте возьмем прямоугольник прокрутки, заполним его несколькими меньшими панелями в качестве содержимого, добавим маску к каждой из них и поместим прямоугольник прокрутки в панель поверх простой белой панели.

Как я могу заставить эти прокручиваемые маленькие панели маскировать белую панель и показывать цветную панель ниже, в то время как белая панель и цветная панель статичны и не двигаются?

Мне хорошо известно, что белая панель и цветная панель должны быть дочерними элементами компонента маски, и в этом проблема, потому что тогда они будут прокручиваться.

Я немного поискал в Интернете, но смог найти только материалы, связанные с маскированием области просмотра scrollrect, но не помещающие маски в scrollrect.

РЕДАКТИРОВАТЬ: Один из способов - напрямую замаскировать цветную панель, используя каждую из маленьких панелей в качестве масок, и заставить цветную панель прокручиваться внутри каждой маленькой панели на *-1, чтобы противостоять родительской прокрутке, но это кажется плохим решением

Спасибо за любой совет ‹.‹


person Leon Abels    schedule 17.05.2020    source источник
comment
Не могли бы вы также включить код того, что вы пробовали?   -  person Hasan Sefa Ozalp    schedule 17.05.2020
comment
Я еще ничего не пробовал, потому что не понимаю основной концепции того, как сделать цветную панель статической, если она должна быть дочерней для компонента прокручиваемой маски.   -  person Leon Abels    schedule 17.05.2020


Ответы (1)


Используйте маску или еще лучше rect mask 2d. Вы добавляете этот компонент к родителю, и все дочерние элементы маскируются на основе его «прямого преобразования», которое будет отображаться в правом верхнем углу редактора в соответствующих элементах пользовательского интерфейса. Также вы можете включать и выключать гизмо для просмотра зеленого контура.

https://docs.unity3d.com/Packages/[email protected]/manual/script-RectMask2D.html

Комбинация rect mask 2d с scroll rect может дать вам впечатляющие результаты и определенно выполнить то, что вам нужно.

https://docs.unity3d.com/Packages/[email protected]/manual/script-ScrollRect.html

person vasmos    schedule 17.05.2020