Unity3D ScrollRect+ContentSizeFitter+GridLayoutGroup实现无限滚动(一)

最新推荐文章于 2024-05-19 09:47:40 发布
置顶 最新推荐文章于 2024-05-19 09:47:40 发布
阅读量3.9k 收藏 15
点赞数 3
分类专栏： Unity3D  UGUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36429057/article/details/79252613
版权
本文介绍了如何使用Unity3D的ScrollRect、ContentSizeFitter和GridLayoutGroup组件来实现无限滚动效果，主要应用于长列表如相册、广告和排行榜。通过滚动时动态替换内容提高绘制效率，适合超长列表。文中还分享了实现效果和关键的技术点，包括UI布局和ScrollRect的Pivot设置。作者提供邮箱2285557632@qq.com以供交流。
摘要由CSDN通过智能技术生成

在工作中有时候我们会遇到无限滚动，比如相册，广告, 排行榜, 邮件等，今天就用ScrollRect来实现无限滚动，

按照滚动区域的属性，展示给玩家看的只是一小块区域，比如列表中有100封邮件，其实只要显示个七八封就够了，剩下的，在向上滑动的时候，把第一排移动到最后一排，替换内容

这样做能提高绘制效率，但是因为是在滑动的时候动画创建，所以会稍有卡顿，所以只适用于超长列表的情况使用，至于到底多长需要自己取舍。

声明:本篇的代码部分摘自于http://blog.csdn.net/huutu 转载请带上 http://www.liveslives.com/

先看一下实现的效果图:


