UGUI_关卡选项界面

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）单选按钮，进入制定页面，并与鼠标滑动脚本相关联。

 using System.Collections;
 using System.Collections.Generic;
 using UnityEngine;
 using UnityEngine.EventSystems;
 using UnityEngine.UI;

 public class LevelButtonScrollRect : MonoBehaviour ,IBeginDragHandler,IEndDragHandler{

     // Use this for initialization
     private ScrollRect scrollRect;
     private float[] pageArrayFloats = new[] {, 0.33333f, 0.66666f, };
     void Start ()
     {
         scrollRect = GetComponent<ScrollRect>();
     }

     // Update is called once per frame
     void Update () { 

     }
     public void OnBeginDrag(PointerEventData eventData)
     {

     }
     public void OnEndDrag(PointerEventData eventData)
     {
         //Vector2 offsetTemp = scrollRect.normalizedPosition;
         float offsetTemp = scrollRect.horizontalNormalizedPosition;
         print(offsetTemp);
     }
 }

父物体添加过"ToggleGroup"组件

 using System.Collections;
 using System.Collections.Generic;
 using UnityEditor;
 using UnityEngine;
 using UnityEngine.EventSystems;
 using UnityEngine.UI;

 public class LevelButtonScrollRect : MonoBehaviour ,IBeginDragHandler,IEndDragHandler{

     // Use this for initialization
     private ScrollRect scrollRect;
     private float[] pageArrayFloats = new[] {, 0.33333f, 0.66666f, };
     private float targetHorizontalPosition = ;                              //默认为第一页
     private bool isDrag = false;
     public float speed = 5f;
     void Start ()
     {
         scrollRect = GetComponent<ScrollRect>();                             //寻找组件，物体间的通信
     }

     // Update is called once per frame
     void Update () {
         if (isDrag==false)
         {
             scrollRect.horizontalNormalizedPosition = Mathf.Lerp(scrollRect.horizontalNormalizedPosition,
                 targetHorizontalPosition, speed * Time.deltaTime);
         }
     }

     public void OnBeginDrag(PointerEventData eventData)
     {
         isDrag = true;
     }

     public void OnEndDrag(PointerEventData eventData)
     {
         isDrag = false;
         float posX = scrollRect.horizontalNormalizedPosition;
         int index = ;
         float offset = Mathf.Abs(pageArrayFloats[index] - posX);
         for (int i = ; i < pageArrayFloats.Length; i++)
         {
             float offsetTemp = Mathf.Abs(pageArrayFloats[i] - posX);
             if (offsetTemp < offset)
             {
                 index = i;
                 offset = offsetTemp;
             }
         }                                                                   //哪一页的位置与当前页的位置差最小，就定在哪一页上
         //scrollRect.horizontalNormalizedPosition = pageArrayFloats[index];
         targetHorizontalPosition = pageArrayFloats[index];
     }
 }
 //注：最后一次鼠标滑动的位置是确定的，让这个位置与每一页的位置（4页的位置）比较，差值最小的，则固定在（4页位置）中的哪一页上
 //多次判断语句，用到for循环（特别是for{if（）{}}）