Unity中实现ScrollRect 滚动定位到视口内

2024-06-16 07:04

本文主要是介绍Unity中实现ScrollRect 滚动定位到视口内,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Demo链接:

https://download.csdn.net/download/qq_41973169/89439428icon-default.png?t=N7T8https://download.csdn.net/download/qq_41973169/89439428

一、前言

Unity版本:2020.1.x

如果需要资源请联系我我会分享给你 因为本人也要存储一下Demo所以上传到这里了但是又不能设置不需要积分

在Unity游戏开发中,滚动视图中元素的定位是一个常见需求。为了解决这个问题,我们可以编写一个名为 "ScrollLocate" 的脚本来实现这个功能。

二、效果 

三、完整代码

代码都有注释逻辑也很简单故不再阐述

using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;public class ScrollLocate : MonoBehaviour
{public RectTransform targetTransform;private ScrollRect _scrollRect;private RectTransform _scrollRectTransform;private RectTransform _contentTransform;private RectTransform _viewPortTransform;// 测试代码public int locateIndex = 1;private List<RectTransform> _allTargetRects;private void Start(){_scrollRect = GetComponent<ScrollRect>();_contentTransform = _scrollRect.content;_viewPortTransform = _scrollRect.viewport;_scrollRectTransform = GetComponent<RectTransform>();//测试代码_allTargetRects = new List<RectTransform>();for (int i = 0; i < 20; i++){GameObject targetObj = Instantiate(targetTransform.gameObject, _contentTransform.transform);Text text = targetObj.transform.GetChild(0).GetComponent<Text>();text.text = (i + 2).ToString();_allTargetRects.Add(targetObj.GetComponent<RectTransform>());}}//测试代码private void Update(){if (Input.GetMouseButtonDown(0)){LocateTargetInViewportCenter(_allTargetRects[locateIndex - 1]);}}// 将目标元素定位到视口中心void LocateTargetInViewportCenter(RectTransform targetRect){// 将目标元素的当前本地坐标转换为滚动视图的局部坐标系中的位置Vector3 targetCurrentLocalPosition = _scrollRectTransform.InverseTransformVector(ConvertLocalPosToWorldPos(targetRect));// 将视口的当前本地坐标转换为滚动视图的局部坐标系中的位置Vector3 viewportCurrentLocalPosition = _scrollRectTransform.InverseTransformVector(ConvertLocalPosToWorldPos(_viewPortTransform));// 计算目标元素在滚动视图中的偏移量Vector3 offset = viewportCurrentLocalPosition - targetCurrentLocalPosition;offset.z = 0.0f;// 计算偏移量在滚动视图 normalizedPosition 中的比例var normalizedOffset = new Vector2(offset.x / (_contentTransform.rect.width - _viewPortTransform.rect.width),offset.y / (_contentTransform.rect.height - _viewPortTransform.rect.height));// 根据偏移量调整滚动视图的 normalizedPositionvar newNormalizedPosition = _scrollRect.normalizedPosition - normalizedOffset;// 对新的 normalizedPosition 进行边界限制,确保其在合理范围内newNormalizedPosition.x = Mathf.Clamp01(newNormalizedPosition.x);newNormalizedPosition.y = Mathf.Clamp01(newNormalizedPosition.y);_scrollRect.normalizedPosition = newNormalizedPosition;}// 将目标元素本地坐标转换为世界坐标private Vector3 ConvertLocalPosToWorldPos(RectTransform targetRect){// 计算目标 RectTransform 中心点在父对象空间中的位置偏移量var centerOffset = new Vector3((0.5f - targetRect.pivot.x) * targetRect.rect.size.x,(0.5f - targetRect.pivot.y) * targetRect.rect.size.y,0f);// 将目标元素的本地坐标与偏移量相加,得到世界坐标var localPosition = targetRect.localPosition + centerOffset;return targetRect.parent.TransformPoint(localPosition);}
}

这篇关于Unity中实现ScrollRect 滚动定位到视口内的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

