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++实现链表元素的反转》反转链表是链表操作中一个经典的问题,也是面试中常见的考题,本文将从思路到实现一步步地讲解如何实现链表的反转,帮助初学者理解这一操作,我们将使用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

学习记录:js算法(二十八):删除排序链表中的重复元素、删除排序链表中的重复元素II

文章目录 删除排序链表中的重复元素我的思路解法一:循环解法二:递归 网上思路 删除排序链表中的重复元素 II我的思路网上思路 总结 删除排序链表中的重复元素 给定一个已排序的链表的头 head , 删除所有重复的元素,使每个元素只出现一次 。返回 已排序的链表 。 图一 图二 示例 1:(图一)输入:head = [1,1,2]输出:[1,2]示例 2:(图

JS和jQuery获取节点的兄弟,父级,子级元素

原文转自http://blog.csdn.net/duanshuyong/article/details/7562423 先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比。 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素。 <div id="test"><div></div><div></div

力扣第347题 前K个高频元素

前言 记录一下刷题历程 力扣第347题 前K个高频元素 前K个高频元素 原题目: 分析 我们首先使用哈希表来统计数字出现的频率,然后我们使用一个桶排序。我们首先定义一个长度为n+1的数组,对于下图这个示例就是长度为7的数组。为什么需要一个长度为n+1的数组呢?假如说总共有三个数字都为1,那么我们需要把这个1放在数组下标为3的位置,假如说数组长度为n,对于这个例子就是长度为3,那么它的

QML入门之基本元素

元素分为可视元素与非可视元素,可能元素例如Rectangle、Button等。非可视元素如Timer(定时器)、MouseArea(鼠标区域)等。非可视元素一般用于操作可视元素。 基础元素 Item Item(基础元素对象)是所有可视元素的基础对象,它们都继承自Item。可是元素存在以下共有属性。 Group(分组)Properties(属性)Geometry(几何属性)x