吸附式滚动列表

2024-01-05 21:08
文章标签 列表 滚动 吸附

本文主要是介绍吸附式滚动列表,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.EventSystems;
using UnityEngine.UI;/// <summary>
/// 吸附式滚动列表
/// </summary>
public class PageAdsorbScrollview : MonoBehaviour, IEndDragHandler, IBeginDragHandler
{public enum ScrollType{Horizontal,Vertical}private ScrollRect scrollRect;private RectTransform content;private GridLayoutGroup gridLayoutGroup;private int pageCount;private float[] pagesData; //位置private float timer = 0; //吸附计时器private float startMovePos; //开始移动的位置private Vector2 startMovePosV2; //开始移动的位置private int currentIndex = 0; //当前所处页数private bool isMoving = false; //是否正在吸附中private bool isDraging = false; //是否在拖动中private Vector2 beginDragPointerPos; //开始拖动时的位置private float autotimer = 0; //自动计时器private float finalPosOffsetBackup = 0f;private Vector2 originalCellSize;[Header("滑动类型")]public ScrollType scrollType = ScrollType.Vertical;[Header("吸附速度"), Range(0f, 50f)]public float moveSpeed = 5f;[Header("终点位置偏移(0为最终吸附到顶部)")]public float finalPosOffset = 0f;[Header("界限偏移(0为五五分判定,>0更容易拖动,<0更难拖动)")]public float distanceOffset = 0f;[Header("是否自动滚动")]public bool isAutoScroll = true; //是否自动滚动[Header("自动滚动时间间隔"), Range(0f, 60f)]public float AutoTime = 1f; //自动滚动时间间隔private void Awake(){scrollRect = GetComponent<ScrollRect>();if (scrollRect == null){Debug.LogError("不存在组件ScrollRect");}else{content = scrollRect.content;if (content == null){Debug.LogError("不存在节点ScrollRect->Content");}else{gridLayoutGroup = content.GetComponent<GridLayoutGroup>();if (gridLayoutGroup == null){Debug.LogError("不存在组件ScrollRect->Content->GridLayoutGroup");}originalCellSize = gridLayoutGroup.cellSize;}}finalPosOffsetBackup = finalPosOffset;}private void Start(){Init();}private void Update(){CheckMove();CheckAutoScroll();if (finalPosOffsetBackup != finalPosOffset){finalPosOffsetBackup = finalPosOffset;Init();ScrollTo(currentIndex);}}private void Init(){pageCount = content.childCount; //子节点数量pagesData = new float[pageCount]; //初始化for (int i = 0; i < pagesData.Length; i++){switch (scrollType){case ScrollType.Horizontal:pagesData[i] = i * (1f / (float) (pageCount - 1)); //给位置的数组赋值break;case ScrollType.Vertical:pagesData[i] = CalculateTopPosition(i);break;}//DELETEMEif (content.GetChild(i).Find("Text") != null)content.GetChild(i).Find("Text").GetComponent<Text>().text = pagesData[i].ToString();}}private float CalculateTopPosition(int childIndex){if (childIndex <= 0) return 0f  +  finalPosOffset;return gridLayoutGroup.padding.top + childIndex * originalCellSize.y + (childIndex - 1) * gridLayoutGroup.spacing.y  +  finalPosOffset;}private void CheckMove(){if (isMoving){timer += Time.unscaledDeltaTime * moveSpeed;switch (scrollType){case ScrollType.Horizontal:scrollRect.horizontalNormalizedPosition = Mathf.Lerp(startMovePos, pagesData[currentIndex], timer);break;case ScrollType.Vertical:content.anchoredPosition = Vector2.Lerp(startMovePosV2, new Vector2(startMovePosV2.x, pagesData[currentIndex]), timer);break;}if (timer > 1){isMoving = false;scrollRect.StopMovement();}}else{scrollRect.StopMovement();}}private void CheckAutoScroll() //自动滑动{if (isDraging){return;}if (isAutoScroll){autotimer += Time.deltaTime;if (autotimer > AutoTime){autotimer = 0;currentIndex++;currentIndex %= pageCount; //取余形成循环ScrollTo(currentIndex);}}}private void ScrollTo(int index){currentIndex = index;timer = 0;isMoving = true;switch (scrollType){case ScrollType.Horizontal:startMovePos = scrollRect.horizontalNormalizedPosition;break;case ScrollType.Vertical:startMovePosV2 = content.anchoredPosition;break;}}public void OnBeginDrag(PointerEventData eventData){isDraging = true;beginDragPointerPos = eventData.position;}public void OnEndDrag(PointerEventData eventData){int minIndex = 0;//计算当最近的一页是哪个switch (scrollType){case ScrollType.Horizontal:for (int i = 0; i < pagesData.Length; i++){if (Mathf.Abs(pagesData[i] - scrollRect.horizontalNormalizedPosition) < Mathf.Abs(pagesData[minIndex] - scrollRect.horizontalNormalizedPosition)){minIndex = i;}}break;case ScrollType.Vertical:var curY = content.anchoredPosition.y;var directionY = Mathf.Sign(eventData.position.y - beginDragPointerPos.y);for (int i = 0; i < pagesData.Length; i++){if (Mathf.Abs(pagesData[i] - curY) - directionY * distanceOffset < Mathf.Abs(pagesData[minIndex] - curY) + directionY * distanceOffset){minIndex = i;}}break;}ScrollTo(minIndex);isDraging = false;autotimer = 0;}
}

