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, 0.33333f, 0.66666f, 1}; 
    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, 0.33333f, 0.66666f, 1};
    private float targetHorizontalPosition = 0;                              //默认为第一页
    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 = 0;
        float offset = Mathf.Abs(pageArrayFloats[index] - posX);
        for (int i = 0; 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（）{}}）