Unity表格绘制

原创

已于 2024-04-25 08:52:28 修改 · 1.1w 阅读

68 ·

CC 4.0 BY-SA版权

llhllq

文章标签：

#unity #游戏开发 #unity3d

于 2020-06-04 10:05:44 首次发布

这篇博客介绍了如何使用Unity的原生UGUI组件绘制表格，包括场景布置和脚本编写两部分。在场景布置中，通过创建带有滚动功能的Plane，设置Vertical Layout Group和Content Size Fitter实现表格的自动布局。在脚本编写部分，创建TableCreate.cs脚本，利用Prefab动态生成表格行，并注意缩放和父物体设置，以避免错误和警告。

Unity表格绘制之参考修订

首先在这里先感谢下yongh701我是看他的文章才学会绘制表格的，其博客地址为https://blog.youkuaiyun.com/yongh701/article/details/70858083。欢迎大家去学习，为啥要重新写一个呢，主要是在参考其内容进行绘制的时候遇到一些问题，自己做了些修改更适合自己吧。
完成如下的表格，说明如何利用原生的UGUI完成表格：

在这里插入图片描述

一、场景布置

1、新建一个带滚动的Plane。如图所。设置Panel的大小为根据情况定义，你也可以设置为其它大小，但下文部分大小设置也做出相应的调整。
在这里插入图片描述

2、之后在Plane下创建一个空物体，命名为Table，如上图所示，将Panel的Scoll Rect组件中的内容设置为这个Table。同时加上Layout->Vertical Layout Group这个垂直布局的插件，Spacing设置为10，以后在Table下的子物体会一个一个地自动往下摆放的。同时加上Layout->Content Size Fitter自适应内容调节大小这个组件。
在这里插入图片描述
这个垂直适应参数要设置否则不会随着表格的变化自动调整滚动条的值。