文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Unity中怎么利用ScrollView实现自动吸附效果

2023-06-20 17:20

关注

Unity中怎么利用ScrollView实现自动吸附效果,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

通过使用UGUI的拖拽接口,在拖拽结束时比较当前滑动框的NormalizedPositon与每一页的NormalizedPositon值,找到距离当前拖拽结束位置最近的页并缓慢滑动过去

三、使用说明

——此功能脚本是对ScrollView的扩展,所以必须添加UGUI提供的基础Scroll View
——Content上必须添加GridLayoutGroup组件并添加所有列表中的项(不是动态添加),只是为了方便满足布局需求(我在代码中对startCorner、startAxis、childAlignment和constraintCount进行了限制,不需要对其设置)
——不能添加Content Size Fitter组件
——测试出适合的视为滑动一页的距离和视为滑动多页的距离数值并填入即可

四、完整代码

将AutoAdsorbScrollView脚本挂载到ScrollView上

using UnityEngine;using UnityEngine.UI;using UnityEngine.EventSystems; /// <summary>/// 自动吸附的滑动列表/// </summary>public class AutoAdsorbScrollView : MonoBehaviour, IBeginDragHandler, IEndDragHandler{    private ScrollRect scrollRect;//滑动框组件    private RectTransform content;//滑动框的Content    private GridLayoutGroup layout;//布局组件     private int totalPage; //总页数    private int curPage; //当前页的下标    private float[] eachPageNUPos; //每页的NormalizedPositon的值    private float targetNUPos; //目标页的NormalizedPositon的值     private Vector2 beginMousePos; //鼠标开始按下的位置    private Vector2 endMousePos; //鼠标结束按下的位置    private bool isDrag; //是否在拖拽     [Header("是否可以滑动多页")]    public bool sliderMultPage;     [Header("视为滑动一页的距离")]    [Space(25)]    public float sliderOnePageDis;    [Header("视为滑动多页的距离")]    public float sliderMultPageDis;    [Header("缓动到目标页的持续时间")]    public float duration;     #region Init     private void Awake()    {        scrollRect = GetComponent<ScrollRect>();        content = scrollRect.content;        layout = content.GetComponent<GridLayoutGroup>();         Init();//初始化    }     /// <summary>    /// 初始化    /// </summary>    private void Init()    {        totalPage = content.childCount;         SetContentSize();//设置Content大小         CalcEachPageNUPos();//计算每一页的NormalizedPositon值         SetLayout();//设置布局    }     /// <summary>    /// 设置Content大小    /// </summary>    private void SetContentSize()    {        content.sizeDelta = new Vector2            (                layout.padding.right + layout.padding.left + (totalPage - 1) * (layout.cellSize.x + layout.spacing.x) - layout.spacing.x,                content.sizeDelta.y            ); ;    }     /// <summary>    /// 计算每一页的NormalizedPositon值    /// </summary>    private void CalcEachPageNUPos()    {        float tempNUPos = 0;        eachPageNUPos = new float[totalPage];        for (int i = 0; i < totalPage; i++)        {            eachPageNUPos[i] = tempNUPos;            tempNUPos += 1f / (totalPage - 1);        }    }     /// <summary>    /// 设置布局    /// </summary>    private void SetLayout()    {        scrollRect.horizontal = true;        scrollRect.vertical = false;        layout.padding.right = layout.padding.left;        layout.startCorner = GridLayoutGroup.Corner.UpperLeft;        layout.childAlignment = TextAnchor.MiddleCenter;        layout.constraintCount = 1;    }     #endregion     #region Main     /// <summary>    /// 拖拽开始    /// </summary>    public void OnBeginDrag(PointerEventData eventData)    {        isDrag = true;        beginMousePos = Input.mousePosition;    }     /// <summary>    /// 拖拽结束    /// </summary>    /// <param name="eventData"></param>    public void OnEndDrag(PointerEventData eventData)    {        isDrag = false;        coe = 0;         endMousePos = Input.mousePosition;        Vector2 offset = endMousePos - beginMousePos;        Debug.Log("滑动距离为:" + offset);         if (sliderMultPage)        {            //单页滑动            if (Mathf.Abs(offset.x) >= sliderOnePageDis && Mathf.Abs(offset.x) < sliderMultPageDis)            {                float tempHorizontalNUPos = scrollRect.horizontalNormalizedPosition;                FindNearlyPage(tempHorizontalNUPos);            }            //多页滑动            else if (Mathf.Abs(offset.x) >= sliderMultPageDis)            {                if (offset.x > 0)                {                    curPage = 0;                }                else if (offset.x < 0)                {                    curPage = totalPage - 1;                }            }        }        else        {            //单页滑动            if (Mathf.Abs(offset.x) >= sliderOnePageDis)            {                float tempHorizontalNUPos = scrollRect.horizontalNormalizedPosition;                FindNearlyPage(tempHorizontalNUPos);            }        }         targetNUPos = eachPageNUPos[curPage];    }     private float coe;//比例系数    private void Update()    {        if (isDrag)        {            return;        }        coe += Time.deltaTime / duration;        scrollRect.horizontalNormalizedPosition = Mathf.Lerp(scrollRect.horizontalNormalizedPosition, targetNUPos, coe);    }     #endregion     #region Tool     /// <summary>    /// 寻找距离当前NormalizedPositon最近的页    /// </summary>    private void FindNearlyPage(float tempHorizontalNUPos)    {        float minOffset = Mathf.Abs(eachPageNUPos[0] - tempHorizontalNUPos);        for (int i = 0; i < totalPage; i++)        {            float tempHorizontalOffset = Mathf.Abs(eachPageNUPos[i] - tempHorizontalNUPos);            if (tempHorizontalOffset <= minOffset)            {                minOffset = tempHorizontalOffset;                curPage = i;            }        }    }     #endregion}

看完上述内容,你们掌握Unity中怎么利用ScrollView实现自动吸附效果的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注编程网行业资讯频道,感谢各位的阅读!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