unity 滚动 UI Scroll Rect

最新推荐文章于 2023-10-23 17:13:58 发布
最新推荐文章于 2023-10-23 17:13:58 发布
阅读量782 收藏 1
点赞数
分类专栏： unity ScrollRect UI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tianyongheng/article/details/79096624
版权
unity 同时被 3 个专栏收录
51 篇文章 2 订阅
订阅专栏
UI
5 篇文章 0 订阅
订阅专栏
ScrollRect
1 篇文章 0 订阅
订阅专栏

1.新建Canvas
2.新建Panel,命名为ViewScroll,设置宽高，即 可视滚动区域。
这里写图片描述
3.在ViewScroll 面板添加ScrollRect 组件用于滑动，添加 Mask 组件用于遮罩
4.在ViewScroll下新建 Panel 名为Content，Content面板的大小一定要超过ViewScroll的大小，才能滑动
5.将ScrollRect 的Content 设为 Content面板
这里写图片描述

6.将ScrollRect 的MovementType 设置为 Clamped,将不会回弹
7. 把Mask组件 勾上会遮罩超出可视滑动区域

tianyongheng
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Unity ScrollRect 基础
02-02 1万+
先来看官方文档说明： ------------------------------- scrollrect的作用如上所说是在一个小的视野内显示一个大的内容，所以用scrollect来滚动显示。通常用于一个大的图片（如地图），一大段文字（比如对话或介绍），一大堆button（比如装备栏） 官方视频教程：https://www.youtube.com/watch?v=tcU8yz...
4.unity UI ScrollRect 无限滚动条(最详细)
s_xiajunjun1986的博客
09-19 3616
在游戏开发中 经常遇到滚动显示的数据 特别是商店商品 排行榜 .......等 数据很多，每一条数据去加载一个UI来显示显然对内存浪费很大，这种情况处理一般就是用几个显示条可滚动循环显示无限数据条。本篇介绍实现过程和大体思路以及可重用的滑动脚本InfinityGridLayoutGroup和MarketLayoutGroup数据管理刷新脚本。MarketElement类要看具体项目中具体数据结构...
【Unity学习笔记】ScrollView和ScrollRect组件
一白梦人的博客
05-19 1703
声明：此篇文章是个人学习笔记，并非教程，所以内容可能不够严谨。可作参考，但不保证绝对正确。如果你发现我的文章有什么错误，非常欢迎指正，谢谢哦 1.ScrollView简介 ScrollView是滚动视图，当我们要呈现的内容长宽大于显示区域时，就可以用到ScrollView，用户可以在指定区域内拖拽而查看内容的全貌（如下图）。 2.结构分析 1.结构看似繁琐，但只要稍微理一下，还是比较容易理清的。大体可以看作三个部分： (1)最外层的ScrollView, (2)内层的Viewport (3)内层的Scr
[Unity UGUI]ScrollRect滚动效果大全
09-10
[Unity UGUI]ScrollRect滚动效果大全 支持缩放滑动效果 - 支持动态缩放循环加载 - 支持大数据固定Item复用加载 - 支持不用Mask遮罩无限循环加载 - 支持ObjectPool动态加载 - 支持无限不规则子物体动态加载 - 支持拖动并点击和拖拽 - 支持拖动并拖拽 - 支持ScrollRect拖动自动吸附功能(拖动是否超过一半自动进退)
Unity UGUI的ScrollRect（滚动视图）组件的介绍及使用
alianblank的博客
07-10 2814
ScrollRect（滚动视图）是Unity UGUI中的一个常用组件，用于在UI界面中创建可滚动的区域。通过ScrollRect组件，可以实现在有限的空间内显示大量的内容，并且可以通过滑动手势来浏览内容。
Unity ScrollRect
sindyra的博客
12-26 3927
ScrollView:滚动区域（当一个页面不能完全显示内容时，使用滚动方式显示剩余的部分） 这也就是Unity -UGUI的ScrollRect的组件。 实现一个鼠标点击拖动让滚动区域滚动显示的效果： 1.将所有要显示的内容全部放到一个空物体(空物体大小为所有子物体大小之和)下作为子物体（可以使用布局组件Grid Layout Group）。（这里空物体重命名为Content） 2.创建Image...
UGUI Scroll Rect滚动矩形组件
LuckyMechanic的博客
05-14 813
当需要在小区域显示占用大量空间的内容时，可以使用Scroll Rect。滚动矩形提供了滚动浏览此内容的功能。通常，将Scroll Rect与Mask结合在一起以创建滚动视图，在该视图中，只有Scroll Rect内部的可滚动内容可见。它也可以与一个或两个滚动条组合使用，这些滚动条可以拖动以水平或垂直滚动​​。
如何优化UGUI的ScrollRect
su9257的博客
12-20 1453
UGUI的ScrollRect在加载太多物体的时候，第一次弹出界面会非常卡顿，而且不在界面里的内容依然会参与绘制，导致毫无意义的浪费。笔者对此进行了一番研究，并将心得与大家分享. 转载自侑虎科技：这是侑虎科技第136篇原创文章，感谢作者钱康来供稿。 介绍 每个元素知道自己的序号，可以根据需要修改自己的内容、大小等信息。 此外支持了ScrollBar，支持横向、纵向及正反向。
Unity scrollRect 无限滚动实现
qq_35037137的博客
05-07 2756
首先是竖直下拉，效果如下： 效果图 其中的minAmount是显示最少需要的个数，个数是整个屏幕最多能放下的个数+1 比如效果中，最多能放下三组，所以设置的是4（这里因为显示效果一行三个为1组 使用1哥prefab） 然后在 scrollRect的 connect组建中 需要使用如下组件 image.png 当前是竖向下拉 所以在GridGroupConnect中需要把 c...
Unity UGUI Scroll Rect List
10-08
Unity UGUI Scroll Rect List 是一个基于Unity引擎的用户界面（UI）系统，专门用于实现滚动视图组件。在Unity 4.6版本之后引入的UGUI（Unity Graphic User Interface）系统，大大增强了游戏和应用的界面设计能力。...
unity Scroll 滑动 缩放
08-14
首先，Scroll Rect组件是Unity UGUI中的一个核心组件，用于创建可滚动的视图区域。它允许用户通过触摸或鼠标操作在有限的屏幕空间内查看超出边界的内容。通常，Scroll Rect会与Canvas Group和Content（通常是一个...
infinite-scroll-unity:无限滚动是一个脚本扩展，允许您将ScrollRect控件用作无限微调器。 这是一种快速，简单且易于移动的方式来创建具有数千行的列表
05-17
无限滚动 无限滚动是一个脚本扩展，允许您将ScrollRect控件用作无限微调器。...将InfiniteScroll脚本附加到Unity UI ScrollView对象 初始化列表并定义回调 演示版 打开演示场景并进行构建，以尝试其工作方式 例子
Unity Ui弧形轮番旋转.rar
11-13
在Unity中，通常会使用Scroll Rect组件来实现滚动效果，通过设置其content和viewport属性，可以实现UI元素的滚动。同时，可能需要调整Camera的视口大小和位置，使其始终对准当前显示的UI元素。 为了使效果更逼真，...
Unity滚动条ScrollView自动居中、缩放、变暗扩展
02-11
总的来说，Unity滚动条的自动居中、缩放和变暗扩展是通过自定义脚本和UI组件的组合来实现的，提供了更丰富的交互体验。在实际项目中，这样的功能不仅适用于网络游戏的商品切换，也可以应用于皮肤选择、选项菜单等...
Scroll Rect（滚动矩形）弹性
Gxy_w的博客
02-15 1150
最近有用到这个Scroll Rect组件，在之前也用过几次，但是许久没有用了，有些东西忘了，在此记录下！ 里面的内容滑动有三种性质，在此记录弹性性质，其余两种作简单说明！ 不受限制 既是对内容随意拖动，甚至会使内容不在矩形显示范围内---------一般不用这个性质 夹紧Clamped 强制将内容保持在Scroll Rect矩形中，切没有视觉效果，即拖动的时候到达边界就会立刻停止！ 弹性Elastic 也是强制将内容保持在 Scroll Rect 的范围内，但是弹性模式在内容到达 Scroll Rect 的
【unity3D】Scroll Rect组件—制作下滑列表
最新发布
zhurouwanzi的博客
10-23 1215
🈶Scroll Rect组件是用于在UI中创建可滚动区域的组件。它允许用户在滚动视图中显示大量内容，并通过滑动滚动条或手势来浏览内容。
第四十五章 Unity 滚动视图 (Scroll View) UI
konkon2012的博客
05-08 6478
unity Scroll View UI
Unity 使用ScrollRect制作按钮翻页效果
jennys_name的博客
06-15 877
通过scrollview实现翻页
UGUI使用小技巧（五） Scroll Rect组件的使用
不文不武的禾文
10-28 4645
在功能开发中，由于可能需要显示很多数据，但是一个界面显示不下，经常都会遇到需要滑动的列表，如背包，排行榜等，这些地方基本都会用到Unity3D的Scroll Rect组件来实现滑动功能。除此之外，Scroll Rect还有一些小技巧，可以用来滑动文字，图片，达到一些别的功能。 一、基本用法 经常使用到的组件：Scroll Rect、Mask、GridLayoutGroup 首先Unity的H...
unity 获取scroll rect滑动方向
06-01
你可以使用ScrollRect组件的velocity属性来获取当前滚动的速度，然后根据速度的正负来判断滑动方向。如果velocity.x比velocity.y大，那么滑动方向是水平方向，反之则是垂直方向。下面是一个示例代码： ``` using ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

tianyongheng

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

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

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

打赏作者

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

抵扣说明：

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

余额充值