UGUI中一种由孩子元素决定大小的嵌套Layout的实现方法

最新推荐文章于 2024-05-16 13:55:16 发布
原创 最新推荐文章于 2024-05-16 13:55:16 发布 · 2.2k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文深入讲解Unity中ContentSizeFitter及VerticalHorizontalLayoutGroup组件的使用方法，包括如何让父元素适应子元素，以及如何让孩子元素控制自身大小或扩展至父元素大小。提供了具体的Unity版本信息与官方文档链接。

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

Unity版本：2017.2.0f3

Content Size Fitter的Horizontal Fit、Vertical Fit用于父元素去适应孩子元素。
Vertical\Horizontal Layout Group 的 Child Controls Size用于让孩子元素自己控制自己的大小（即保持孩子原大小）。Child Force Expand用于强制孩子元素扩展到父元素大小。

具体参考请Unity官方文档：

https://docs.unity3d.com/Manual/HOWTO-UIFitContentSize.html

https://docs.unity3d.com/2017.4/Documentation/Manual/UIAutoLayout.html

https://docs.unity3d.com/2017.4/Documentation/Manual/script-ContentSizeFitter.html

https://docs.unity3d.com/2017.4/Documentation/Manual/script-VerticalLayoutGroup.html

以下是我的一种实现：

结构：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

效果：

在这里插入图片描述

在这里插入图片描述

