如何使用 Scroll Rect 将 Desain 游戏对象或 UI 设置为可滚动？统一 C#

Question

请帮帮我..

如何安排游戏对象或 UI 变得像屏幕截图一样并使用 scroll rect 使其可滚动？

UI必须像截图一样排列

有一个包含 UI 的黄色边框，它必须是可滚动的。 然后有一个青色边框包含 5 个插槽项目或更多并且也可以滚动。它可以自动或手动生成。 然后是一个包含 3 个按钮的洋红色边框 UI。按钮 1、按钮 2 和按钮 3。每个按钮的大小不同。

为什么它必须是可滚动的？因为 Cyan border Contain 和 Magenta border contain 可以不止一个。因此，如果它不可滚动，则该对象将不足以显示在黄色边框框中。

我试着做了 1 天，但我做不完。

请教我如何完成，如何一步步完成。

如果您有任何问题，请发表评论。

非常感谢

Answer 1

我自己找到了答案。

这就是它的工作原理。

1. Create Gameobject Name Panelprocess 在 Panelprocess 中添加组件：image、mask 和 scroll rect

2. Create child Gameobject Panelprocess Name ListProcess

   在 ListProcess 中添加组件：Grid Layout Group 并包含 size fitter 在 Grid Layout Group 组件中设置如下值：

   单元格大小：x ( 285 ) y ( 65 ) 约束：固定列数 约束计数：1

   at Contain size fitter 设置值如下：

   水平适合：首选尺寸 垂直适合：首选尺寸

3. Create child Gameobject ListProcess Name Item1 (UI Image), Button1 (UI Image), Item2 (UI Image), Button2 (UI 图片)

4. Create child Gameobject Item1 Name Slot1 (UI Image), Slot2 (UI Image), Slot3 (UI Image), Slot4 (UI 图片), Slot5 (UI 图片)

   注意：根据截图安排slot的位置和大小 也为项目 2 执行第 4 步

5. 创建子游戏对象 BUtton1 名称 Btn1、Btn2、Btn3 注意：根据 屏幕截图。 也为 Button2 执行第 5 步

6. 返回游戏对象面板进程 在 Panelprocess 组件： 滚动矩形（设置如下）：

   内容：（将 ListProcess 游戏对象拖到内容中） 水平：未选中 垂直：勾选 运动类型：弹性

现在播放。 网格布局组现在包含具有不同大小和可滚动的对象。

完成