Unity学习笔记——ScrollView常用技巧

最新推荐文章于 2024-06-30 16:30:31 发布
最新推荐文章于 2024-06-30 16:30:31 发布
阅读量3.8k 收藏 18
点赞数 11
文章标签： 学习 笔记 ui unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_52058484/article/details/130916220
版权

文章目录

前言

在学习UI过程中反复接触ScrollView，遇到了很多使用问题，有许多技巧需要记录下来

一、ScrollView的滚动条显示

如果不使用横向滑动，只需要将ScrollView中的Horizontal取消即可，虽然在Unity视图中还会存在，但运行游戏后就会消失；纵向滑动条同理
在这里插入图片描述

在这里插入图片描述

另外，如果你的Content的范围设置太小，也是不会显示滑动条的，如下对比图
在这里插入图片描述
在这里插入图片描述
再看下面这张图
在这里插入图片描述
综上，可以得出结论：滚动条显示是由Content的范围决定，超出了滚动条的范围，滚动条才会显示

二、使ScrollView内的元素排列整齐

一般都是把元素放在层级面板的Content下，所以在这个面板下添加Grid Layout Group组件就行，可以自己尝试要怎样的排列方式
在这里插入图片描述

三、ScrollView中的元素超出了Content的范围的解决方法

在这里插入图片描述

1.代码控制Content面板Rect Transform组件的Height，增加元素时content的范围也一起增加，这个方法比较麻烦，一般也不常用

2.使用Content Size Filter组件，这个组件非常方便，元素增加时也会增加content的范围，性能应该算是最好的了
在这里插入图片描述

四、ScrollView中的元素与Grid Layout Group组件定义的元素大小不一致

虽然Grid Layout Group组件可以定义元素的大小和排列方式，但是我们仍然可以直接调整这个元素的大小，有时候经常因为这个出现大小不一的问题
在这里插入图片描述
只需要将这个对象的大小reset重置，再在Grid Layout Group中更改元素大小即可
在这里插入图片描述

五、鼠标的滚轮难以滑动滚动条

只需要将Scroll View面板的Scroll Sensitivity改大就行，数值越大滚轮就越容易滑动滚动条
在这里插入图片描述

总结

以上就是我在使用Scroll View常用的技巧，如果还有其他技巧，我会继续补充；写得不是很好，希望大佬们嘴下留情