浅析 ContentSizeFitter 以及 Horizontal Layout Group 嵌套问题
qq_45858222的博客
07-11 1142
一个根据内容自动改变大小的信息显示列表，在嵌套时遇到了问题。 用ContentSizeFitter，简单了解了一下ContentSizeFitter的源码。
unity 利用Content Size Fitter和Layout Element UI列表嵌套列表
qq_39976692的博客
06-13 647
先在一级层级上挂上VerticalLayoutGroup和ContentSizeFitter两个组件，如果是竖向的就将ControlChildSize的Height勾选，如果横向的则勾选Width。三级层级上所有子物体上必须得挂上LayoutElement并且按照我所设置的进行设置，当然长宽可以自定义，和其它同级统一就行，否则会受到父级影响长宽归零。然后在二级层级上挂上VerticalLayoutGroup和LayoutElement。要扩大长款的三级层级挂载的组件按照图里设置。先看下是不是想要的效果。
[UnityUI]UGUI自适应
热门推荐
宏哥的博客
03-12 2万+
参考链接： http://www.jianshu.com/p/96fd1fbe8409 http://blog.sina.com.cn/s/blog_4148e8630102vji9.html http://www.xuanyusong.com/archives/3278 关键点： 0.自适应的测试：通过设置多种的屏幕大小进行测试，测试时最好要打开Maximize o
UGUI ContentSizeFitter 嵌套 适配
yhjsspz的专栏
09-27 2998
Unity不支持ContentSizeFitter的嵌套，如果使用了嵌套则会出现警告，并且有些时候没有效果。 但是实际应用时候肯定会碰到嵌套的情况，这怎么办呢？ 其实我们只需要在最外层加一个ContentSizeFitter，里面使用VertivalLayoutGroup和HorizontalLayoutGroup布局，并且勾上ChildControlsSize的Height或Width（根据实际情况，适配高就勾Height，适配宽就勾Width） 但是会碰到很坑爹的Image之类的组件，使用了Ch.
关于unity Content Size Fitter 套 Content Size Fitter
qq_42489774的博客
07-17 2201
首先：最好不要unity Content Size Fitter 套 Content Size Fitter这样最后得到的变化可能会错误unity也提示了，父物体如果有了，那么子物体就不要再加了。
UGUI轮播图组件实现方法详解
12-25
本文实例为大家分享了UGUI轮播图组件实现的具体代码，供大家参考，具体内容如下 要用到，于是就自已做了一个，自认为封装上还是OK的，开发于unity5.1.2。 支持自动轮播、手势切换、代码调用切换，支持水平和竖直两个...
Unity UGUI组件 InputField 根本文本内容自适应大小
03-26
下载完是一个C#脚本 直接挂到带有InputFeild组件的Obj上就行 Obj的RectTransform min.x max.x pivot.x 都 设置为0
Unity3d C#实现UGUI ScrollRect的轮播图效果
最新发布
07-02
实现的思路是基于UGUI的ScrollRect组件用于滑动效果，而其中的HorizontalLayoutGroup或者VerticalLayoutGroup对Content的内容进行排序，平滑的切换效果是使用移动的动画效果（插件DOTweenPro），其余的核心就是轮播...
UnityUGUI实现ScrollView 滑动居中的放大、其他的缩小，简单实现方法
01-21
UnityUGUI实现ScrollView 滑动居中的放大、其他的缩小，简单实现方法 配套资源文章：https://blog.youkuaiyun.com/lq1340817945/article/details/121001075
Unity UI组件LayoutGroup下Content Size Fitter 报错，不能 嵌套 和 使用 的替代解决方案
m0_62379440的博客
05-16 967
一种用于Unity，在UI层展示多条需要自适应大小、长度不定的带图片文本时，规避LayoutGroup组件不能使用Content Size Fitter的替代方案
UGUI使用小技巧（一） Content Size Fitter的使用
cuijiahao的专栏
10-15 537
1、文字组件上使用，推荐只要是Text都加上这个组件。 文字边框会随文本的宽度而发生缩放
ContentSizeFitter组件的一些问题
qq_36354353的博客
03-02 3392
在为文本框添加自适应组件ContentSizeFitter时，要注意代码中动态的改变文字内容时，文本框的大小时不会立即发生变化的，而是在下一帧发生变化，此时如果父物体上存在LayoutGroup布局组件时，改变文字的这一帧识别到的还是文本框改变之前的大小，此时会发生显示问题，这个时候需要刷新一下ContentSizeFitter组件，使文本框的大小立即生效 即SetLayoutVertical()...
UGUI代码动态UI的大小、尺寸等信息
porken的博客
09-15 9933
Unity是高度可视化编辑工具，但是难免有很多时候我们做UI需要动态创建UI元素，或者修改元素坐标、尺寸、锚点、轴心点等需求         前段时间正好遇到了这种需求，需要在UI界面上摆放一排带有动画的星星，但是星星的个数和位置是从配置表中读取的，不是固定的，这里我的解决方案是： 1、星星制作预设体 因为星星带有动画等属性，所以肯定是作为预设体放入Resources中动态实例化。 2、添
Unity填坑之布局元素与自适应组件
kylinok的博客
02-23 1203
Unity填坑之布局元素与自适应组件 文章目录Unity填坑之布局元素与自适应组件前言一、嵌套使用总结 前言 ugui中经常使用布局元素组件，即：Layout Group组件。他用于控制子项的自动布局，不需要用户去繁琐的调整子项的位置。另外一个组件：content size fitter，自适应组件，能够根据子项控制自己的大小。 一、嵌套使用 两者配合使用能够让UI实现自动伸缩扩展的效果，如下所示，当各个要求里面没有内容，或者内容增多时，可以自动上下伸缩，到达图2，和图3的效果。 图2 图3：
[UGUI]父物体跟随子物体尺寸变化大小
yhx956058885的博客
05-17 3343
父物体跟随子物体尺寸变化大小；根据文本框输入内容，自动调整背景尺寸
Unity UGUI Text背景适应文字，多层排版的时候Parent has a type of layout group component
qq_37390527的博客
12-21 5474
在使用Text 和 Content Size Fitter 还有Layout进行布局的时候，如果设计到多承嵌套往往会懵逼，比如我们需要做一套向下面的UI 最外面有排序，Content里面的Text 内容不确定，需要自适应。 这时候很容向到的预制体方案是 Scroll View --Viewport ----Content [Content Size Fitter] Vertical Fit: Preferred Size [Vertical Layout Group]
关于UGUI如何自动拓展父物体大小
小逗比的不定时日记本
10-09 8769
很久没有更新博客了，今天来更新一些ugui的动态滚动菜单栏，去年的时候要用动态加载每个页面的菜单栏的内容，那时候发现UGUI似乎没有直接的方法（其实自己没有仔细研究UGUI）于是自己绕了很大的圈子自己手动去根据加载来调整大小。 前阵子阅读UGUI的相关文档时候发现了UGUI带有一个组件： 这个组件可以帮我们自动拓展父物体的大小来使用Scrill  Rect组件。 这里注意一点使用的C
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值