Scroll Rect（滚动矩形）弹性

最新推荐文章于 2023-12-15 11:08:47 发布
最新推荐文章于 2023-12-15 11:08:47 发布
阅读量1.1k 收藏 2
点赞数
分类专栏： unity3d 文章标签： unity3d
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lml_w/article/details/122951512
版权

最近有用到这个Scroll Rect组件，在之前也用过几次，但是许久没有用了，有些东西忘了，在此记录下！

里面的内容滑动有三种性质，在此记录弹性性质，其余两种作简单说明！

不受限制

既是对内容随意拖动，甚至会使内容不在矩形显示范围内---------一般不用这个性质

夹紧Clamped

强制将内容保持在Scroll Rect矩形中，切没有视觉效果，即拖动的时候到达边界就会立刻停止！

弹性Elastic

也是强制将内容保持在 Scroll Rect 的范围内，但是弹性模式在内容到达 Scroll Rect 的边缘时反弹内容，即会有一种回弹的效果，视觉上舒适！
在这里插入图片描述

1
1
在使用弹性性质的时候，会发现内容拉不动，一直会反弹回去，在此有两个办法！

一、当显示的内容不过的时候
调整Scroll Rect 的子物体（即需要显示内容的当期父物体）如图中的Content

在这里插入图片描述
使其矩形大小全部包括需要显示或者是要拖动的内容模块，比Scroll Rect的矩形大

二、在Content中添加Content Size Fitter（内容大小调整器）组件

在这里插入图片描述
具体往哪一边就调整哪一个！

