UGUI交互组件ScrollView

一.ScrollView的结构

二.Scroll Rect组件的属性

注意事项：

• 视口Viewport具有Mask组件。视口可以是根游戏对象，也可以是作为根的子项的单独游戏对象。如果使用自动隐藏的滚动条，则视口必须是子项。需要在滚动矩形的 Viewport 属性中引用视口矩形变换。
• 所有滚动内容必须是作为视口子项的单个内容游戏对象的子项。需要在滚动矩形的 Content 属性中引用内容矩形变换。
• 滚动条（如果使用）是根游戏对象的子项。请参阅滚动条页面了解有关滚动条设置的更多详细信息，并参阅下面的滚动条设置部分了解有关滚动视图的滚动条设置的信息。

广泛应用的Scroll View情形：垂直，回弹，无滚动条，如下图所示，看下要改哪些设置

2.1 Horizontal关闭

2.2 删除Scrollbar Horizontal和Scrollbar Vertical

2.3 将ViewPort和Content的宽度设为和父节点一样

2.4 Content下挂上一个子节点，将位置摆在最上面

三.动态添加子节点

实际项目中Scroll View上有几个显示内容节点大部分情况是取决于后端数据，因此需要通过代码动态创建，内容创建完成后要注意的是需要设置Content的高度，不然当所有显示内容高于Content时，滚动显示不完整，实例代码如下

using TMPro;
public class CScrollView : MonoBehaviour
{
    void Start()
    {
        GameObject bgItem = GameObject.Find("ScrollView/Viewport/Content/bgItem");
        GameObject contentSV = GameObject.Find("ScrollView/Viewport/Content");
 
        int itemNum = 9;
        int itemHeight = 100;
        int itemOffset = 110;
        int allItemHeight = (itemNum - 1) * itemOffset + itemHeight;
        int svHeight = 500;
        for(int i = 0; i < itemNum; i++)
        {
            GameObject oneBgItem = Instantiate(bgItem);
            oneBgItem.transform.SetParent(contentSV.transform,true);
            float posY = -50 - i * itemOffset;
            oneBgItem.transform.localPosition = new Vector3(200, posY, 0);
            //设置文本
            GameObject itemText = oneBgItem.transform.GetChild(0).gameObject;
            itemText.GetComponent().SetText((i+1).ToString());
        }
        bgItem.SetActive(false);
        //设置content高度
        if(svHeight < allItemHeight)
        {
            RectTransform rectTransform = contentSV.GetComponent();
            rectTransform.sizeDelta = new Vector2( 400, allItemHeight);
        }
    }
}

运行后可以看到模拟出了游戏中需要的效果

四.事件监听和滚动到指定位置

        //滚动监听
        ScrollRect scrollRect = GameObject.Find("ScrollView").GetComponent();
        scrollRect.onValueChanged.AddListener(delegate (Vector2 ve2)
        {
             Debug.Log("滚动ing y = "+ ve2.y);
        });
        //滚动到指定位置
        scrollRect.normalizedPosition = new Vector2(0, 0.5f);;