UGUI中的Scroll View使用

最新推荐文章于 2024-07-22 19:13:41 发布
最新推荐文章于 2024-07-22 19:13:41 发布
阅读量462 收藏
点赞数
分类专栏： 功能
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JLX_Sir/article/details/79020197
版权

1、在项目中新建一个Scroll View


2、给Scroll View添加Mask组件

3、在Scroll View下创建一个空物体，并在空物下创建按钮


4、把空物体拉伸、大小需把所有按钮概括在里面


5、把空物体添加到Scroll View的Scroll Rect组建的Contect中


这样就初步完成了，如果只想让他上下滑动，不能左右滑动的话，就把Scroll Rect组件中的Horizontal的√去掉就可以了


JLX_Sir
关注
专栏目录
UGUI交互组件ScrollView
ellis1970的博客
10-14 1264
实际项目中Scroll View上有几个显示内容节点大部分情况是取决于后端数据，因此需要通过代码动态创建
UGUI-- Scrollview 滚动视图
Go_Accepted的博客
04-23 1116
1、ScrollvRect是什么 滚动视图组件，是UGUI中用于处理滚动视图相关交互的关键组件 默认创建的ScrllRect由4组对象组成： 父对象 ScrollRect组件依附的对象，还有一个Image组件，设为背景图 子对象 Viewport 控制滚动视图可视范围和内容显示 Scrollbar Horizontal 水平滚动条 Scrollbar Vertical 垂直滚动条 2、ScrollRect参数 Content：控制滚动视图显示内容.
UGUI之Scroll view
alayeshi的专栏
07-17 310
Scroll view是一个方便制作滑动的组件。游戏里背包等经常用到的。效果如下： 之前说过自己来制作滑动器的方法：https://blog.csdn.net/alayeshi/article/details/50240075 下面讲的是一个更为简单的方法：使用Scroll View组件。方法如下： 1.首先新建Scroll View，然后在它下面会找到Content。 2.将要被展示的内容放到它的下面，作为其子物体。如图： 3.在Content上添加组件Grid layout group
Unity UGUI 之 ScrollBar与ScrollView
咩咩觉主的博客
07-22 488
嘻嘻
UGUISuperScrollView
02-12
无限滚动列表 UGUI Super ScrollView gives easily-customizable ScrollView, based on UGUI ScrollRect. It is a set of C# scripts to help you create ScrollView that you need. It's very powerful and highly optimized for performance. UGUI超级ScrollView基于UGUI ScrollRect提供了易于定制的ScrollView。它是一组c#脚本，帮助您创建所需的ScrollView。它非常强大，并且对性能进行了高度优化。
Unity:UGUI之Scroll View剖析Demo,游戏等级UI设计,Layout,Toggle,Scroll
05-01
UGUI 之ScrollView剖析,及自定义设计,游戏等级的UI设计,可滑动切换;
【UGUI】Scroll View的基本使用方法
热门推荐
方寸想法，编码宇宙
03-25 1万+
1.效果图 2.目标功能： （1）在左侧有限空间内放置一系列的Toggle，滑动可以选择不同Toggle。 （2）滑动文字页面/滑动条，可以看到所有文字 3.实现工具：    Scroll View (滚动视图，可在GameObject->UI->Scroll View处创建) 4.Scroll View解析： （1）在Scroll View这个物体身上挂了Scr...
Unity3d Ugui 21 Scroll View
HexianWHH的专栏
08-05 5572
滚动矩形，制作滑动的组件 通常情况下，滚动矩形与遮罩 (Mask)相结合来创建滚动视图，在产生的视图中只有滚动矩形内的可滚动内容为可见状态。此外，滚动矩形还可与一个或两个可拖动以便水平或垂直滚动的滚动条 (Scrollbar)组合使用。 属性 属性： 功能： Content 这是对需要滚动的 UI 元素（例如大型图像）的矩形变换的引用。 Horizontal 启用水平滚动 Vertical 启用垂直滚动 Movement Type Unrestricted、Elasti...
Unity3D UGUI利用Scroll View实现滚动列表
weixin_43598617的博客
05-06 1081
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言第一步第二步第三步第四步第五步第六步第七步二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 第一步 新建Panel，在Panel下新建Scroll View 第二步 修改滚动列表尺寸 第三步 由于我需要的效果是横向滚
【UGUI】用鼠标滚轮控制UGUI中的Scroll View
方寸想法，编码宇宙
06-08 7244
这个需求是玩家测试出来的。本来默认按下左键就可以滑动Scroll View，但是好几个玩家一上来就用鼠标滚轮，然后只见那个Scroll View就巨缓慢地移动，令人窒息（其实从这里可以看出，这个组件本身是支持鼠标滚轮事件的，只是速度有些慢）。 因此增加需求：不影响默认左键控制的情况下，使得鼠标滚轮也可以控制Scroll View的滑动。 解决方案： 1.直接在面板上改动Scroll Rect...
UGUI内置的Scroll View用法（个人总结）
qq_43815828的博客
11-13 373
UGUI内置的Scroll View用法 本文主要是在博客里面看了很多这个的教程后总结出来的。具体内容步骤如下： 首先创建一个Scroll View 右键创建一个空物体（用来存放需要滚动的物体集合），然后添加mask组件，最后调整大小位置到合适位置 把空物体Manager拖拽过去 这样，一个可在垂直方向上上下拖拽的物体就做好了。（本文我主要是用来做那种目录可上下滚动选择的控件） ...
UGUI Super ScrollView
06-08
Unity UGUI 动态,无限滑动列表,功能很多,Demo场景都十几个 unity 5.6.0打开
UGUI Super ScrollView2.2.4
01-09
Super ScrollView for UGUI listview集合，非常全面的一个scrollview插件，里面包含各个demo，非常好用的插件
UGUI Super ScrollView 2.2.4
07-23
Super ScrollView for UGUI listview集合，非常全面的一个scrollview插件，里面包含各个demo，非常好用的插件
UGUI ScrollView 分页滑动
10-09
【Unity】UGUI ScrollView 分页 单次拖拽滑动一页，主要使用了ScrollRect.horizontalNormalizedPosition来实现。
Super ScrollView for UGUI 2.2.2一款unity3d非常强大的滑动制作插件
01-08
Super ScrollView for UGUI提供基于UGUI ScrollRect的可轻松定制的ScrollView。它是一组C＃脚本，可帮助您创建所需的ScrollView。这是非常强大的和高度优化的性能。 文件 Android演示应用程序 演示： - 聊天消息列表演示 - 水平画廊演示 - 垂直画廊演示 - GridView演示 - PageVew演示 - TreeVew演示 - 与稠粘头演示的TreeView - 旋转日期选择器 - 更改项目高度演示 - 下拉刷新演示 - 拉起来加载更多的演示 - 点击加载更多演示 - 选择并删除演示 - GridView删除项目演示 - 顶部到底部的演示 - 自下而上的演示 - 从左到右的演示 - 右侧演示 - 响应GridView演示 - TreeViewWithChildrenIndent演示 特征： - ListView和GridView和TreeView - 无限的项目 - 项目在不同的大小（高度/宽度） - 具有不同预制的物品 - 在初始时间大小未知的项目 - 垂直滚动视图（从上到下，从下到上） - 水平滚动视图（从左到右，从右到左） - 项目填充 - 滚动到指定的项目 - 滚动到具有偏移量的项目 - 项目计数在运行时更改 - 项目大小（高度/宽度）在运行时更改 - 物品捕捉到视口中的任何位置 - 项目循环，如微调 - 添加/删除项目 - 全部删除/删除所有项目 - 刷新并重新加载项目 - 使用池缓存项目，不要在运行时销毁项目 - 有效回收物品 - 平台无关 - UGUI支持 - 支持Unity平台（IOS / Android / Mac / PC / Console / Winphone / WebGL ...）
【UGUI】十、ScrollView 滚动视图
天行健，君子以自强不息
04-30 201
ScrollView 滚动视图及其搭配常用组件介绍
UGUI - ScrollView
lq
06-06 3939
UGUI - ScrollView使用UGUI 制作ScrollView滚动视图 第一步：创建一个Canvas，在Canvas下创建一个Panel，命名为ScrollView，在ScrollView上添加组件Scroll Rect。 第二步:在ScrollView下创建一个空物体命名为Grid，挂上GridLayoutGroup组件第三步：在Grid下创建一个Image，添加一个图片，然后复制N
uGUI练习(六) ScrollView
weixin_33962621的博客
09-15 751
练习目标 练习uGUI的滑动组件 一、相关组件 ScrollRect Mask Grid Layout Group Scrollbar 二、步骤 1、创建一个Panel,命名为ScrollRect，添加 ScrollRect组件 2、在ScrollRect下创建一个子Panel,命名为Grid，添加Grid Layout Group 组件 3、在Grid下，创建...
unity用鼠标滚轮控制UGUI中的Scroll View
最新发布
09-14
在Unity中，如果你想要使用鼠标滚轮控制UGUI中的Scroll View（滚动视图），你可以按照以下步骤操作： 1. 首先，确保你的Scroll View组件已经添加到需要滚动内容的GameObject上。通常情况下，它会包含`Vertical Scrollbar`和`Horizontal Scrollbar`两个子组件。 2. 给Scroll View设置好你希望滚动的内容区域，比如一个`Panel`或`Layout Element`。 3. 在`OnPointerDrag`或`OnPointerMove`这样的事件处理函数中，检查是否发生了鼠标滚轮滚动事件。这可以通过`Input.GetAxis("Mouse ScrollWheel")`获取滚轮的滚动值，该值是一个介于-1（向下滚动）到1（向上滚动）之间的浮点数。 4. 当检测到滚轮滚动时，更新Scroll View的`scrollTop`（垂直滚动）或`scrollLeft`（水平滚动）属性，以便内容跟随滚轮移动。例如： ```csharp if (Input.GetAxis("Mouse ScrollWheel") > 0) scrollView.verticalNormalizedPosition += 0.1f; // 向下滚动增加偏移量 else if (Input.GetAxis("Mouse ScrollWheel") < 0) scrollView.verticalNormalizedPosition -= 0.1f; // 向上滚动减少偏移量 ``` 5. 最后别忘了在脚本中启用相应的部件的`CanScoll`属性，以便用户可以交互滚动视图。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值