Unity 滚动视图(ScrollRect)使某个元素在可视范围内(滚动到某个元素)

2024-05-14 08:52

本文主要是介绍Unity 滚动视图(ScrollRect)使某个元素在可视范围内(滚动到某个元素),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

在使用UGUI制作滚动视图的过程中,可能会遇到需求说,要定位到其中的某个元素,把它显示在Viewport可视范围内,这要怎么做呢?话不多说,上代码:

namespace ZetanStudio.Extension
{public static class ScrollRectExtension{public static void EnsureVisibility(this ScrollRect scrollRect, RectTransform rectTransform, float? border = null){//角的顺序//1 2//0 3getBothCorners(out var ccorners/*Content的四个角*/, out var corners/*目标的四个角*/);if (ccorners[0] == corners[0] && ccorners[1] == corners[1] && ccorners[2] == corners[2] && ccorners[3] == corners[3]) return;//矩形和拖拽部分一样大,则什么也不做scrollRect.StopMovement();var vcorners = scrollRect.viewport.GetWorldCorners();//Viewport的四个角if (corners[0].y < vcorners[0].y)//如果下边被挡住了,要上移{scrollRect.content.position += new Vector3(0, vcorners[0].y - corners[0].y);getBothCorners(out ccorners, out corners);if (corners[0].y < ccorners[0].y)//如果下边超出了拖拽范围,要往上回移超出的距离{scrollRect.content.position += new Vector3(0, -(ccorners[0].y - corners[0].y));getCorners(out corners);}}if (corners[2].x > vcorners[2].x)//如果右边被挡住了,要左移{scrollRect.content.position += new Vector3(-(corners[2].x - vcorners[2].x), 0);getBothCorners(out ccorners, out corners);if (corners[2].x > ccorners[2].x)//如果右边超出了拖拽范围,要往右回移超出的距离{scrollRect.content.position += new Vector3((corners[2].x - ccorners[2].x), 0);getCorners(out corners);}}if (corners[1].y > vcorners[1].y)//如果上边被挡住了,要下移{scrollRect.content.position += new Vector3(0, -(corners[1].y - vcorners[1].y));getBothCorners(out ccorners, out corners);if (corners[1].y > ccorners[1].y)//如果上边超出了拖拽范围,要往下回移超出的距离{scrollRect.content.position += new Vector3(0, corners[1].y - ccorners[1].y);getCorners(out corners);}}if (corners[0].x < vcorners[0].x)//如果左边被挡住了,要右移{scrollRect.content.position += new Vector3(vcorners[0].x - corners[0].x, 0);getBothCorners(out ccorners, out corners);if (corners[0].x < ccorners[0].x)//如果左边超出了拖拽范围,要往左回移超出的距离scrollRect.content.position += new Vector3(-(ccorners[0].x - corners[0].x), 0);}void getBothCorners(out Vector3[] ccorners, out Vector3[] corners){ccorners = scrollRect.content.GetWorldCorners();getCorners(out corners);}void getCorners(out Vector3[] corners){corners = rectTransform.GetWorldCorners();if (border.HasValue){corners[0] = new Vector3(corners[0].x - border.Value, corners[0].y - border.Value);corners[1] = new Vector3(corners[1].x - border.Value, corners[1].y + border.Value);corners[2] = new Vector3(corners[2].x + border.Value, corners[2].y + border.Value);corners[3] = new Vector3(corners[3].x + border.Value, corners[3].y - border.Value);}}}}
}

这篇关于Unity 滚动视图(ScrollRect)使某个元素在可视范围内(滚动到某个元素)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

C++从序列容器中删除元素的四种方法

《C++从序列容器中删除元素的四种方法》删除元素的方法在序列容器和关联容器之间是非常不同的,在序列容器中,vector和string是最常用的,但这里也会介绍deque和list以供全面了解,尽管在一... 目录一、简介二、移除给定位置的元素三、移除与某个值相等的元素3.1、序列容器vector、deque

C++常见容器获取头元素的方法大全

《C++常见容器获取头元素的方法大全》在C++编程中,容器是存储和管理数据集合的重要工具,不同的容器提供了不同的接口来访问和操作其中的元素,获取容器的头元素(即第一个元素)是常见的操作之一,本文将详细... 目录一、std::vector二、std::list三、std::deque四、std::forwa

Spring MVC使用视图解析的问题解读

《SpringMVC使用视图解析的问题解读》:本文主要介绍SpringMVC使用视图解析的问题解读,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Spring MVC使用视图解析1. 会使用视图解析的情况2. 不会使用视图解析的情况总结Spring MVC使用视图

禁止HTML页面滚动的操作方法

《禁止HTML页面滚动的操作方法》:本文主要介绍了三种禁止HTML页面滚动的方法:通过CSS的overflow属性、使用JavaScript的滚动事件监听器以及使用CSS的position:fixed属性,每种方法都有其适用场景和优缺点,详细内容请阅读本文,希望能对你有所帮助... 在前端开发中,禁止htm

使用C++实现链表元素的反转

《使用C++实现链表元素的反转》反转链表是链表操作中一个经典的问题,也是面试中常见的考题,本文将从思路到实现一步步地讲解如何实现链表的反转,帮助初学者理解这一操作,我们将使用C++代码演示具体实现,同... 目录问题定义思路分析代码实现带头节点的链表代码讲解其他实现方式时间和空间复杂度分析总结问题定义给定

CSS3中使用flex和grid实现等高元素布局的示例代码

《CSS3中使用flex和grid实现等高元素布局的示例代码》:本文主要介绍了使用CSS3中的Flexbox和Grid布局实现等高元素布局的方法,通过简单的两列实现、每行放置3列以及全部代码的展示,展示了这两种布局方式的实现细节和效果,详细内容请阅读本文,希望能对你有所帮助... 过往的实现方法是使用浮动加

使用Python合并 Excel单元格指定行列或单元格范围

《使用Python合并Excel单元格指定行列或单元格范围》合并Excel单元格是Excel数据处理和表格设计中的一项常用操作,本文将介绍如何通过Python合并Excel中的指定行列或单... 目录python Excel库安装Python合并Excel 中的指定行Python合并Excel 中的指定列P

在MyBatis的XML映射文件中<trim>元素所有场景下的完整使用示例代码

《在MyBatis的XML映射文件中<trim>元素所有场景下的完整使用示例代码》在MyBatis的XML映射文件中,trim元素用于动态添加SQL语句的一部分,处理前缀、后缀及多余的逗号或连接符,示... 在MyBATis的XML映射文件中,<trim>元素用于动态地添加SQL语句的一部分,例如SET或W

数据视图(AngularJS)

<!DOCTYPE html><html ng-app="home.controller"><head><meta charset="utf-8"><title>数据视图</title><link href="page/common/css/bootstrap.min.css" rel="stylesheet"><script src="page/common/js/angular.js"></

遮罩,在指定元素上进行遮罩

废话不多说,直接上代码: ps:依赖 jquer.js 1.首先,定义一个 Overlay.js  代码如下: /*遮罩 Overlay js 对象*/function Overlay(options){//{targetId:'',viewHtml:'',viewWidth:'',viewHeight:''}try{this.state=false;//遮罩状态 true 激活,f