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（）{}}）