优秀的编程知识分享平台

网站首页 > 技术文章 正文

【4.布局】3.Layout Element(layout页面布局图)

nanyue 2024-08-18 19:48:49 技术文章 12 ℃

3.Layout Element

Layout Element(布局元素)组件放置在布局元素中。

3.1 Layout Element 组件的变量

对于参与布局的 UI 元素可以添加 Layout Element 组件,其变量如下:

  • Min Size - 最小尺寸,默认为 0px。
  • Preferred Size - 首选尺寸,当空间足够时,布局元素的尺寸会选择显示首选尺寸。
  • Flexibble Size - 自适应尺寸,是指布局元素占总布局的尺寸(份数)。

3.2 Layout Element 组件与布局组的配合

Layout Element 组件通常与 Horizontal Layout Group 组件与 Vertical Layout Group 组件配合使用,且 Horizontal Layout Group 组件与 Vertical Layout Group 组件 的 Control Child Size 被勾选的情况下使用。

Layout Element 组件在 Grid Layout Group 组件中不起作用。

Layout Element 组件与 Horizontal Layout Group 组件与 Vertical Layout Group 组件配合使用的规则:

1.首先最小尺寸的宽或高会被适配

2.如果空间足够,则首选尺寸的宽或高会被适配

3.如果有剩余空间,则自适应尺寸的宽或高会被适配



最近发表
标签列表