Unity ScrollRect中使元素实现不同间距

最新推荐文章于 2025-12-05 16:30:38 发布
原创 最新推荐文章于 2025-12-05 16:30:38 发布 · 152 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#unity #游戏引擎

需求：在一个滑动列表中，整体纵向排列，可以上下滑动，第一行的元素为子ScrollRect，子ScrollRect横向排列，可以左右滑动

请添加图片描述
可以看到子ScrollRect的高度和滑动条的高度不一致

实现思路：使用Vertical Layout Group组件和Content Size Fitter组件，Content Size Fitter需要设置为Preferred Size 所以子ScrollRect中的元素都需要添加Layout Element组件并设置自身的宽高度，这样在子ScrollRect和下方滑动条之间添加一个空物体通过控制该空物体上Layout Element组件的高度实现整体ScrollRect中元素不同间距

在这里插入图片描述在这里插入图片描述

Mzq_mzq
关注
【unity游戏开发入门到精通——UGUI】UI控件 —— ScrollView滚动视图
向宇
04-24 1842
【unity游戏开发入门到精通——UGUI】UI控件 —— ScrollView滚动视图
【Unity】UGUI中 Scrollview / ScrollRect滑动到指定元素位置
qq_41789645的博客
09-25 1127
ugui中scrollview滑动到指定位置
Unity ScrollRect滑动
IT_choshim的博客
06-28 7260
ScrollRect通常是和Mask组件一起使用的。mask组件的功能是使滑动到scrollrect指定区域之外的内容隐藏。滑动ui层级结构，如下图所示：tabcontrol : tabcontrol上绑定着ScrollRect、Mask、Image组件。    ScrollRect ： Content 滑动的内容，也就是tabcontrol层级下的Content，拖拽进去            ...
unity scrollRect 按页翻页实现
乐子下午要上课
12-21 905
参考 https://blog.youkuaiyun.com/liu_sanad/article/details/81131894 https://github.com/Hperigo/Unity-ScrollRectController 两个的实现都多少有点问题，已经在评论贴指出 以下为我根据两个帖子综合了一下写出来的 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI;
Unity 中实现可翻页的 PageView
NRatel的博客
06-04 919
以 ListView 为基础。实现可翻页的 PageView。 可配置翻页类型、是否自动轮播、反向轮播等。
Unity中改变horizontalNormalizedPosition值从而实现页面切换效果
虚粒世界
01-04 4411
首先在Unity中新建一个脚本SlideCanCoverScrollView，把这个脚本绑定在拥有ScrollView组件的游戏物体上面。然后复制以下的代码： using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; using UnityEngine.EventSystems; using System; using DG.Tweening; public cl
Unity ScrollRect中，拖拽移动Item的顺序
qq_41605368的博客
06-03 1252
Unity 拖拽列表中，鼠标按下并拖动Item，替换Item的顺序
Unity3D之UGUI基础9：ScrollRect卷动区域
加载中...
02-22 2546
  前文：https://blog.youkuaiyun.com/Jaihk662/article/details/87876606（Scrollbar卷动条） 一、ScrollRect卷动区域 ScrollRect卷动区域组成： 可以从上面看出，如果文字宽度/长度不需要卷动条，那么卷动条就会自动隐藏 ScrollRect卷动区域重要属性： Horizontal：数据是否可以横向拖动（注意...
