Unity中，将UI限制在手机的安全区内显示

Posted 2023-04-05

参考技术A 可使用Unity的Device Simulator在编辑器模式下测试UI在各种移动设备上的显示效果。

将下面的脚本挂在顶层UI节点（通常应是一个背景Panel）即可。（有时其后面应还有一个Bg，它不用被限制在安全区内显示）
UiAdaptScreenSafeArea.cs

Unity Rect Mask 2d 溢出

【中文标题】Unity Rect Mask 2d 溢出

【英文标题】：Unity Rect Mask 2d overflow

【发布时间】：2020-01-04 22:59:20

【问题描述】：

image here

我在滚动条区域上使用 Rect Mask 2d 来隐藏滚动视口之外的元素。

在某种程度上，这是可行的。在用户向下滚动到它之前，以红色显示的 UI 元素不会出现。

但是，当 UI 元素部分位于视口内时。整个元素被渲染。 这不是我想要的。

如果 UI 元素不能完全显示在视口中。 id 喜欢让元素完全消失或最好消失，我希望它可以呈现视口内的 UI 元素部分，而不会呈现视口外的部分。

我已经尝试过使用 Mask（不是 Rect Mask 2d），但他们似乎不喜欢使用 UI 元素。

如果有人对我如何解决这个问题有任何提示或想法。我很高兴听到你的声音。

提前致谢

【参考方案1】：

事实证明，设置文本的 Material 会强制渲染整个内容。

如果我只是使用默认材质，它不会溢出。