Unity中ScrollRect锁定元素详述(一)

最新推荐文章于 2024-09-14 07:15:00 发布
最新推荐文章于 2024-09-14 07:15:00 发布
阅读量1w 收藏 8
点赞数 6
分类专栏： MobileGame Unity C# 文章标签： unity gui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tab_space/article/details/50986169
版权
本文介绍了如何在Unity中利用ScrollRect组件创建一个可左右滑动的角色选择界面。通过详细步骤，包括Unity版本选择、Canvas和Panel的创建，以及ScrollRect组件的配置，实现了角色卡片的滚动布局。然而，目前滚动并未自动定位到角色卡片，作者预告下篇博客将通过C#脚本来解决这一问题。
摘要由CSDN通过智能技术生成

0. 背景

需求是在竖向屏幕上，左右滑动以选择角色。若角色处在图1.a)图的非完整角色位置，则要求找到最近的角色卡片，并且自动滑动定位，如图1.b)所示。


锁定元素
图1.a) scrollRect处于非完整角色位置，b) 自动滑动锁定最近角色

1. 制作步骤

1.1 Unity版本

需求制作使用Unity5的UGUI的新GUI组建（UGUI自Unity4.6版本出现的）。

1.2 新建Canvas，Panel等UI

a). 在菜单栏GameObject/UI/Canvas，新建Canvas，命名为CharCanvas，如图2。


新建Canvas
图2. 新建 Canvas

b). 同理，在CharCanvas中新建一个

