Unity ScrollView实现自动吸附效果
更新时间:2021年7月27日 15:00 点击:2267
本文实例为大家分享了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时间戳的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
Unity中 ShaderGraph 实现旋涡传送门效果入门级教程(推荐)
通过Twirl 旋转节点对Gradient Noise 梯度噪声节点进行操作,就可得到一个旋转的旋涡效果。具体实现代码跟随小编一起通过本文学习下吧...2021-07-11- 本文主要介绍了4种延时执行的方法,主要包括Update计时器,Invoke,协程,DoTween,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-07-07
- 这篇文章主要为大家详细介绍了Unity shader实现遮罩效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要介绍了unity 判断鼠标是否在哪个UI上的两种实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-10
- 这篇文章主要给大家介绍了关于利用unity代码C#封装为dll的相关资料,文中通过图文将实现的方法介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-06-25
- 这篇文章主要为大家详细介绍了Unity实现换装系统,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-04-11
- 这篇文章主要为大家详细介绍了Unity Shader实现径向模糊效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-08-09
- 这篇文章主要介绍了unity 实现摄像机绕某点旋转一周,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-12
- 这篇文章主要为大家详细介绍了Unity实现截图功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要介绍了Unity中EventTrigger的几种使用操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-10
- 这篇文章主要介绍了Unity 按钮添加OnClick事件操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-10
- 这篇文章主要为大家详细介绍了Unity Shader实现2D水流效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要为大家详细介绍了Unity使用EzySlice实现模型多边形顺序切割,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-11-03
- 这篇文章主要介绍了unity 切换场景不销毁物体问题的解决方案,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-14
- 这篇文章主要为大家详细介绍了Unity Shader实现描边OutLine效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要为大家详细介绍了Unity Shader实现裁切效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要为大家详细介绍了unity实现车方向盘转动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要为大家详细介绍了Unity实现汽车前后轮倒车轨迹计算,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-13
- 反弹球是小时候都玩过的网页小游戏,但是很多人都不知道怎样实现,本文就来介绍一下Unity实现桌面反弹的示例代码,感兴趣的可以了解一下...2021-05-30