分布式锁在Spring Boot应用中的实现过程

《分布式锁在SpringBoot应用中的实现过程》文章介绍在SpringBoot中通过自定义Lock注解、LockAspect切面和RedisLockUtils工具类实现分布式锁,确保多实例并发操作... 目录Lock注解LockASPect切面RedisLockUtils工具类总结在现代微服务架构中,分布

Java使用Thumbnailator库实现图片处理与压缩功能

《Java使用Thumbnailator库实现图片处理与压缩功能》Thumbnailator是高性能Java图像处理库,支持缩放、旋转、水印添加、裁剪及格式转换,提供易用API和性能优化,适合Web应... 目录1. 图片处理库Thumbnailator介绍2. 基本和指定大小图片缩放功能2.1 图片缩放的

Python使用Tenacity一行代码实现自动重试详解

《Python使用Tenacity一行代码实现自动重试详解》tenacity是一个专为Python设计的通用重试库,它的核心理念就是用简单、清晰的方式,为任何可能失败的操作添加重试能力,下面我们就来看... 目录一切始于一个简单的 API 调用Tenacity 入门:一行代码实现优雅重试精细控制:让重试按我

Redis客户端连接机制的实现方案

《Redis客户端连接机制的实现方案》本文主要介绍了Redis客户端连接机制的实现方案,包括事件驱动模型、非阻塞I/O处理、连接池应用及配置优化,具有一定的参考价值,感兴趣的可以了解一下... 目录1. Redis连接模型概述2. 连接建立过程详解2.1 连php接初始化流程2.2 关键配置参数3. 最大连

Python实现网格交易策略的过程

《Python实现网格交易策略的过程》本文讲解Python网格交易策略,利用ccxt获取加密货币数据及backtrader回测,通过设定网格节点,低买高卖获利,适合震荡行情,下面跟我一起看看我们的第一... 网格交易是一种经典的量化交易策略,其核心思想是在价格上下预设多个“网格”,当价格触发特定网格时执行买

python设置环境变量路径实现过程

《python设置环境变量路径实现过程》本文介绍设置Python路径的多种方法:临时设置(Windows用`set`,Linux/macOS用`export`)、永久设置(系统属性或shell配置文件... 目录设置python路径的方法临时设置环境变量(适用于当前会话)永久设置环境变量(Windows系统

Python对接支付宝支付之使用AliPay实现的详细操作指南

《Python对接支付宝支付之使用AliPay实现的详细操作指南》支付宝没有提供PythonSDK,但是强大的github就有提供python-alipay-sdk,封装里很多复杂操作,使用这个我们就... 目录一、引言二、准备工作2.1 支付宝开放平台入驻与应用创建2.2 密钥生成与配置2.3 安装ali

Spring Security 单点登录与自动登录机制的实现原理

《SpringSecurity单点登录与自动登录机制的实现原理》本文探讨SpringSecurity实现单点登录(SSO)与自动登录机制,涵盖JWT跨系统认证、RememberMe持久化Token... 目录一、核心概念解析1.1 单点登录(SSO)1.2 自动登录(Remember Me)二、代码分析三、

PyCharm中配置PyQt的实现步骤

《PyCharm中配置PyQt的实现步骤》PyCharm是JetBrains推出的一款强大的PythonIDE,结合PyQt可以进行pythion高效开发桌面GUI应用程序,本文就来介绍一下PyCha... 目录1. 安装China编程PyQt1.PyQt 核心组件2. 基础 PyQt 应用程序结构3. 使用 Q

Python实现批量提取BLF文件时间戳

《Python实现批量提取BLF文件时间戳》BLF(BinaryLoggingFormat)作为Vector公司推出的CAN总线数据记录格式,被广泛用于存储车辆通信数据,本文将使用Python轻松提取... 目录一、为什么需要批量处理 BLF 文件二、核心代码解析:从文件遍历到数据导出1. 环境准备与依赖库