Unity 中实现左右气泡的聊天效果
nbspzs的专栏
09-23 1342
在 Unity 中实现左右气泡的聊天效果，通常用于消息列表或聊天框界面，类似于微信、WhatsApp 等聊天应用的视觉风格。通过使用 ScrollView、Vertical Layout Group 以及动态生成的预制体，你可以轻松实现聊天气泡的左右布局效果。类似右侧的气泡预制体，创建另一个 UI Panel，设置 Text 为左对齐，并使用不同的背景图片（通常颜色不同以区分消息的发送者和接收者）。你可以为不同的消息类型创建不同的预制体，并通过条件判断生成不同的聊天气泡。// 右侧气泡预制体。
unity中ScrollRect虚拟化列表的简单实现
lbfht的专栏
12-16 1059
ScrollRect算是项目中需要经常用到的一个组件。但是因为unity本身并不支持scrollrect的虚拟化显示。在数据量很大时scrollrect中就会创建了过多的子项，导致项目卡顿。所以抽空简单实现了下项的重复使用，以达到性能优化的目的。然后就是公布一个外部可调用的接口方法。具体使用的时候就只需要刷新数据长度和绑定OnItemChanged事件回调进行数据刷新就好啦。这是测试代码：先根据输入的数字创建指定长度的数据。因为当前并不处理横向滚动，故先将横向的Scrollbar干点了。
精选资源
unity-ScrollRect
07-11
它使用了对象池的技术，通过在滚动过程中不断重用项目来实现循环滚动的效果。 使用LoopScrollRect时，你需要创建一个滚动视图容器，并将其中的项目放入一个预制体中。然后将这个预制体设置为LoopScrollRect的项预制...
unity scrollrect无线滚动组件
07-20
首先，用户的问题是关于在Unity中实现ScrollRect的无限滚动功能。用户说：“我想在Unity中实现ScrollRect的无限滚动功能 请问Unity ScrollRect 无限滚动 实现方法”。 从系统级指令中，我需要： - 所有行内数学...
unity ScrollRect动态添加内容
02-28
### Unity 中使用 ScrollRect...以上就是在 Unity 中利用 `ScrollRect` 组件实现动态添加内容的一个基本流程介绍。实际开发中可能会遇到更复杂的需求，例如分页加载数据、无限滚动等功能，则需进一步扩展上述方案[^4]。
Perforce《2025游戏技术现状报告》Part 3：不同行业挑战以及Unreal、Godot、自研游戏引擎的应用趋势
weixin_49715102的博客
12-05 1682
2025游戏技术现状报告Part 3：聚焦行业挑战与Unreal、Godot、自研游戏引擎的最新趋势。报告称，阻碍创新的头号敌人不是钱，而是“人”？Godot怎么就在非游戏行业火起来了？答案比想象中有趣。
Feigong，针对各种情况自由变化的mysql注入脚本,In view of the different things freely change the mysql injection scrip
最新发布
12-17
下载前可以先看下教程 https://pan.quark.cn/s/90f2470d331b Feigong --非攻 rm... 最近有了新的体验...Feigong 2.0loading....
【空气质量预测】北京 36 站预处理数据 落地即用无套路！.zip
12-17
【空气质量预测】北京 36 站预处理数据 落地即用无套路！.zip
理光 MP7503 MP6503 MP9003 维修手册p
12-17
理光 MP7503 MP6503 MP9003 维修手册p
【电子测试设备】基于USB-TMC协议的SPD3000系列直流稳压电源固件升级方法：通过EasyPower软件实现.ugf文件更新操作指导
12-17
内容概要：本文介绍了鼎阳直流稳压电源SPD3000系列的固件升级方法，通过PC端管理软件EasyPower和USBTMC连接实现。升级过程包括：安装EasyPower软件并建立与电源设备的USB连接，在软件界面中选择“版本”菜单下的“升级”选项，进入固件升级对话框后选择扩展名为.ugf的固件文件，确认后点击“升级”按钮开始更新。升级过程中需等待进度条完成，结束后重启设备即可正常使用。文中配有操作界面图示，详细展示了各步骤的操作位置和流程。; 适合人群：电子工程师、技术支持人员及具备基本仪器操作经验的实验室技术人员；适用于需要维护或更新SPD3000系列电源设备固件的专业用户。; 使用场景及目标：①当设备功能异常或需要新增功能时进行固件升级；②配合最新版EasyPower软件确保设备兼容性和稳定性；③提升设备性能或修复已知问题。; 阅读建议：在执行升级前请确保正确安装驱动和软件，并使用官方提供的.ugf格式固件文件，避免升级失败。操作过程中保持设备供电稳定，切勿中断升级流程，以防设备损坏。
米游社每日米游币自动化脚本
12-17
源码地址： https://pan.quark.cn/s/d1f41682e390 miyoubiAuto 米游社每日米游币自动化Python脚本(务必使用Python3) 8更新：更换cookie的获取地址 注意：禁止在B站、贴吧、或各大论坛大肆传播！ 作者已退游，项目不维护了。 如果有能力的可以pr修复。 小引一波 推荐关注几个非常可爱有趣的女孩！ 欢迎B站搜索: @嘉然今天吃什么 @向晚大魔王 @乃琳Queen @贝拉kira 第三方库 食用方法 下载源码 在Global.py中设置米游社Cookie 运行myb.py 本地第一次运行时会自动生产一个文件储存cookie，请勿删除 当前仅支持单个账号！ 获取Cookie方法 浏览器无痕模式打开 http://user.mihoyo.com/ ，登录账号 按，打开，找到并点击 按刷新页面，按下图复制 Cookie： How to get mys cookie 当触发时，可尝试按关闭，然后再次刷新页面，最后复制 Cookie。 也可以使用另一种方法： 复制代码 浏览器无痕模式打开 http://user.mihoyo.com/ ，登录账号 按，打开，找到并点击 控制台粘贴代码并运行，获得类似的输出信息 部分即为所需复制的 Cookie，点击确定复制 部署方法--腾讯云函数版（推荐！ ） 下载项目源码和压缩包 进入项目文件夹打开命令行执行以下命令 xxxxxxx为通过上面方式或取得米游社cookie 一定要用双引号包裹!! 例如: png 复制返回内容(包括括号) 例如: QQ截图20210505031552.png 登录腾讯云函数官网 选择函数服务-新建-自定义创建 函数名称随意-地区随意-运行环境Python3....
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值