吸附式滚动列表

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

相关文章

c++的初始化列表与const成员

初始化列表与const成员 const成员 使用const修饰的类、结构、联合的成员变量,在类对象创建完成前一定要初始化。 不能在构造函数中初始化const成员,因为执行构造函数时,类对象已经创建完成,只有类对象创建完成才能调用成员函数,构造函数虽然特殊但也是成员函数。 在定义const成员时进行初始化,该语法只有在C11语法标准下才支持。 初始化列表 在构造函数小括号后面,主要用于给

Spring+MyBatis+jeasyui 功能树列表

java代码@EnablePaging@RequestMapping(value = "/queryFunctionList.html")@ResponseBodypublic Map<String, Object> queryFunctionList() {String parentId = "";List<FunctionDisplay> tables = query(parent

Exchange 服务器地址列表的配置方法与注意事项

Exchange Server 是微软推出的一款企业级邮件服务器软件,广泛应用于企业内部邮件系统的搭建与管理。配置 Exchange 服务器地址列表是其中一个关键环节。本文将详细介绍 Exchange 服务器地址列表的配置方法与注意事项,帮助系统管理员顺利完成这一任务。 内容目录 1. 引言 2. 准备工作 3. 配置地址列表 3.1 创建地址列表 3.2 使用 Exchange

UniApp实现漂亮的音乐歌词滚动播放效果

在现代的音乐播放应用中,歌词的展示和滚动播放已经成为了一个非常常见的功能。今天,我们将通过UniApp来实现一个漂亮的歌词滚动播放功能。我们将使用UniApp提供的组件和API来完成这个任务。 页面结构 在页面的模板部分,我们需要创建一个音频播放器和歌词展示区域。使用<scroll-view>组件来实现歌词的滚动效果。 <template><view class="audio-co

Python--列表简介

列表是什么 列表让你能够在⼀个地方存储成组的信息,其中既可以只包含几个元素,也可以包含数百万个元素。列表是新手可直接使用的最强大的Python 功能之⼀。 列表(list)是一种可变的序列类型,用于存储一系列有序的元素。这些元素可以是任何类型,包括整数、浮点数、字符串、其他列表(即嵌套列表)等。列表是动态的,可以在运行时增加或删除元素。 用方括号([ ])表示列表,用逗号分隔其中的元素。

移动UI:分类列表页、筛选页的设计揭秘。

移动UI的列表页设计需要考虑用户体验和界面美观性,以下是一些建议的设计要点: 1. 列表项的展示: 列表页应该清晰地展示各个列表项,包括标题、副标题、缩略图等内容,以便用户快速浏览和识别。可以使用卡片式布局或者简洁的列表布局。 2. 搜索和筛选: 如果列表项较多,应该提供搜索和筛选功能,方便用户查找感兴趣的内容。搜索框和筛选条件可以放置在页面顶部或者底部,以便用户方便操作。

【语句】如何将列表拼接成字符串并截取20个字符后面的

base_info = "".join(tree.xpath('/html/head/script[4]/text()'))[20:] 以下是对这个语句的详细讲解: tree.xpath('/html/head/script[4]/text()')部分: tree:通常是一个已经构建好的 HTML 文档树对象,它是通过相关的 HTML 解析库(比如 lxml)对 HTML 文档进行解

【Unity-Lua】音乐播放器循环滚动播放音乐名

前言:Unity中UI节点 图1 如上所示,一开始本来是打算用ScrollView做的,觉得直接计算对应的文本位置就行,所以没用ScrollRect来做,可以忽略Scroll,Viewport这些名字。如下图:需要在一个背景Image组件上添加上Mask组件来显示固定位置的文本显示。 图2 图3 并且需要在要显示的文本上挂载Content Size Filter组件,但是这儿会有个坑

Python中如何实现列表推导式(List Comprehension)

Python中的列表推导式(List Comprehension)是一种简洁且高效的方式来创建列表。它不仅让代码更加简洁,而且通常比使用循环和条件语句生成列表更快。列表推导式的基本形式允许你从现有的列表或其他可迭代对象中创建新的列表,同时应用过滤和转换操作。下面我将详细解释列表推导式的概念、基本语法、高级用法以及其在实际应用中的优势。 一、列表推导式的基本概念 列表推导式是Python中的一种

【R语言数据类型】深入了解 向量、矩阵、数据框、列表

R语言数据类型有向量、矩阵、数据框、列表。下面我们来深入了解下: vector 的划分 R中的vector分为两类,atomic和list,二者的区别在于,前者元素类型必须相同,后者可以不同。前者的代表是向量和矩阵,后者的代表是list和数据框。 创建向量、矩阵、数据框、列表 # atomica <- 1:5b <- letters[1:5]c <- 1:10mat <- matr