备注:Vertical可用,Horizontal未写完,若使用后者请修改相应switch语句。

这篇关于吸附式滚动列表的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/574167

相关文章

通过React实现页面的无限滚动效果

《通过React实现页面的无限滚动效果》今天我们来聊聊无限滚动这个现代Web开发中不可或缺的技术,无论你是刷微博、逛知乎还是看脚本,无限滚动都已经渗透到我们日常的浏览体验中,那么,如何优雅地实现它呢?... 目录1. 早期的解决方案2. 交叉观察者:IntersectionObserver2.1 Inter

Python 常用数据类型详解之字符串、列表、字典操作方法

《Python常用数据类型详解之字符串、列表、字典操作方法》在Python中,字符串、列表和字典是最常用的数据类型,它们在数据处理、程序设计和算法实现中扮演着重要角色,接下来通过本文给大家介绍这三种... 目录一、字符串(String)(一)创建字符串(二)字符串操作1. 字符串连接2. 字符串重复3. 字

Python进阶之列表推导式的10个核心技巧

《Python进阶之列表推导式的10个核心技巧》在Python编程中,列表推导式(ListComprehension)是提升代码效率的瑞士军刀,本文将通过真实场景案例,揭示列表推导式的进阶用法,希望对... 目录一、基础语法重构:理解推导式的底层逻辑二、嵌套循环:破解多维数据处理难题三、条件表达式:实现分支

把Python列表中的元素移动到开头的三种方法

《把Python列表中的元素移动到开头的三种方法》在Python编程中,我们经常需要对列表(list)进行操作,有时,我们希望将列表中的某个元素移动到最前面,使其成为第一项,本文给大家介绍了把Pyth... 目录一、查找删除插入法1. 找到元素的索引2. 移除元素3. 插入到列表开头二、使用列表切片(Lis

python中列表应用和扩展性实用详解

《python中列表应用和扩展性实用详解》文章介绍了Python列表的核心特性:有序数据集合,用[]定义,元素类型可不同,支持迭代、循环、切片,可执行增删改查、排序、推导式及嵌套操作,是常用的数据处理... 目录1、列表定义2、格式3、列表是可迭代对象4、列表的常见操作总结1、列表定义是处理一组有序项目的

C++11范围for初始化列表auto decltype详解

《C++11范围for初始化列表autodecltype详解》C++11引入auto类型推导、decltype类型推断、统一列表初始化、范围for循环及智能指针,提升代码简洁性、类型安全与资源管理效... 目录C++11新特性1. 自动类型推导auto1.1 基本语法2. decltype3. 列表初始化3

Python中将嵌套列表扁平化的多种实现方法

《Python中将嵌套列表扁平化的多种实现方法》在Python编程中,我们常常会遇到需要将嵌套列表(即列表中包含列表)转换为一个一维的扁平列表的需求,本文将给大家介绍了多种实现这一目标的方法,需要的朋... 目录python中将嵌套列表扁平化的方法技术背景实现步骤1. 使用嵌套列表推导式2. 使用itert

html 滚动条滚动过快会留下边框线的解决方案

《html滚动条滚动过快会留下边框线的解决方案》:本文主要介绍了html滚动条滚动过快会留下边框线的解决方案,解决方法很简单,详细内容请阅读本文,希望能对你有所帮助... 滚动条滚动过快时,会留下边框线但其实大部分时候是这样的,没有多出边框线的滚动条滚动过快时留下边框线的问题通常与滚动条样式和滚动行

Python中合并列表(list)的六种方法小结

《Python中合并列表(list)的六种方法小结》本文主要介绍了Python中合并列表(list)的六种方法小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋... 目录一、直接用 + 合并列表二、用 extend() js方法三、用 zip() 函数交叉合并四、用

Spring Boot中的YML配置列表及应用小结

《SpringBoot中的YML配置列表及应用小结》在SpringBoot中使用YAML进行列表的配置不仅简洁明了,还能提高代码的可读性和可维护性,:本文主要介绍SpringBoot中的YML配... 目录YAML列表的基础语法在Spring Boot中的应用从YAML读取列表列表中的复杂对象其他注意事项总