沉默金鱼
关注
  • 11
    点赞
  • 踩
  • 18
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
Unity Scroll View自动滚动
XueZhiXia_的博客
10-02 852
（默认值）时，当用户在滚动内容后释放鼠标或手指时，内容会继续根据之前的速度滚动一段时间，并逐渐减速直到停止。因为鼠标不操作的情况下，会设置滚动视图的速度一直为0，这样就没办法进行自动滚动。正常情况下，鼠标点击或者拖动会使其开始滚动，也就是等于调节了ScrollView上ScrollRect组件的速度值。Inertia一定要勾选上，并且DecelerationRate必须是一个大于0的值，在这里默认值就行。如果想禁止鼠标拖拽，可以简单的关闭画布上的图形射线投射组件，这样鼠标不会对ui进行检测。
【100个 Unity实用技能】☀️ | Unity UGUI ScrollView滑动到指定位置
努力前行，总会成为自己心中的那道光
08-11 1万+
Unity UGUI ScrollView滑动到指定位置 Unity 中在使用ScrollView的时候，有需求是需要将ScrollView定位到指定的Item上。 如领取一个奖励列表时，每次打开ScrollView让其滑动到最后一个可领取的Item中。
【Unity scroll view 】
Richard_shen的博客
05-17 388
Unity 中的 ScrollView 组件是 UI 系统中的一个组件，用于创建可滚动的视图区域。使用 ScrollView 可以展示超过屏幕显示范围的内容，用户可以通过滚动来查看这些内容。如果需要滚动条，可以在 ScrollView 组件的 Scrollbar 属性中设置一个 Scrollbar 对象。惯性滚动：支持具有惯性的滚动，即用户滚动后，内容会持续移动直到停止。滚动范围限制：可以设置内容的滚动范围，限制滚动的最大和最小值。滚动灵敏度：可以调整滚动的灵敏度和滚动条的滑动速度。
Unity学习笔记：ScrollView基础用法
qq_44874004的博客
07-04 435
添加之后，scroll view代表UI画布的大小，viewport代表视口（可以小于scroll view大小），Content用来挂载物体，一般添加组件，控制挂载的子物体。content size fitter,自动改变子物体的大小，防止总的大小超过Content的大小，造成回弹，设置为Prefered size。scroll rect里面对应挂载的content和viewport不要动，scrollball挂载的滚动条可以删除。contentW和H自动改变。
Unity中Scroll View 的简单使用
热门推荐
TheBigBoy的博客
01-03 3万+
1. Scroll View可用于制作歌曲的下拉列表,即在 UI 中显示的可以滑动的视图 ,或者其它,你可以充分发挥自己的主观能动性哦 首先, 你可以通过  Hierarchy-->Creat -->UI-->Scroll View 创建成功 是不是很简单啊, 哈哈 2. Scroll Rect 组件中 Horizontal    ---> 水平滑动  Ver...
Unity ScrollView(滚动视图)
qq_24977805的博客
11-26 1913
Content 滚动内容 Horizontal 开启水平滚动 Vertical 开启垂直滚动 MovementType 运动方式 Unrestricted ...
Unity Scrollview设置大小
auccy的博客
05-06 152
【代码】Unity Scrollview设置大小。
Unity中ScrollView/ScrollRect的优化，实现自动布局和可复用Item的滑动列表
weixin_44068264的博客
06-13 2321
2.根据需要添加的item数量和高确定Content的高。 3.根据ScrollRect的高即遮罩区域大小和item的高确定当前可视区域内可容纳的行数 4.获取Content与ScrollRect的相对坐标的偏移量，确定当前滑动列表滑动了几行。比如当偏移了一个Item的高我们就当作Content滑动了一行。 5.我们给Item定义一个属性值Index。记录它在Content中的位置。 比如Index=0相当于这个Item的位于Content的最左上角。比如当初始状态时起始Index值为0，结束值为初始...
Unity3D UGUI Super ScrollView v2.4.4.unitypackage
08-31
unity3d基于ScrollRect的无限循环列表插件，功能强大齐全，压缩包内有v2.4.3和v2.4.4版本
unity学习笔记.zip
05-18
本压缩包"unity学习笔记.zip"提供了关于Unity3D最常用操作的代码合集，方便开发者快速理解和应用。 首先，让我们了解一下Unity3D的基础知识。Unity是基于C#编程语言的，它提供了直观的可视化编辑器来构建场景、创建...
Unity Super ScrollView 2.4.2 超强功能
08-03
Unity的Super ScrollView 2.4.2是一款强大的UI滚动视图组件，专为优化和扩展Unity内置的ScrollView设计。在Unity引擎中，ScrollView是用于显示大量数据或内容时的重要工具，比如列表、网格或者长篇文本。这个版本的...
unity 无限循环按钮 Scroll View
08-17
unity 基于Scroll View组件，可以无限上下滑动，无限模式包含了横 竖两种滑动方式，都可随意滑动
Unity超级列表SuperScrollView
02-20
SuperScrollView 动态列表自动释放资源根据代码设置显示内容
Unity插件 UGUI Super ScrollView v2.5.3
09-06
Unity插件 UGUI Super ScrollView 2.5.3版本
Unity实现滑动列表(ScrollView)-UGUI
新手小白的博客
03-25 6875
步骤： 第一步 创建一个Image，改名为“ScrollView”。 添加ScrollRect组件，设置组件：把horziontal（水平方向移动）关闭。 添加Mask组件。 第二步 在ScrollView下添加Image，改名为”Viewport“ 第三步 在Viewport下添加Image，改名为“Content”，content的大小最好和viewport一样。 设置锚点为与Pivot如下...
Scroll滚动条：位置重置到初始位置
谁为拨动染血的时空苍穹
02-12 1268
用于场景：UGUI开发时候，经常会遇到一个问题，滚动条拉倒某个位置时候，再次进入时候，滚动条还在原来位置，怎么解决？ Panel_Content.GetComponent<RectTransform>().localPosition = new Vector3(1403,0,0);
Unity基础控件Scroll View的使用，以及进度条不显示的问题
シ❤゛甜虾的个人博客
05-14 2155
最近使用Scroll View，并且使用Vertical Layout Group布局 我在Content中添加多个Button，发现进度条不显示 具体的原因呢是因为Content的高度没有超过Scroll View的高度所以，进度条运行的时候会被隐藏掉，只要Content的高度超过Scroll View的高度进度条自然就显示了 我这Content里面Item的高度是不确定的，怎么办呢，一种方法是自己计算高度，并将修改Content的Height，其中gameObject就是Cont...
Unity Scroll View踩坑记录
qq_40629631的博客
10-20 5383
Unity要想实现游戏中的背包滑动效果，最简单的方法就是使用ScrollView这个组件，这个组件可以实现拖动滑动的效果。 如上图所示，我希望将这些Item实现背包的排版效果。 第一步：现将所有的Item移到Content下，此时我们会发现部分图片被隐藏，显示不全，效果如图下所示 第一个小坑：图片显示不全。 原因分析：Viewport上挂有一个Mask组件，会将超出范围的内容隐藏（范围是四个蓝色的点内部），如图下所示。 第二步：给Content上添加GridLayoutGroup组件，实现排版美观。
【学习笔记】Redis学习笔记——第4章 字典
最新发布
Lchen_kk的博客
06-30 158
因为对hash太熟悉了(java中的HashMap)，所以忽略了前面几段对于hash基础的讲解。
unity 多层scrollview 套scrollview
09-23
Unity中可以实现多层ScrollView套ScrollView。在Unity中，ScrollView是用来在一个可视区域内显示大量内容的组件，当有多个ScrollView需要嵌套在一起时，可以通过以下步骤实现。 首先，创建一个最外层的ScrollView，用于显示整体的内容。设置ScrollView的大小和位置，确保它可以容纳所有的子ScrollView。 然后，在ScrollView中创建一个Content对象，用于容纳子ScrollView。设置Content的大小，确保它可以容纳所有的子ScrollView。 接着，在Content中创建子ScrollView，用于显示具体的内容。设置子ScrollView的大小和位置，确保它可以显示滚动的内容。 最后，在子ScrollView中创建子Content对象，用于容纳内部的内容。设置子Content的大小，确保它可以显示所有的内部内容。 这样，就可以实现多层ScrollView套ScrollView的效果。外层的ScrollView控制整体的滚动，而内层的ScrollView控制内部的滚动。同时，通过设置不同的Content大小和位置，可以实现不同层级ScrollView的滚动效果。 需要注意的是，在实现多层ScrollView套ScrollView时，需要确保每个ScrollView的大小和位置都正确设置，以避免出现内容无法显示或者重叠的问题。同时，还需要考虑到性能问题，尽量减少ScrollView的嵌套层级和内容的复杂程度，以提高游戏的运行效率。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值