最低0.47元/天 解锁文章
多辣A梦
关注
  • 3
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
4.unity UI ScrollRect 无限滚动条(最详细)
s_xiajunjun1986的博客
09-19 3627
在游戏开发中 经常遇到滚动显示的数据 特别是商店商品 排行榜 .......等 数据很多，每一条数据去加载一个UI来显示显然对内存浪费很大，这种情况处理一般就是用几个显示条可滚动循环显示无限数据条。本篇介绍实现过程和大体思路以及可重用的滑动脚本InfinityGridLayoutGroup和MarketLayoutGroup数据管理刷新脚本。MarketElement类要看具体项目中具体数据结构...
UGUI 实现无限滚动
Hello Captain
05-31 1万+
界面中大量使用了 Outline 以及界面复杂度较高，在邮件 等需要超长滚动列表的界面，就会十分卡顿。既然美术与策划同学不能妥协，那就来优化代码。按照滚动区域的属性，展示给玩家看的只是一小块区域，比如列表中有100封邮件，其实只要显示个七八封就够了，剩下的，在向上滑动的时候，把第一排移动到最后一排，替换内容。
Unity3d中ScrollView鼠标滚轮滚动慢或滚不动
zouxin_88的专栏
08-18 8003
将ScrollRect的Scroll Sensitivity改大一些
推荐一款高效实用的Unity3D游戏框架——MotionFramework
gitblog_00077的博客
05-19 782
推荐一款高效实用的Unity3D游戏框架——MotionFramework 项目地址:https://gitcode.com/gmhevinci/MotionFramework 如果你正在寻找一个功能强大、易于上手且高度可扩展的Unity3D游戏开发框架，那么MotionFramework绝对值得你的关注。这款框架以其轻量级设计、优秀的易用性和低耦合度为开发者带来极大的便利，无论你是创业团队、独立...
infinite-scroll-unity:无限滚动是一个脚本扩展，允许您将ScrollRect控件用作无限微调器。 这是一种快速，简单且易于移动的方式来创建具有数千行的列表
05-17
无限滚动 无限滚动是一个脚本扩展，允许您将ScrollRect控件用作无限微调器。 这是一种快速，简单且易于移动的方式来创建具有数千行的列表。 它易于使用，并且斋戒，没有时差，没有抖动。 在iOS和Android上进行了测试。 特征 简单，轻便，适合移动设备，只需一个脚本 列表项可以完全自定义以适合您的项目 动态的，数据驱动的列表 高效地重复使用列表项 可选的“推入刷新”功能 不同的清单项目高度/宽度支持！ 包括演示，教程和完整的C＃源代码 如何使用 将文件复制到您现有的统一项目资产文件夹中 将InfiniteScroll脚本附加到Unity UI ScrollView对象 初始化列表并定义回调 演示版 打开演示场景并进行构建，以尝试其工作方式 例子
Unity 无限滚动
木之子南
12-12 2415
先看一下实现的效果： 接下来详细讲解一下具体实现步骤： 一、 创建好Content以及初始个数的item 按照预设体的宽/高创建出Content的总长度。 根据ViewPort，也就是绿色背景的宽度来创建初始个数的预设体。也就是ViewPort_Witdh / item_Width 向上取整并 + 1，显示部分是可以被看到的，但是在滑动那过程中，需要有一个临时item来改变位置。如上图未滑动时...
Unity3d C# UGUI实现自动循环滚动的列表（ScrollRect）的功能源码
10-17
Unity3d C# UGUI实现自动循环滚动的列表（ScrollRect）的功能源码 建议看说明：https://blog.csdn.net/qq_33789001/article/details/120813324
Unity3d C#实现UGUI ScrollRect的轮播图效果
最新发布
07-02
实现的思路是基于UGUI的ScrollRect组件用于滑动效果，而其中的HorizontalLayoutGroup或者VerticalLayoutGroup对Content的内容进行排序，平滑的切换效果是使用移动的动画效果（插件DOTweenPro），其余的核心就是轮播...
unity+UGUI+无限滚动技术制作排行榜
03-31
在本案例中，我们特别关注Infinity GridLayoutGroup，这是一个定制的布局组，专门为了实现无限滚动效果而设计。 Infinity GridLayoutGroup的工作原理是通过复制和重用已存在的元素，而不是每次滚动时都创建新的元素...
DynamicScrollRect可滚动的ScrollRect的unity3d插件UI布局
04-25
DynamicScrollRect可滚动的ScrollRect的unity3d插件UI布局 用于unity2021以上版本为该场景提供了一种优化的解决方案。滚动视图仅会实例化滚动视图内部将要显示的元素，从而节省了大量的绘制和内存使用。...
Unity UGUI中使用scroll rect和content size fitter问题
隔壁老王三金的博客
08-23 5403
最近成为了底层拼图仔，对一些Unity中UGUI遇到的问题进行一下总结。 以下内容均在Unity2017.4中实现 一. 搭建一个xx列表 许多UI中都可能需要实现可上下拖拽的列表功能，比如手机QQ中的聊天列表以及浏览器的上下拖拽显示内容列表。脑中有了大致的实现效果，便可以搭建起来了。 所以我们先初步要实现一个列表的效果就是： 假设列表中每个信息都是一个item，每接收到一个item，则会在...
Unity3d C# UGUI实现一个自动循环滚动的列表（ScrollRect）的功能（含工程源码）
qq_33789001的博客
10-17 1万+
目录前言效果实现搭建UI定义滚动方向初始化数值自动滚动工程源码注意横向竖向 前言 如题的功能在项目中经常用到，滚动的信息内容，我们用scrollbar的value来控制滚动是可以实现的，不过当value为1时，我们从0继续循环会造成有闪烁的情况而且比较突兀，经过一段时间的研究终于实现了该功能。 效果 分别方向的移动 实现 自动滚动的思路就是不断的增加某一个方向的偏移值就可以实现，循环滚动时，将最早移出的节点移至滚动队列的最尾端即可，同时计算新的偏移值并同步，让列表看不出抖动，即可实现一直循环滚动，在此
【游戏开发实战】Unity循环复用列表，支持不规则尺寸（对象池 | UGUI | ScrollRect | Demo源码）
linxinfa的专栏
12-19 1万+
【游戏开发实战】Unity循环复用列表，支持不规则尺寸（对象池 | UGUI | ScrollRect | Demo源码）
unity3d 在UGUI中制作自适应调整大小的滚动布局控件
热门推荐
码农成长日记
02-03 5万+
在游戏中，我们很多地方需要用到scroll content的概念：我们需要一个容器，能够指定布局方式（比如横排排列、竖排排列、网格排列）等。然后我们向其中填充内容，这个容器应该自己能够处理所有的元素布局，包括相关的滚动条等等概念。 一个经典的例子就是制作一个物品栏： 在UGUI中，我们要如何来制作呢？ UGUI原生态提供Scroll Rect Componen
unity的ugui-8.scroll view无限循环列表
weixin_44453949的博客
05-07 2026
目录操作用到的api 操作 之前文章有，简单写一下 新建scroll view，，，取消水平滑动 将viewport-》content修改至如下面版，间距可以自己调 在content下新建image，调至合适大小，做成预制体，注意观察预制体的rectTransfrom有没有变动，有的话改一下 用到的api public void GetWorldCorners(Vector3[] fourCornersArray); 可以得到ui的recttransfrom的矩形区域的4个点坐标 transfrom.c
Unity GridLayoutGroup子物体动画效果
BDDNH的博客
08-05 1529
GridLayoutGroup可以很好的帮助UI布局。但是在调整子物体顺序，或者新添加子物体的时候，都是将子物体直接变换坐标，大小到指定值。导致用户体验不好。 解决方法： 建立空的物体，放置在GridLayoutGroup下。之前的UI图标，移出GridLayoutGroup。每一个UI图标对应一个空物体，然后UI图标再检测自己坐标是否和空物体相同，不同就可以使用Dotween进行变化。 ...
Unity UGUI ScrollView无限滚动效果
ToToTofu的博客
05-29 2224
一、发现需求 1、在UGUI中，使用 ScrollView + 表格布局和字段自适应组件 就可以很好的实现列表功能。 2、如果列表中同时存在很多个Item时，就会造成性能不必要的浪费。 3、这时就想到，只在列表显示的地方实例化有限的Item即可。 二、实现原理 在列表滑动时，根据Content移动的位置偏差，计算出当前需要显示的Item索引，继而动态刷新Item数据 三、实现需求 1、新建一个...
Unity 3D ScrollRect 无限循环复用
songhuanfei2017的博客
07-02 1935
一个简单的列表，一行一个item，垂直滑动。 看看代码，简单修改一下可以实现多列，水平滑动等等，或者是加各种回调，就不写了。 using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public interface IReuseScrollRect { float GetItemHeigh...
【Unity】优化UGUI 滚动条ScrollRect（高效复用）
天生爱赞美的博客
12-06 3万+
最近忙于性能优化，深切体会到二八法则真是指导高(tou)效(lan)工作的有力武器。这个礼拜花了几天解决了一个实际问题：UGUI的ScrollRect加载太多物体的时候，第一次弹出界面会非常卡顿，而且不在界面里的内容依然会参与绘制(毫无意义的浪费…)。 ChangeLog v1.03 终于支持了ScrollBar，支持直接创建v1.02 Bug Fixes，无尽模式v1.01
UGUI实现无限滚动列表教程
本篇文章主要介绍了如何在Unity 3D中使用UGUI（Universal Graphics Interface）实现一个无限滚动列表功能。无限滚动列表是一种常见的用户界面设计，它允许用户在列表视图中滚动查看大量内容，而无需预先加载所有数据...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

多辣A梦

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

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

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

打赏作者

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

抵扣说明：

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

余额充值