Unity使用自带组件实现图文混排自适应

来源：http://www.tudoupe.com时间：2022-02-22

1.背景图片跟随文字长度变化

在这里插入图片描述
新建UI结构。

在Image上挂载组件ContentSizeFitter和HorizontalLayoutGroup。根据需求调整跟随宽还是高，调整对应参数即可。

混排的对齐方向调整父节点（例子中是名为Image的游戏对象）的Pivot即可。

2.图文混排自适应

示意图
在这里插入图片描述
新建UI结构。

在Image上挂载组件ContentSizeFitter和HorizontalLayoutGroup。根据需求调整跟随宽还是高，调整对应参数即可。

但是我们会发现Icon上的Image尺寸是无法调整的。如果我们需要修改可以通过添加LayoutElement组件实现。勾选PreferredWidth或者PreferredHeight即可调整。
在这里插入图片描述

混排的对齐方向调整父节点（例子中是名为Image的游戏对象）的Pivot即可。

上一篇：Netron pth文件转onnx并显示出shape(size)的网络结构图

下一篇：ImportError: DLL load failed while importing ie_api

相关新闻

2023-05-06 微pe怎么初始化U盘(微pe怎么恢复初	2023-05-06 Xp系统boot 进入pe(boot manager 怎么进入
2023-05-06 win pe修复bcdboot(pe修复系统)	2023-05-06 win7更新失败 pe(win7更新失败还原更
2023-05-06 u盘装了pe读取不了(u盘能进pe读取不	2023-05-06 u盘pe 发热(u盘发热烫手)
2023-05-06 u盘pe下看不到硬盘(u盘启动pe看不到	2023-05-06 pe盘 ntfs(u盘ntfs格式)
2023-05-06 sony笔记本进入pe模式(联想笔记本怎	2023-05-06 pe启动盘进不去(pe启动盘进不去系统

Unity使用自带组件实现图文混排自适应

1.背景图片跟随文字长度变化

2.图文混排自适应

相关新闻

站内搜索