《Unity UGUI》如何求出一个自适应布局的不同高度元素的垂直列表

最新推荐文章于 2023-06-06 09:01:41 发布
最新推荐文章于 2023-06-06 09:01:41 发布
阅读量851 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Unity UI 文章标签： unity 游戏引擎
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Icecoldless/article/details/122707188
本文介绍了一种使用自适应高度的垂直布局与grid布局组件结合的方法，实现动态调整UI层级的效果，适用于游戏等需要灵活变化界面的应用场景。

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

在这里插入图片描述
要完成的效果是这个样子的，怎么做呢， 我说下思路。
在这里插入图片描述
最外层肯定是一个自适应高度的垂直布局
最内层，除了普通列表元素以外，在使用一个自适应高度的grid布局组件。
在这里插入图片描述
之后在游戏里面根据逻辑修改grid在最外层列表里面层级就好了。

【UGUI】学会Unity中UGUI中UI元素自适应问题
leoysq的博客
09-19 3482
就像画一幅画，首先我们需要一张什么也没有的白纸贴在画板上（这个画板就是：Canvas）,有了画板以后，我们就可以一层层的铺上画面元素了，这些画面元素就是具体的UI元素（包括：一个图、按钮、滚动条、勾选框、文本框等等）而且，在层级面板的UI名称列表中（大纲列表）排在上面的就会被放在图层下方，后面创建的UI会遮住早先创建的，就像一层层的画画一样，后面刷的颜色肯定是在最前方。但是UI元素的锚点定位好了,我UI元素本身呢，这还不好说吗，就像任何图像在设计软件在都会围绕锚点，并且跟随锚点。UI元素本身也会跟随锚点。
【unity游戏开发入门到精通——UGUI】UGUI自动布局组件
最新发布
向宇
05-02 1317
虽然UGUI的RectTransform已经非常方便的可以帮助我们快速布局，但UGUI中还提供了很多可以帮助我们对UI控件进行自动布局的组件。他们可以帮助我们自动的设置UI控件的位置和大小等。注意要参与自动布局的布局元素必须包含布局属性，其实也就是指具备RectTransform的UI组件。一般是布局组件放到父对象上，子对象就是被布局的对象。属性翻译功能Padding填充左右上下边缘的偏移位置。Spacing间距子对象之间的间距。子级对齐九宫格对齐方式。控制子对象的大小。
Unity3d UGUI 实现底部UI自适应的功能工程
05-19
建议先看说明：https://blog.youkuaiyun.com/qq_33789001/article/details/124863522 Unity3d UGUI 实现底部UI自适应的功能工程 基于ScrollRect 、 Vertical Layout Group和 Grid Layout Group等组件，实现高度匹配，UI宽度内容动态适配的功能。
Unity自适应
凉夏微微
05-27 565
using System.Collections; using System.Collections.Generic; using UnityEngine; public class CameraAdaptation : MonoBehaviour { public float initSize;//初始摄像机size public float initWith;//初始分辨率的...
UGUI自适应工具
zhanxi1992的专栏
09-16 775
游戏开发中UI自适应是个非常重要的环节，自适应方式不仅影响游戏的美观，也影响在不同机型上的交互。实际游戏开发中美观方面一般交给美术或策划调整，然闻道有先后，术业有专攻。需要一个简单易用的工具来辅助他们调整，通过代码修改 Scene 下的分辨率。下面是具体工具的代码实现，游戏中使用1334 * 750作为标准分辨率。 //*******************************...
unity ugui图片自适应文字内容大小
没钱装电脑的程序猿
11-07 5285
本文转摘自博客园： 倾城之叹 1、（UI提示框与文字） Unity Text组件需要与Image组件自适应新建如图的UI物体 如图为Image的RectTransform中设置Pivot（中心点），如果需要向上向左适应，则将中心点设置在Image的右下方，并添加Content Size Fitter 组件（放在父物体上，可以根据子物体的大小来控制父物体的大小），添加Horizonta
unity UGUI动态滑动列表
anyan1858的博客
11-22 2257
步骤： 1.在SceneMail创建一个Panel 改名为ScrollRect，ScrollRect添加Mask和Scroll Rect组件，Scroll Rect组件勾选Vertical 只需要垂直滚动 2.在SceneMail创建一个Scrollbar控件 3.ScrollRect上添加子控件Panel 改名为ScorllView，Scorl...
【Unity UGUI深度解析】：自适应布局的高级技巧和最佳实践
UGUI自适应布局的理论基础 在用户界面设计中，自适应布局是一种关键的技术，它能够确保不同屏幕尺寸和分辨率的设备上都能展示出良好的视觉效果和用户体验。为了实现这一目标，开发者必须深入了解UGUI（Unity Game ...
unity android屏幕自适配,关于Unity中的UGUI的屏幕自适应（多分配率适配）
weixin_30888681的博客
06-08 2305
前言：最近在学习UGUI，在学习UGUI当中的屏幕自适应的时候出现了问题，搞的我很头疼，于是在网上查了很多资料，花了一晚上的时间，其实当时还是没想明白，但夜里突然失眠了，于是想了想昨天晚上看的资料，突然灵光一闪好像明白了点什么，为了方便以后的查阅，因此也就有了这篇文章。好了咱们废话不多说 ~想要明白UGUI的屏幕自适应(多分配率适配)首先你要明白：Canvas和锚点有什么区别？因为在进行适配的时候...
【Unity-UGUI控件全面解析】| Layout自动布局组件详解
热门推荐
努力前行，总会成为自己心中的那道光
06-06 2万+
UGUI中有个自动布局组件Auto Layout，主要包含下面几个模块（点击可进入官方文档下查看描述）： 自动布局 布局元素 (Layout Element) 水平布局组 (Horizontal Layout Group) 垂直布局组 (Vertical Layout Group) 网格布局组 (Grid Layout Group) 内容大小适配器 (Content Size Fitter) 自动布局系统 基于布局元素和布局控制器的概念。一个布局元素是具有矩形变换以及其他可选组件的游戏对象。布局元素对自身
Unity UGUI组件 InputField 根本文本内容自适应大小
03-26
下载完是一个C#脚本 直接挂到带有InputFeild组件的Obj上就行 Obj的RectTransform min.x max.x pivot.x 都 设置为0
Unity ScrollView实现动态列表生成
12-20
制作根据实时获取的数据动态改变的列表，UGUI 的 Scroll View 已经封装好了基本的参数，总结一些值得注意的地方和动态生成列表的方法。 在 Canvas 创建 Scroll View 后，基本结构如下。 一. 注意两点： 1. Content 下放自定义的列表内容，如这个 item 是名为“张三”的 Button 预制件。（制作为 Button 因为我的项目里需要点击列表项产生交互结果） 2. 如果是顶部固定，往下依次延伸的列表，Content 和里边自己的 item 中心锚点要一致，如下设置 Anchors 的参数，锚点在Content 和 item 的顶部正中 二. 动态生
unity ugui 创建垂直滑动列表
kevin_virus的博客
08-30 926
1.在canvas下Scroll View对象 2.取消勾选Scroll View 的 Horizontal 属性，并删除Scroll View子物体 Scrollbar Horizontal(此处只创建垂直滑动列表) 3.给Content添加控件 Veritical Layout Group和Content Size Fitter组件 4.将列表中需要显示的物体添加...
Unity 动态列表DynamicGrid
阳尘子的博客
05-05 1309
Unity中有很多地方需要列表，但展示的项目过多，就不能全部创建，太耗性能，这样做也会被boss骂死，这就需要动态列表using UnityEngine; using System.Collections; using System.Collections.Generic; using UnityEngine.UI; namespace DynamicGridFloader { publ
unity中垂直列表框的制作
qq_40710585的博客
05-19 1478
先做到如下图的步骤。再创建一个空物体。使这个空物体的宽度和上面的一样。并将dui拖到空物体下面，复制多个。下图中蒋改变空物体GameObject的大小使它包含所有子物体。然后在新建一个UI图片，名字改为ScoreRect,成为空物体的父物体，并给它添加ScoreRect组件，并通过拖拽赋值，如下图所示。给ScoreRect添加Mask组件，并去掉图片的背景滚动图片的显示。这个时候运行就OK了。最后...
Unity 无限循环ScoreView （垂直或者水平2种展示）
Yxwx的博客
05-27 562
记录一个昨天刚做的无限循环ScoreView ，这个比较简单，网上教程很多，我这里就不详细说了，代码都有注释，直接上代码。 首先是的scrollView Item类，这个类主要用于检测，某个Conten下的对象，是否需要回收，是否需要调用被回收的对象 public class LooPItem : MonoBehaviour { private RectTransform selfRect; //获取自身的rect private RectTransform scrollViewRe
UGUI 列表控件 : Vertical Layout Group (垂直列表)
sarah_shao的博客
05-13 1748
https://www.cnblogs.com/lubei/p/5931157.html Spacing 表示 每个 Item 之间的距离。 Child Alignment 表示对齐方式。 Child Force Expand 表示 自适应 宽 和高 使用了 列表之后 ，它的每一个子物体都不能设置 Rect Transform ,如图 可以使用 Layout Element Ignore Layo...
Unity UGUI 滚动列表
熊思雨的博客
02-14 6751
效果：当前用的 Unity 版本为 5.6.7f1，场景分辨率为 1440 * 2560，下面的案例中，都是以这个分辨率为标准，如果你设置的屏幕大小和我的不一样，那么在后面的操作中，参数可能会不一样。
《Unity》 判断点击是否在UI的recttransform范围内
新人
04-01 4566
unity提供了很多API给我们使用，但是经常会由于锚点或者不好的原因计算错误的结果，这里有一个100%正确的做法。 private Rect GetWorldRect(RectTransform rectTransform) { Vector3[] corners = new Vector3[4]; rectTransform.GetWorldCorners(corners); float width = Math
《Unity》FixedUpdate
新人
03-29 4152
https://blog.youkuaiyun.com/qq_41472101/article/details/108785579 看这篇文章 打印输出， 并不是真实的时间间隔，至少是在某一帧内，根据某次帧渲染的时间来进行fixupdate函数的多次调用，至少调用一次。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

JustEasyCode

谢谢您

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

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

打赏作者

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

抵扣说明：

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

余额充值