UGUI关卡选项界面

Posted 2020-11-01 MR_L先生

1.Image组件—“Source Image”，Set Native Size.

2.Image组件—“Image Type”——Sliced

  编辑要放大缩小的图片，Sprite Editor，采用九宫格切图。

3.创建空物体（作为父物体），添加Componment—Layout—Grid Layout Group（是下面的子物体自动排列）

    创建空物体和创建Panel作为父物体是由区别的！

4.锚点问题，是GUI中容易忽视但却十分重要的点。

5.Prefabs的有效使用，后期通过更改Prefabs来进行完整的映射修改。

6.滚动图片列表的制作

   （1）选项卡图标排列整齐

   （2）创建一个Image组件—“背景图”，命名为ScrollPanel（作为父物体，作为Mask），此时将选项卡托至此背景图下作为子物体。

   （3）在“背景图”上添加“Scroll Rect”滑动组建，Content对象为选项卡图标集合，来控制子物体。

   （4）在“背景图”上添加"Mask"组建。

   （5）按页数进行滑动（分页）脚本

   （6）单选按钮，进入制定页面，并与鼠标滑动脚本相关联。