Gxy_w
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Infinite-Scroll无限滚动加载数据
08-30
无限滚动加载数据，也称为“滚动加载”或“懒加载”，是现代网页和应用程序中常见的一种数据呈现方式。这种技术允许用户在滚动页面时自动加载更多内容，而不是一次性加载所有数据，从而改善用户体验，减少页面加载...
【unity3D】Scroll Rect组件—制作下滑列表
zhurouwanzi的博客
10-23 1388
🈶Scroll Rect组件是用于在UI中创建可滚动区域的组件。它允许用户在滚动视图中显示大量内容，并通过滑动滚动条或手势来浏览内容。
Unity UGUI的ScrollRect（滚动视图）组件的介绍及使用
alianblank的博客
07-10 3044
ScrollRect（滚动视图）是Unity UGUI中的一个常用组件，用于在UI界面中创建可滚动的区域。通过ScrollRect组件，可以实现在有限的空间内显示大量的内容，并且可以通过滑动手势来浏览内容。
UGUI使用小技巧（五） Scroll Rect组件的使用
不文不武的禾文
10-28 4695
在功能开发中，由于可能需要显示很多数据，但是一个界面显示不下，经常都会遇到需要滑动的列表，如背包，排行榜等，这些地方基本都会用到Unity3D的Scroll Rect组件来实现滑动功能。除此之外，Scroll Rect还有一些小技巧，可以用来滑动文字，图片，达到一些别的功能。 一、基本用法 经常使用到的组件：Scroll Rect、Mask、GridLayoutGroup 首先Unity的H...
UGUI Scroll Rect滚动矩形组件
LuckyMechanic的博客
05-14 832
当需要在小区域显示占用大量空间的内容时，可以使用Scroll Rect。滚动矩形提供了滚动浏览此内容的功能。通常，将Scroll Rect与Mask结合在一起以创建滚动视图，在该视图中，只有Scroll Rect内部的可滚动内容可见。它也可以与一个或两个滚动条组合使用，这些滚动条可以拖动以水平或垂直滚动​​。
UGUI组件ScrollRect扩展,自动移动到中心位置
qq_32470423的博客
02-10 384
UGUI ScrollRect扩展,自动移动到中间,自动移动到中心点
UGUI Selectable之三（ScrollRect与ScrollBar）
最新发布
ttod的博客
12-15 118
UGUI Selectable之四（ScrollRect与ScrollBar）
Unity UGUI Scroll Rect List
10-08
Unity UGUI Scroll Rect List 是一个基于Unity引擎的用户界面（UI）系统，专门用于实现滚动视图组件。在Unity 4.6版本之后引入的UGUI（Unity Graphic User Interface）系统，大大增强了游戏和应用的界面设计能力。...
Element InfiniteScroll无限滚动的具体使用方法
10-15
Element InfiniteScroll无限滚动是一种常见的前端技术，用于在用户滚动至页面底部时动态加载更多内容，从而减少页面的跳转次数，并提升用户体验。Element UI是一个基于Vue.js的前端UI框架，它提供了一套丰富的组件。...
vue better scroll 无法滚动的解决方法
08-27
Vue Better Scroll 无法滚动的解决方法 Better Scroll 是一个移动端滚动插件，可以实现轮播图和页面滚动。在 Vue 项目中使用 Better Scroll 时，可能会遇到无法滚动的问题。本文将详细介绍 Vue Better Scroll 无法...
smooth scroll 平滑滚动菜单特效代码
03-20
"smooth scroll 平滑滚动菜单"可能是实现这一效果的源代码文件，你可以查看并学习其中的具体实现。 总结来说，平滑滚动菜单是通过结合HTML、CSS和JavaScript来创建的一种交互效果，它提升了用户的浏览体验。通过...
Unity UGUI基础 之 Scroll View/Scroll Rect 的简单使用，并取消拖拽(滑动内容)效果，拖拽只在Scrollbar 上起作用
仙魁XAN
06-22 7360
Unity UGUI基础 之 Scroll View/Scroll Rect 的简单使用，并取消拖拽(滑动内容)效果，拖拽只在Scrollbar 上起作用 目录 Unity UGUI基础 之 Scroll View/Scroll Rect 的简单使用，并取消拖拽(滑动内容)效果，拖拽只在Scrollbar 上起作用 一、简单介绍 二、实现原理 三、注意事项 四、效果预览 五、实现步骤 六、关键代码 一、简单介绍 Unity中的一些基础知识点。 本节简单介绍 Scroll...
Unity3D-ScrollRect 各参数的代码引用以及作用
sinat_37102348的博客
10-19 6391
以下为ScrollRect面板上各选项 对应 在代码里的属性: content(RectTransform): scrollRect的RectTransform组件,即滑动面板所有内容的父面板,该RectTransform的边界应该包含其所有需要显示的内容; horizontal(bool): 是否允许横向滑动 vertical(bool) : 是否允许纵向滑动 movementType(Scr...
【Unity】ScrollRect滑动列表重复利用
weixin_42186644的博客
06-08 418
水平或垂直可选 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class UIScrollRect : MonoBehaviour { [Header("水平")] public bool Horizontal; [Header("垂直")] public bool Vertical; [Heade
[Unity UGUI]ScrollRect效果大全
热门推荐
学无止境的专栏
04-26 3万+
UGUI各种优化效果本文所实现的UGUI效果需求如下： - 支持缩放滑动效果 - 支持动态缩放循环加载 - 支持大数据固定Item复用加载 - 支持不用Mask遮罩无限循环加载 - 支持ObjectPool动态加载 - 支持无限不规则子物体动态加载 - 支持拖动并点击和拖拽 - 支持拖动并拖拽 - 支持ScrollRect拖动自动吸附功能(拖动是否超过一半自动进退)前言 要实现
如何优化UGUI的ScrollRect
su9257的博客
12-20 1459
UGUI的ScrollRect在加载太多物体的时候，第一次弹出界面会非常卡顿，而且不在界面里的内容依然会参与绘制，导致毫无意义的浪费。笔者对此进行了一番研究，并将心得与大家分享. 转载自侑虎科技：这是侑虎科技第136篇原创文章，感谢作者钱康来供稿。 介绍 每个元素知道自己的序号，可以根据需要修改自己的内容、大小等信息。 此外支持了ScrollBar，支持横向、纵向及正反向。
unity中scrollrect组件的使用，viewport必须选择（制作内容滑动模块）
Ice Cream
07-22 4108
scrollrect组件： 制作内容页面滑动效果，例如任务界面，关卡选择界面，所有超出可视范围的内容，都可以使用。 完整示例如图： 上图任务界面，可以上下滑动查看其他任务。 scrollrect组件需求：（此处没有选择添加滑动条，需要的话，创建一个scrollbar，拖入组件响应位置即可） 1，一个带有mask遮罩的物体，限定内容展示范围 2，一个内容集合的父物体，动态生成的内容可以选择添加网格或者水平布局组件 3，一个添加scrollrect组件的物体，用于设置组件的各种属性 此时选择，物体3作为1的子
UGUI学习（二）：Scroll Rect 滚动区域
qq_16535545的博客
03-08 4778
Description（API） content content其实就是你要滚动的区域。注意一点：这个区域（ScrollPanel）最好是挂载Scroll Rect脚本物体（BG）的子物体 decelerationRate 滚动停止加速度（数值越大，滚动停下来的时间越长） horizontal 是否允许水平滚动？ horizontalScrol
PlatformIO平台使用TFT_eSPI库驱动IC为ST7789的TFT屏幕（TFT_eSPI详解）
weixin_64459427的博客
08-24 5058
TFT_eSPI库的配置
scroll rect通过代码控制上下滑动
06-02
要通过代码控制Scroll Rect的上下滑动，可以使用Scroll Rect的normalizedPosition属性。该属性是一个Vector2类型的变量，表示Scroll Rect当前的滚动位置，其x和y变量的值都在0到1之间。 通过修改normalizedPosition的y变量的值，可以实现Scroll Rect的上下滑动。例如，如果要将Scroll Rect滑动到最上面，可以将normalizedPosition的y变量设置为1，如果要将Scroll Rect滑动到最下面，可以将normalizedPosition的y变量设置为0。 下面是一个示例代码： ```csharp using UnityEngine; using UnityEngine.UI; public class ScrollRectController : MonoBehaviour { public ScrollRect scrollRect; private void Start() { // 滑动到最上面 scrollRect.normalizedPosition = new Vector2(0, 1); } private void Update() { // 按下向上箭头键滑动到上一页 if (Input.GetKeyDown(KeyCode.UpArrow)) { scrollRect.normalizedPosition += new Vector2(0, 0.1f); } // 按下向下箭头键滑动到下一页 if (Input.GetKeyDown(KeyCode.DownArrow)) { scrollRect.normalizedPosition -= new Vector2(0, 0.1f); } } } ``` 在上面的代码中，我们通过按下向上或向下箭头键来控制Scroll Rect的上下滑动。每次按下箭头键时，我们将normalizedPosition的y变量加上或减去0.1f的值，来实现滑动效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Gxy_w

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值