最低0.47元/天 解锁文章
tab_space
关注
专栏目录
Unity 之 UGUI Scroll Rect滚动矩形组件详解
陈言必行 -- Unity游戏开发领域优质博主
10-05 1万+
当占用大量空间的内容需要在小区域中显示时，可使用滚动矩形。滚动矩形提供了滚动此内容的功能。
Unity中关于ScrollRect组件完整解决方案(ScrollRect中元素自动排版+ScrollRect中元素自动定位到Viewport可见范围内)
Game Kingdom的博客
02-18 2102
Unity中关于ScrollRect组件完整解决方案(ScrollRect中元素自动排版+ScrollRect中元素自动定位到Viewport可见范围内)
Unity ScrollRect 基础
02-02 1万+
先来看官方文档说明： ------------------------------- scrollrect的作用如上所说是在一个小的视野内显示一个大的内容，所以用scrollect来滚动显示。通常用于一个大的图片（如地图），一大段文字（比如对话或介绍），一大堆button（比如装备栏） 官方视频教程：https://www.youtube.com/watch?v=tcU8yz...
Unity中ScrollRect锁定元素详述(二)
tab_space的博客
03-26 4704
1 制作步骤（接上篇）1.3 脚本控制a). 首先在ChoosePanel内新建一个empty object，作为ChoosePanel的子物体，以CenterToCompare命名，此物体的位置是作为每个元素距离显示的Panel的标准点，即选择哪个元素是通过哪个元素与该CenterToCompare距离的远近判定的。b). 在Assets的Script中创建一个C#脚本，命名为SnapCharMg
Unity笔记：ScrollRect代码阅读
qq_39377889的博客
09-07 1188
然后紧接着就是很多参数的定义，以及配套getset的属性。也没啥列举的必要个别参数在set的时候会标记脏，例如viewport在set时会ScrollBar的话则是为事件，最终调用的是：一个统一的能分别根据横纵两种模式设置滚动条的函数。当然这个属性在Set的时候会先移除旧ScrollBar的Listener。OnValueChanged主要内容发生滚动时触发。这会传一个Vector2表示滚动方向，如果仅允许一种滚动，例如仅允许Y轴向的滚动，则只会使用其中的y值。
[Unity UGUI]ScrollRect效果大全
热门推荐
学无止境的专栏
04-26 3万+
UGUI各种优化效果本文所实现的UGUI效果需求如下： - 支持缩放滑动效果 - 支持动态缩放循环加载 - 支持大数据固定Item复用加载 - 支持不用Mask遮罩无限循环加载 - 支持ObjectPool动态加载 - 支持无限不规则子物体动态加载 - 支持拖动并点击和拖拽 - 支持拖动并拖拽 - 支持ScrollRect拖动自动吸附功能(拖动是否超过一半自动进退)前言 要实现
Unity ScrollRect
sindyra的博客
12-26 3987
ScrollView:滚动区域（当一个页面不能完全显示内容时，使用滚动方式显示剩余的部分） 这也就是Unity -UGUI的ScrollRect的组件。 实现一个鼠标点击拖动让滚动区域滚动显示的效果： 1.将所有要显示的内容全部放到一个空物体(空物体大小为所有子物体大小之和)下作为子物体（可以使用布局组件Grid Layout Group）。（这里空物体重命名为Content） 2.创建Image...
Unity ScrollRect 动态缩放大小，自动定位
06-29
Unity组件扩展： ScrollRect 动态缩放格子大小，自动定位到中间的格子 文章链接： https://blog.csdn.net/qq_39108767/article/details/119490977
Unity使用ScrollRect制作摇杆
12-20
本文将详细介绍如何利用Unity的UGUI系统中的ScrollRect组件来创建一个自定义摇杆。 首先，我们要了解UGUI系统是Unity 4.6版本引入的新界面系统，它提供了一套强大的2D图形用户界面工具，使得开发者可以方便地创建和...
Unity使用ScrollRect制作翻页
08-19
Unity中的ScrollRect组件可以用来制作翻页效果，这个组件提供了水平或垂直方向的滚动条，可以用来实现翻页的功能。在这个例子中，我们将使用ScrollRect组件来制作一个翻页效果，并实现翻页的功能。 知识点1： ...
Unity 神奇的UI控件ScrollRect
weixin_43854437的博客
02-22 2404
在实际游戏开发中，怎样实现道具的滑动效果。
【Unity】优化UGUI 滚动条ScrollRect（高效复用）
11-27
支持ScrollBar 支持反向滑动 支持了GridLayout 高效复用 （平台unity5.6.4）
如何优化UGUI的ScrollRect
su9257的博客
12-20 1484
UGUI的ScrollRect在加载太多物体的时候，第一次弹出界面会非常卡顿，而且不在界面里的内容依然会参与绘制，导致毫无意义的浪费。笔者对此进行了一番研究，并将心得与大家分享. 转载自侑虎科技：这是侑虎科技第136篇原创文章，感谢作者钱康来供稿。 介绍 每个元素知道自己的序号，可以根据需要修改自己的内容、大小等信息。 此外支持了ScrollBar，支持横向、纵向及正反向。
Unity 中通过ScrollView(ScrollRect)实现翻页效果
螞蟻的日常
12-24 3816
一、组件属性设置如下如图所示： 1、Sroll Rect 2、Content Size Fiter和Grid Layout Group 二、具体代码如下（根据自己的功能需要更改相关属性） using UnityEngine; using UnityEngine.UI; /// <summary> /// 通过ScrollView(ScrollRect)实现翻页效果 /// </summary> public class ScrollViewTurnPages: .
Unity组件大全之 UI 组件 |（9）Scroll Rect组件
最新发布
Unity打怪升级
09-14 1054
在Unity的游戏开发中，UI组件是玩家与游戏互动的重要桥梁。ScrollRect组件作为UI系统中的核心组件之一，允许玩家通过滚动来查看超出屏幕范围的内容。本文将详细介绍Unity中的ScrollRect组件，包括其基本属性、事件处理以及一些高级使用技巧。
Unity（二十七）：ScrollRect组件 - 制作游戏摇杆
You瞧谁不起 - 道不尽世间的沧桑，诉不完人生的悲凉
02-05 1309
效果 布局(由图一实现至图三的过程) 摇杆脚本 using UnityEngine; using UnityEngine.EventSystems; using UnityEngine.UI; public class GamePad : ScrollRect { protected float radius = 0f; protected override void Start() { base.Start(); // 计算摇杆半径
Unity学习笔记：使用ScrollView（ScrollRect）实现滑动切换页面的功能
mumu6200的博客
06-14 8328
写在文章开头：我的unity版本是2018.3，写这个的目的是为了刚刚接触unity的小白（就是我），因为项目中使用Cocos的PageView做了公告系统，最近在自学unity，所以想着用unity怎么实现。翻了很多博客，感觉对我这样的小白很不友好，自己边参考边摸索着实现了这个功能，就想写下来，希望能帮助到其他小白。 模仿大佬放一下github地址：https://github.com/liu...
Unity UGUI ScrollRect 滑动显示左右箭头
Zyt
06-13 1267
通过这两个脚本，我们扩展了Unity的ScrollRect组件，使其能够根据内容的滚动状态显示左右箭头，提示用户内容可以继续滚动。此外，我们还自定义了编辑器，可以在Inspector窗口中方便地设置左右箭头的引用。这种扩展方法既保留了原有组件的所有功能，又增强了用户体验，是一种推荐的组件扩展方式。
Unity中实现ScrollRect 滚动定位到视口内
Zyt
06-16 690
Unity版本:2020.1.x在Unity游戏开发中，滚动视图中元素的定位是一个常见需求。为了解决这个问题，我们可以编写一个名为 "ScrollLocate" 的脚本来实现这个功能。
Unity 判断 ScrollRect 元素是否隐藏
07-15
在Unity中，可以通过检查ScrollRect组件中的content的RectTransform组件是否超出了ScrollRect的可视区域来判断ScrollRect元素是否隐藏。可以按照以下步骤进行判断： 1. 获取ScrollRect组件和content的RectTransform组件： ```csharp ScrollRect scrollRect = yourScrollRect.GetComponent<ScrollRect>(); RectTransform contentRectTransform = scrollRect.content.GetComponent<RectTransform>(); ``` 2. 获取ScrollRect的可视区域范围： ```csharp RectTransform viewportRectTransform = scrollRect.viewport.GetComponent<RectTransform>(); Rect viewportRect = viewportRectTransform.rect; ``` 3. 获取content的RectTransform相对于viewport的位置和大小信息： ```csharp Vector3[] contentCorners = new Vector3[4]; contentRectTransform.GetWorldCorners(contentCorners); Vector2 contentPosition = contentCorners[0]; Vector2 contentSize = contentCorners[2] - contentCorners[0]; ``` 4. 判断content是否超出可视区域： ```csharp bool isContentHidden = !viewportRect.Contains(contentPosition) || !viewportRect.Contains(contentPosition + contentSize); ``` 现在，`isContentHidden`变量将指示content是否超出了ScrollRect的可视区域，如果为`true`表示隐藏，如果为`false`表示显示。你可以根据需要使用这个变量进行进一步的操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值