Unity3D UGUI利用Scroll View实现滚动列表

最新推荐文章于 2023-07-12 10:39:17 发布
最新推荐文章于 2023-07-12 10:39:17 发布
阅读量1.2k 收藏 12
点赞数 1
CC 4.0 BY-SA版权
分类专栏： unity 文章标签： unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43598617/article/details/116452053
本文介绍了如何在Unity3D中使用UGUI的Scroll View组件创建一个横向滚动列表。步骤包括新建Scroll View、设置Content的Grid Layout Group和Content Size Fitter，以及调整项的大小和间隔，以实现滚动功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

文章目录

最终效果

最终效果如下
在这里插入图片描述

第一步 新建Scroll View

1.新建Panel，在Panel下新建Scroll View
在这里插入图片描述
2.修改滚动列表尺寸
在这里插入图片描述

3.由于我需要的效果是横向滚动，所以把垂直滚动条取消
在这里插入图片描述

第二步 对Content进行操作

1.在Content下添加所有要显示的项（一般是用脚本加载），这里方便测试，手动添加（Image）
在这里插入图片描述
这时候显示效果如图<

最低0.47元/天 解锁文章

200万优质内容无限畅学
【Unity3D-UGUI系列】（十二）ScrollView 滚动视图组件详解
优快云博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
08-31 1万+
一、前言 首先，介绍一个UGUI，NGUI是UGUI的前身，Unity开发团队将NGUI的开发团队收到自己开发团队下，并且由此开发了UGUI。 UGUI系统是从Unity 4.6版本后才开始集成到Unity编辑器中。 UGUI的特点： 灵活 快速 可视化 对于开发者来说有很多的优点，比如说： 效率高 实现效果好 易于使用和拓展 与Unity编辑器的兼容性高 这是本系列文章的第十二篇： 【Unity3D-UGUI系列】（一）Canvas 画布组件详解 【Unity3D-UGUI系列】（二）Text文本
Unity中ScrollView/ScrollRect的优化，实现自动布局和可复用Item的滑动列表
weixin_44068264的博客
06-13 2731
2.根据需要添加的item数量和高确定Content的高。 3.根据ScrollRect的高即遮罩区域大小和item的高确定当前可视区域内可容纳的行数 4.获取Content与ScrollRect的相对坐标的偏移量，确定当前滑动列表滑动了几行。比如当偏移了一个Item的高我们就当作Content滑动了一行。 5.我们给Item定义一个属性值Index。记录它在Content中的位置。 比如Index=0相当于这个Item的位于Content的最左上角。比如当初始状态时起始Index值为0，结束值为初始...
Unity学习笔记——ScrollView常用技巧
m0_52058484的博客
05-28 5577
Unity之ScrollView使用
unity3d循环滑动_Unity实现3D循环滚动效果
weixin_31531599的博客
12-28 972
本文实例为大家分享了Unity实现3D循环滚动效果展示的具体代码，供大家参考，具体内容如下然后通过SetDepthAndPosition这个方法，实现图片的空间空间展开Z轴和Y轴，系数是一样的经过上面设置，空间就摆开了using UnityEngine;using System.Collections;using System.Collections.Generic;public class Se...
[UnityUI]循环滑动列表
宏哥的博客
07-21 8673
效果图： 使用的是UGUI和DOTween 其中比较关键的是循环滑动和层次排序： 1.循环滑动：这里先假设显示五张图片，分别标记为0,1,2,3,4，那么当向左滑动时，序列就变为1,2,3,4,0，这里先保存4的位置，然后从4开始，4的位置和大小向3渐变，3的位置和大小向2渐变，2的位置和大小向1渐变，1的位置和大小向0渐变，0的位置直接变为原来保存的4的位置。也就是说，当向左滑动时
Unity无限滚动列表(自动分页和网络请求) ScrollView
06-04
1.项目中应用组件，分享出来 2.支持横向和竖向无限滑动，基于ScrollView扩展 3.滑动时，自动计算分页，通过回调自动获取调用获取分页数据 4.使用简单，组件代码注释详细 5.例子简单明了
Unity ScrollView实现动态列表生成
08-19
主要为大家详细介绍了Unity ScrollView实现动态列表生成，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Unity3d C# UGUI实现自动循环滚动的列表（ScrollRect）的功能源码
10-17
Unity3d C# UGUI实现自动循环滚动的列表（ScrollRect）的功能源码 建议看说明：https://blog.youkuaiyun.com/qq_33789001/article/details/120813324
Unity3d Ugui 21 Scroll View
HexianWHH的专栏
08-05 5648
滚动矩形，制作滑动的组件 通常情况下，滚动矩形与遮罩 (Mask)相结合来创建滚动视图，在产生的视图中只有滚动矩形内的可滚动内容为可见状态。此外，滚动矩形还可与一个或两个可拖动以便水平或垂直滚动的滚动条 (Scrollbar)组合使用。 属性 属性： 功能： Content 这是对需要滚动的 UI 元素（例如大型图像）的矩形变换的引用。 Horizontal 启用水平滚动 Vertical 启用垂直滚动 Movement Type Unrestricted、Elasti...
UnityUGUI实现ScrollView 滑动居中的放大、其他的缩小，简单实现方法
01-21
UnityUGUI实现ScrollView 滑动居中的放大、其他的缩小，简单实现方法 配套资源文章：https://blog.youkuaiyun.com/lq1340817945/article/details/121001075
unity3d 无限循环滑动列表
04-26
该资源是无限循环滑动列表 , 可拖拽 , 可滑动 , 可定位item , 可向上定位item滑动 , 可向下定位item滑动 , 可附近定位item滑动 , 可增加列表长度倍数滑动item , 支持鼠标中建滑动 UNITY_STANDALONE_OSX || UNITY_STANDALONE_WIN || UNITY_EDITOR
Unity3D（七）利用UGUI的Scroll View实现滚动列表（转）
weixin_38167826的博客
09-29 1890
原文链接：https://jingyan.baidu.com/article/0a52e3f4f0c7b6bf62ed7221.html 工具：Unity3d 2017.2.0f3 (64bit) 第一步：新建unity3d工程 第二步：在图中位置右键，新建一个Scroll View组件。 第三步：设置scrollView的宽和高 第四步：选中Content项...
Unity ScrollView循环滚动播放（有详细注释）
weixin_44099953的博客
07-12 2423
在Content上挂载脚本，将ScrollView赋值给Parent。当Content的高度大于ScrollView的容量高度时便开始滚动。首先创建一个ScrollView在UI上。
【Unity3D】【NGUI】循环Scroll View
Daniel 的专栏
01-25 9521
NGUI讨论群：333417608 NGUI版本3.0.9 f4 方法： 1、脚本放在Scroll View下面的UIGrid的那个物体上 2、UIScrollView的Restrict Within Panel勾选掉 3、Scroll View上面的UIPanel的Cull勾选上 4、你的每一个Item都放上一个UIWidget，调整到合适的大小（
unity循环滚动列表_【unity游戏开发】LoopScrollRect组件
weixin_39640909的博客
12-11 918
引言对于背包界面，排行榜列表，聊天消息，等有大量的UI列表的界面，常规做法是为每一条数据生成一个格子，在数据量越大的情况下，会生成越来越多的Gameobject，引起卡顿。这个组件就是为了优化这个问题诞生的，就以联盟宝箱为例子，联盟宝箱最多可以容纳300个宝箱，如果一下子生成300个，整个界面就会卡到爆炸，这个组件的做法是就生成视图可见的个数，然后拖动的时候循环复用，比如向下拖动，上面的item看...
unity 滚动条
Y1172215784的博客
03-21 2078
用到的UI: Image,Text,Scrollbar 需要用到的控件： Scroll Rect,Mask, 首先创建好Image，Text，Scrollbar，将Text，Scrollbar放到Image下面 之后在Image下面添加Scroll Rect,Mask两个组件，然后按下图选择是水平还是垂直，再将两个UI拖进相应的位置 最后将text文本拖长，就相当于滚动条内容的...
Unity UGUI中LoopScrollRect的元素大小计算方法
通过以上知识点的整理，我们可以理解在Unity的UGUI系统中实现循环滚动列表的复杂性，以及如何使用Content Size Fitter、Layout Element等组件来精确控制元素的尺寸，并最终实现一个高效且用户体验良好的滚动界面。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值