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

相关文章

数据视图(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

【CSS in Depth 2 精译_024】4.2 弹性子元素的大小

当前内容所在位置(可进入专栏查看其他译好的章节内容) 第一章 层叠、优先级与继承(已完结) 1.1 层叠1.2 继承1.3 特殊值1.4 简写属性1.5 CSS 渐进式增强技术1.6 本章小结 第二章 相对单位(已完结) 2.1 相对单位的威力2.2 em 与 rem2.3 告别像素思维2.4 视口的相对单位2.5 无单位的数值与行高2.6 自定义属性2.7 本章小结 第三章 文档流与盒模型(已

17 通过ref代替DOM用来获取元素和组件的引用

重点 ref :官网给出的解释是: ref: 用于注册对元素或子组件的引用。引用将在父组件的$refs 对象下注册。如果在普通DOM元素上使用,则引用将是该元素;如果在子组件上使用,则引用将是组件实例: <!-- vm.$refs.p will be the DOM node --><p ref="p">hello</p><!-- vm.$refs.child will be the c

react笔记 8-19 事件对象、获取dom元素、双向绑定

1、事件对象event 通过事件的event对象获取它的dom元素 run=(event)=>{event.target.style="background:yellowgreen" //event的父级为他本身event.target.getAttribute("aid") //这样便获取到了它的自定义属性aid}render() {return (<div><h2>{

12C 新特性,MOVE DATAFILE 在线移动 包括system, 附带改名 NID ,cdb_data_files视图坏了

ALTER DATABASE MOVE DATAFILE  可以改名 可以move file,全部一个命令。 resue 可以重用,keep好像不生效!!! system照移动不误-------- SQL> select file_name, status, online_status from dba_data_files where tablespace_name='SYSTEM'