LayoutGroup自动布局问题

最新推荐文章于 2024-10-24 09:52:14 发布
原创 最新推荐文章于 2024-10-24 09:52:14 发布 · 2.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何在Unity中使用ContentSizeFitter组件使文本框随内容自增长，并通过强制刷新解决尺寸更新延迟的问题，确保即时获取正确的宽高值。

1.一个文本框，需要随着字数的增加，实现文本框大小的自增长。可以用到ContentSizeFitter。

配合Layout布局，可以实现多个文本框的自增长。

父物体添加Horization Layout Group 和 Content Size Fitter； 子物体添加LayoutElement

此时，在父物体下添加子物体，父物体的大小会自动变化。

2. 增加完子物体后，需要获取父物体整体的宽和高。

此时，出现了一个问题，子物体添加完成后，父物体整体的长和宽并没有变化。

变化发生在后面几帧。

使用强制刷新，之后可以获取正确的数值。

【Unity-UGUI控件全面解析】| Layout自动布局组件详解
努力前行，总会成为自己心中的那道光
06-06 2万+
UGUI中有个自动布局组件Auto Layout，主要包含下面几个模块（点击可进入官方文档下查看描述）： 自动布局 布局元素 (Layout Element) 水平布局组 (Horizontal Layout Group) 垂直布局组 (Vertical Layout Group) 网格布局组 (Grid Layout Group) 内容大小适配器 (Content Size Fitter) 自动布局系统 基于布局元素和布局控制器的概念。一个布局元素是具有矩形变换以及其他可选组件的游戏对象。布局元素对自身
UGUI自动布局Layout
ellis1970的博客
10-23 515
自动布局就是自动设置若干个对象尺寸和位置的功能，在游戏中有广泛应用
UGUI 源码之 LayoutGroup
NRatel的博客
03-05 4514
一、重点： 1、LayoutGroup 继承自UIBehaviour，可以利用其生命周期方法设置脏标记。 2、LayoutGroup 实现了两个接口 ILayoutElement, ILayoutGroup，说明它既是一个布局元素，又是一个布局控制器。 3、CalculateLayoutInputHorizontal() 为子类提供一个通用的、计算有效的 m_RectChildren（没有实现 ILayoutIgnorer 接口的子物体 和 实现了 ILayoutIgnorer 接口，但 ignor.
UGUI——LayoutGroup
fztfztfzt的专栏
02-22 696
在自身属性、transform尺寸或者子节点发生改变时被调用，将recttransform注册进layout的rebuild列表里，rebuild时计算所有子节点大小和layout属性
Unity3D LayoutGroup组件详解
Thomas_YXQ的博客
10-24 912
Unity3D中的LayoutGroup组件是一种强大的工具，用于动态调整UI元素的布局。它主要包括三种类型：Horizontal Layout Group（水平布局组）、Vertical Layout Group（垂直布局组）和Grid Layout Group（网格布局组）。这些布局组件常与Content Size Fitter、Layout Element组件一起使用，以实现灵活的UI布局。对惹，这里有一个游戏开发交流小组，希望大家可以点击进来一起交流一下开发经验呀！
Unity UGUI的自动布局-LayoutGroup（水平布局）组件
leoysq的博客
11-23 4160
i < 3;i++)创建一个空物体，并添加HorizontalLayoutGroup组件。创建一个子物体预制体，包含一个Text组件。将子物体预制体拖拽到layoutGroup的Child Prefab属性中。将layoutGroup的Child Alignment属性设置为Middle Center。运行游戏，可以看到子物体在水平方向上居中对齐。
UGUI源码解析——LayoutGroup
L的博客
06-14 753
LayoutGroup实现了ILayoutElement和ILayoutGroup，说明它既是一个布局元素也是一个布局控制器——CalculateLayoutInputHorizontal：实现了CalculateLayoutInputHorizontal方法，得到被布局系统所控制的所有元素 ——GetStartOffset：根据给定轴(axis)和对齐方式(childAlignment)计算出第一个元素的起始坐标........................
精选资源
LayoutGroupAnimation:演示如何在Unity UI中为LayoutGroup设置动画
05-11
在Unity游戏开发中，UI设计和交互性是至关重要的元素，而`LayoutGroup`是Unity UI（UGUI）系统中的一个重要组成部分，它用于自动管理UI元素的排列和布局。本项目"LayoutGroupAnimation"旨在解决Unity UI布局系统在...
Unity 之 UGUI Layout自动布局组件详解
热门推荐
陈言必行 -- Unity游戏开发领域优质博主
10-11 1万+
自动布局系统提供了将元素放置在嵌套布局组（如水平组、垂直组或网格）中的方法。使用该系统还可以根据元素包含的内容自动调整元素的大小。
Unity ui水平布局组 (Horizontal Layout Group)
XueZhiXia_的博客
10-02 2248
然后，在控制子项的大小时，布局组不会让子项的大小超过偏好大小。但是，如果布局组启用了 Child Force Expand 选项，则始终会使所有子项的灵活大小至少为 1。向需要扩展的子项添加布局元素组件并在这些布局元素上启用 Flexible Width 或 Flexible Height 属性，即可轻松控制此行为。向需要扩展的子项添加布局元素组件并在这些布局元素上启用 Flexible Width 或 Flexible Height 属性，即可轻松控制此行为。分别对应左，右，上，下。
UGUI_LayoutGroup布局
Edward的博客
08-21 3400
unity的LayoutGroup分为三种 Horizontal Layout Group（水平布局） Vertical Layout Group（垂直布局） Grid Layout Group （网格布局）  Padding 就是偏移 Spacing 表示 cell之间的距离。Child Alignment 表示对齐方式。Child Force E
UGUI自动布局_LayoutGroups
折戟
10-27 1408
LayoutGroups 同时是LayoutControl和LayoutElement。它先监听各个子对象提供的大小的信息。然后就可以决定它自身的最小，适合大小的信息。同时它提供出了自己的最合适和最小的大小信息。 如果这个时候，LayoutGroups上同时有ContentSizeFitter组件。该组件监听到了LayoutGroups提供的自身的最小和最合适的大小的信息了。根据Conten
UGUI源码解析（二十四）LayoutGroup
qq826364410的专栏
03-06 1001
LayoutGroup类 LayoutGroup是一个抽象类，继承了UIBehaviour, ILayoutElement, ILayoutGroup。HorizontalOrVerticalLayoutGroup和GridLayoutGroup继承自它。 继承自ILayoutController的方法，LayoutGroup的SetLayoutHorizontal和SetLayoutVert...
【一文读懂】Unity布局组件：Horizontal Layout Group(水平布局组)，Vertical Layout Group(垂直布局组),Grid Layout Group(网格布局组)
grapefruit_lyy的博客
09-13 5537
本篇文章来学习一下Unity常用的布局组件，主要包括Horizontal Layout Group(水平布局组)，Vertical Layout Group(垂直布局组),Grid Layout Group(网格布局组)。这些布局组件常与、Layout Element组件一起使用。
unity组件【滑动列表】三
weixin_43043100的博客
07-24 947
Grid Layout Group && Layout Element 介绍属性图示 介绍 Grid Layout Group: 网格布局组件将其子布局元素放置在网格中。 Layout Element： 如果要覆盖布局元素的最小，首选或灵活大小，可以通过向GameObject中添加一个Layout Element组件来实现。 属性 【Grid Layout Group】 Padding:布局组边缘内的填充。 Cell Size:组中的每个布局元素使用的大小。 Spacing:布局
UGUI提高<二> LayoutGroup布局参数详解
我是重阳 的专栏
11-17 1万+
原创 一. Grid Layout Group 横竖布局 Padding   ——  间隔 CellSize   ——  子物体大小 Spacing   ——  子物体之间的间隔 Start Corner  ——  子物体排列的角度 Start Axis       ——  子物体排列方向 Child Alignment  —— 子物体整体位于什么方位 Constraint
Unity实现给添加GridLayoutGroup组件的物体自动添加指定子物体与赋值
CoffeMilk的博客
04-29 3312
一、实现效果 ①根据给定的数量自动生成对应数量的子物体； ②且将给定的数据加载到该子物体中； ③项目源码工程连接：实现根据给定的Dictionary给GridLayoutGroup自动添加子物体内容 二、实现步骤 ①创建一个ScrollView组件； ②给该创建好的ScrollView组件的Content物体添加【GridLayoutGroup】脚本 ③设置好该GridLayou...
Unity 问题 之 ScrollView ,LayoutGroup,ContentSizeFitter 一起使用时，动态变化时无法及时刷新更新适配界面的问题
仙魁XAN
12-22 4330
Unity 在开发中，记录一些报错问题，以便后期遇到同样问题处理。有时我们在开发中，一起使用 ScrollView ,LayoutGroup,ContentSizeFitter，对于简单的排布，一般会很好的自动更新适配，但是有时候复杂了时候未必很好的自动的调整，进行很好适配。ScrollView在可滚动区域中显示内容。当你向ScrollView添加内容时，内容会被添加到ScrollView的内容容器(#unity-content-container)中。
使用GridLayout布局时小心子控件的layout_width埋坑，导致宽度溢出且设置无效
大路的博客
06-04 7582
像设置页面、添加编辑页面，是比较适合用GridLayout和TableLayout布局。今天用GridLayout时，怎么都调整不了子控件的宽度。找了半天，原来是子控件的layout_width属性设置导致。将属性值由match_parent改成wrap_content，还要注意如果有多行，要将所有行该列的值都要修改。问题研究过程如下。1、使用GridLayout布局，添加基本的控件，页面的初始D...
HorizontalLayoutGroup 自动换行
最新发布
05-20
### HorizontalLayoutGroup 中实现自动换行的功能 在 Unity 的 UGUI 系统中，`HorizontalLayoutGroup` 默认并不支持自动换行功能[^2]。这是因为 `HorizontalLayoutGroup` 是一种水平布局组件，其设计初衷是为了让子对象沿单一方向排列而无需考虑换行逻辑。如果需要实现类似于自动换行的效果，则可以通过结合其他组件来间接完成。 #### 方法一：通过 `GridLayoutGroup` 替代 虽然题目提到的是 `HorizontalLayoutGroup`，但如果目标是实现自动换行效果，推荐使用 `GridLayoutGroup` 来替代。`GridLayoutGroup` 支持按照行列的形式对子对象进行排布，并允许动态调整行列数以适应屏幕尺寸变化[^1]。以下是具体配置： - **Constraint**: 设置为 Flexible 或 Fixed Column Count/Fixed Row Count。 - **Cell Size**: 配置单元格的宽度和高度。 - **Padding & Spacing**: 调整填充和间距参数以满足视觉需求。 这种方法是最简单且高效的解决方案，因为它是专为此类场景设计的。 ```csharp // 示例代码展示如何初始化 GridLayoutGroup 并设置基本属性 using UnityEngine; using UnityEngine.UI; public class SetupGridLayout : MonoBehaviour { void Start() { GridLayoutGroup gridLayout = GetComponent<GridLayoutGroup>(); if (gridLayout != null) { gridLayout.cellSize = new Vector2(100, 100); // 单元格大小 gridLayout.spacing = new Vector2(10, 10); // 子项之间的间隔 gridLayout.constraint = GridLayoutGroup.Constraint.FixedColumnCount; // 固定列数量 gridLayout.constraintCount = 3; // 列的数量设为3 } } } ``` --- #### 方法二：自定义脚本模拟换行行为 如果不希望切换到 `GridLayoutGroup`，而是坚持使用 `HorizontalLayoutGroup` 实现类似功能，则需借助脚本来控制子对象的位置并检测是否超出容器边界。此方案较为复杂，但提供了更大的灵活性。 以下是一个简单的示例脚本，用于监测当前行的最大宽度以及何时触发新行创建： ```csharp using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class AutoWrapScript : MonoBehaviour { public float maxWidth = 800f; // 容器最大宽度 private List<Vector2> positions = new List<Vector2>(); void UpdatePositions() { RectTransform rectTransform = transform as RectTransform; float currentX = 0f; int rowStartIndex = 0; for(int i=0;i<transform.childCount;i++) { Transform child = transform.GetChild(i); RectTransform childRectTransform = child.GetComponent<RectTransform>(); if(currentX + childRectTransform.rect.width > maxWidth){ // 当前元素超出了最大宽度 -> 开始新的一行 for(int j=rowStartIndex;j<i;j++){ SetPosition(transform.GetChild(j),j-rowStartIndex,currentX,maxWidth); } currentX = 0f; rowStartIndex = i; } currentX += childRectTransform.rect.width + ((HorizontalOrVerticalLayoutGroup)GetComponent(typeof(HorizontalOrVerticalLayoutGroup))).spacing; } // 处理最后一行剩余的对象 for(int k=rowStartIndex;k<transform.childCount;k++) { SetPosition(transform.GetChild(k),k-rowStartIndex,currentX,maxWidth); } } void SetPosition(Transform obj,int index,float startX,float containerMaxWidth){ float newX = startX + obj.GetComponent<RectTransform>().rect.width * index; obj.localPosition = new Vector3(newX - containerMaxWidth / 2,newX - containerMaxWidth / 2,0); } } void LateUpdate(){ UpdatePositions(); } ``` 注意该脚本仅作为概念验证用途，在实际项目中可能还需要进一步优化性能与兼容性[^4]。 --- ### 总结 对于大多数情况而言，直接采用 `GridLayoutGroup` 可显著简化开发流程并减少维护成本；而对于特殊定制化需求则可尝试编写专属逻辑处理程序。无论哪种方式都应充分测试不同分辨率下的表现一致性。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值