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

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

#unity #游戏引擎

本文介绍了一种使用自适应高度的垂直布局与grid布局组件结合的方法，实现动态调整UI层级的效果，适用于游戏等需要灵活变化界面的应用场景。

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

【UGUI】学会Unity中UGUI中UI元素自适应问题
leoysq的博客
09-19 3690
就像画一幅画，首先我们需要一张什么也没有的白纸贴在画板上（这个画板就是：Canvas）,有了画板以后，我们就可以一层层的铺上画面元素了，这些画面元素就是具体的UI元素（包括：一个图、按钮、滚动条、勾选框、文本框等等）而且，在层级面板的UI名称列表中（大纲列表）排在上面的就会被放在图层下方，后面创建的UI会遮住早先创建的，就像一层层的画画一样，后面刷的颜色肯定是在最前方。但是UI元素的锚点定位好了,我UI元素本身呢，这还不好说吗，就像任何图像在设计软件在都会围绕锚点，并且跟随锚点。UI元素本身也会跟随锚点。
【unity游戏开发入门到精通——UGUI】UGUI自动布局组件
最新发布
向宇
05-02 1652
虽然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 581
using System.Collections; using System.Collections.Generic; using UnityEngine; public class CameraAdaptation : MonoBehaviour { public float initSize;//初始摄像机size public float initWith;//初始分辨率的...
UGUI自适应工具
zhanxi1992的专栏
09-16 792
游戏开发中UI自适应是个非常重要的环节，自适应方式不仅影响游戏的美观，也影响在不同机型上的交互。实际游戏开发中美观方面一般交给美术或策划调整，然闻道有先后，术业有专攻。需要一个简单易用的工具来辅助他们调整，通过代码修改 Scene 下的分辨率。下面是具体工具的代码实现，游戏中使用1334 * 750作为标准分辨率。 //*******************************...
unity ugui图片自适应文字内容大小
没钱装电脑的程序猿
11-07 5324
本文转摘自博客园： 倾城之叹 1、（UI提示框与文字） Unity Text组件需要与Image组件自适应新建如图的UI物体 如图为Image的RectTransform中设置Pivot（中心点），如果需要向上向左适应，则将中心点设置在Image的右下方，并添加Content Size Fitter 组件（放在父物体上，可以根据子物体的大小来控制父物体的大小），添加Horizonta
unity UGUI动态滑动列表
anyan1858的博客
11-22 2328
步骤： 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】列表内容宽高自适应，多级列表布局的LayoutGroup与Content Size Fitter层级设置
qq_53334750的博客
07-08 3247
起因是做一个列表项大小会根据显示内容变化的通用列表页面，了解到unity有一个专门用于设置对象自适应尺寸的组件Content Size Fitter。
Unity填坑之布局元素与自适应组件
kylinok的博客
02-23 1302
Unity填坑之布局元素与自适应组件 文章目录Unity填坑之布局元素与自适应组件前言一、嵌套使用总结 前言 ugui中经常使用布局元素组件，即：Layout Group组件。他用于控制子项的自动布局，不需要用户去繁琐的调整子项的位置。另外一个组件：content size fitter，自适应组件，能够根据子项控制自己的大小。 一、嵌套使用 两者配合使用能够让UI实现自动伸缩扩展的效果，如下所示，当各个要求里面没有内容，或者内容增多时，可以自动上下伸缩，到达图2，和图3的效果。 图2 图3：
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 954
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 1326
Unity中有很多地方需要列表，但展示的项目过多，就不能全部创建，太耗性能，这样做也会被boss骂死，这就需要动态列表using UnityEngine; using System.Collections; using System.Collections.Generic; using UnityEngine.UI; namespace DynamicGridFloader { publ
unity中垂直列表框的制作
qq_40710585的博客
05-19 1500
先做到如下图的步骤。再创建一个空物体。使这个空物体的宽度和上面的一样。并将dui拖到空物体下面，复制多个。下图中蒋改变空物体GameObject的大小使它包含所有子物体。然后在新建一个UI图片，名字改为ScoreRect,成为空物体的父物体，并给它添加ScoreRect组件，并通过拖拽赋值，如下图所示。给ScoreRect添加Mask组件，并去掉图片的背景滚动图片的显示。这个时候运行就OK了。最后...
Unity 无限循环ScoreView （垂直或者水平2种展示）
Yxwx的博客
05-27 584
记录一个昨天刚做的无限循环ScoreView ，这个比较简单，网上教程很多，我这里就不详细说了，代码都有注释，直接上代码。 首先是的scrollView Item类，这个类主要用于检测，某个Conten下的对象，是否需要回收，是否需要调用被回收的对象 public class LooPItem : MonoBehaviour { private RectTransform selfRect; //获取自身的rect private RectTransform scrollViewRe
UGUI 列表控件 : Vertical Layout Group (垂直列表)
sarah_shao的博客
05-13 1762
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 6910
效果：当前用的 Unity 版本为 5.6.7f1，场景分辨率为 1440 * 2560，下面的案例中，都是以这个分辨率为标准，如果你设置的屏幕大小和我的不一样，那么在后面的操作中，参数可能会不一样。
《Unity》 判断点击是否在UI的recttransform范围内
新人
04-01 4648
unity提供了很多API给我们使用，但是经常会由于锚点或者不好的原因计算错误的结果，这里有一个100%正确的做法。 private Rect GetWorldRect(RectTransform rectTransform) { Vector3[] corners = new Vector3[4]; rectTransform.GetWorldCorners(corners); float width = Math
Unity3d UGUI技术：底部UI高度自适应与内容动态适配
通过以上步骤，你可以创建出一个能够适应不同屏幕高度的底部UI布局，无论是在横屏还是竖屏模式下，都能够保证UI元素的合理分布和可访问性。 值得一提的是，开发者也可以使用脚本来动态调整UI元素的属性，以适应不同...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

JustEasyCode

谢谢您

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

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

打赏作者

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

抵扣说明：

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

余额充值