码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • Unity中实现ScrollRect 滚动定位到视口内


    Demo链接:

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

    一、前言

    Unity版本:2020.1.x

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

    二、效果 

    三、完整代码

    1. using UnityEngine;
    2. using UnityEngine.UI;
    3. public class ScrollLocate : MonoBehaviour
    4. {
    5. public RectTransform itemTransform;
    6. private ScrollRect _scrollRect;
    7. private RectTransform _contentTransform;
    8. private RectTransform _viewportTransform;
    9. private void Start()
    10. {
    11. _scrollRect = GetComponent();
    12. _contentTransform = _scrollRect.content;
    13. _viewportTransform = _scrollRect.viewport;
    14. }
    15. public void LocateTargetInViewport()
    16. {
    17. // 获取目标RectTransform和viewport的局部坐标边界
    18. Vector3[] itemCorners = new Vector3[4];
    19. itemTransform.GetWorldCorners(itemCorners);
    20. Vector3[] viewportCorners = new Vector3[4];
    21. _viewportTransform.GetWorldCorners(viewportCorners);
    22. // 转换世界坐标到内容局部坐标
    23. for (int i = 0; i < 4; i++)
    24. {
    25. itemCorners[i] = _contentTransform.InverseTransformPoint(itemCorners[i]);
    26. viewportCorners[i] = _contentTransform.InverseTransformPoint(viewportCorners[i]);
    27. }
    28. // 获取边界值
    29. float viewportMinX = viewportCorners[0].x;
    30. float viewportMaxX = viewportCorners[2].x;
    31. float viewportMinY = viewportCorners[0].y;
    32. float viewportMaxY = viewportCorners[2].y;
    33. float itemMinX = itemCorners[0].x;
    34. float itemMaxX = itemCorners[2].x;
    35. float itemMinY = itemCorners[0].y;
    36. float itemMaxY = itemCorners[2].y;
    37. Vector2 contentPosition = _contentTransform.anchoredPosition;
    38. // 水平滚动处理
    39. if (_scrollRect.horizontal)
    40. {
    41. if (itemMaxX > viewportMaxX) // Item超出右边界
    42. {
    43. float difference = itemMaxX - viewportMaxX;
    44. contentPosition.x -= difference;
    45. }
    46. else if (itemMinX < viewportMinX) // Item超出左边界
    47. {
    48. float difference = viewportMinX - itemMinX;
    49. contentPosition.x += difference;
    50. }
    51. }
    52. // 垂直滚动处理
    53. if (_scrollRect.vertical)
    54. {
    55. if (itemMaxY > viewportMaxY) // Item超出上边界
    56. {
    57. float difference = itemMaxY - viewportMaxY;
    58. contentPosition.y -= difference;
    59. }
    60. else if (itemMinY < viewportMinY) // Item超出下边界
    61. {
    62. float difference = viewportMinY - itemMinY;
    63. contentPosition.y += difference;
    64. }
    65. }
    66. _contentTransform.anchoredPosition = contentPosition;
    67. }
    68. private void Update()
    69. {
    70. if (Input.GetKeyDown(KeyCode.Space))
    71. {
    72. LocateTargetInViewport();
    73. }
    74. }
    75. }

    有什么不对的地方或者不明白的地方可以直接问我 

  • 相关阅读:
    洛谷_P3388
    TensorFlow-Federated简介与安装
    什么是站内搜索引擎?如何在网站中加入站内搜索功能?
    企业快速开发平台Spring Cloud+Spring Boot+Mybatis+ElementUI 之浅谈代码语言的魅力
    不同环境下RabbitMQ的安装-2 ARM架构、X86架构、Window系统环境下安装RabbitMQ
    SQL注入简介
    Head First Design Patterns - 单例模式
    React Hooks—— context hooks
    为什么最近每份 Android 简历都说 “熟悉 MQTT 协议”?
    【Linux】进程概念 —— 环境变量
  • 原文地址:https://blog.csdn.net/qq_41973169/article/details/139711724
  • 最新文章
  • 【JVM】编译执行与解释执行的区别是什么?JVM 使用哪种方式?
    用 Hashids 优雅解决 C 端自增 ID 暴露问题
    V8引擎 精品漫游指南--Ignition篇(上) 指令 栈帧 槽位 调用约定 内存布局 基础内容
    LLVM Pass快速入门(四):代码插桩
    milkup:桌面端 markdown AI续写和即时渲染
    基于项目工程构建SBOM(软件物料清单)的研究
    鸿蒙应用开发UI基础第二节:鸿蒙应用程序框架核心解析与实操
    .NET 中如何快速实现 List 集合去重?
    扣子Coze实战:从0到1打造抖音+小红书热点监控智能体
    浅谈数据访问层
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号