当前位置: 首页 > article >正文

Unity UGUI控件之Horizontal Layout Group

Horizontal Layout Group是Unity中的UGUI控件,用于在水平方向上对子对象进行布局。

主要有一下作用:

  1. 水平布局:Horizontal Layout Group将子对象按照水平方向进行布局,可以控制子对象的排列顺序和间距。
  2. 自动调整尺寸:Horizontal Layout Group会根据子对象的大小自动调整自身的大小,确保子对象都能完整显示。
  3. 对齐方式:可以设置子对象在水平方向上的对齐方式,包括顶部对齐、底部对齐、居中对齐等。
  4. 控制子对象的大小:可以通过设置子对象的布局控制组件(如Layout Element)来控制子对象的大小和拉伸方式。

使用方法:

  1. 在Unity编辑器中,选择需要添加Horizontal Layout Group的父对象。
  2. 在Inspector面板中点击"Add Component"按钮,搜索并添加Horizontal Layout Group组件。
  3. 在Horizontal Layout Group组件的属性面板中(如下图),可以进行相关设置:
      其中,
    • Padding:设置子对象之间的间距,如左移、右移等。
    • Spaceing:为上下两个子物体之间的距离偏差,默认0。
    • Child Alignment:设置子对象在水平方向上的对齐方式,包括左上,居中等。
    • Reverse Arrangement:对象排序反转,勾选即表示把默认自左向右转为自右向左。
    • Control Child Scale:设置子对象是否可以自动调整大小以适应布局,当勾选时子物体对应高度或者宽度锁死,无法手动编辑。但仍然可以通过子对象的布局控制组件(如Layout Element)来控制子对象的大小
    • Use Child Scale:设置子对象的缩放比例是否影响水平布局中的水平,如勾选,那么水平布局将会按照缩放后的大小进行布局,否则则按照缩放比例是1的比例大小布局。
    • Child Force Expand:设置子对象是否可以在水平方向上拉伸以填充空间。
  4. 将需要进行水平布局的子对象拖拽到Horizontal Layout Group的父对象下,它们将按照水平方向进行布局。
  5. 可以通过调整子对象的大小、添加布局控制组件等方式来控制子对象的布局效果。

注意事项:

  • Horizontal Layout Group只会对直接子对象进行布局,如果需要对更深层次的子对象进行布局,可以嵌套使用Horizontal Layout Group或其他布局组件。
  • 在使用Horizontal Layout Group时,如果子对象的数量超过父对象的大小,可以使用ScrollView等容器组件来实现滚动功能。
  • 可以通过脚本动态修改Horizontal Layout Group的属性,实现动态布局效果。

使用技巧:

Horizontal Layout Group通常会结合其它控件一起使用,如下面是一下比较常用的:

  1. Content Size Fitter(内容尺寸适配器):可以用于自动调整水平布局组件的大小,以适应其子对象的内容大小。

  2. Layout Element(布局元素):可以用于控制子对象在水平布局中的尺寸、弹性尺寸和布局优先级。

  3. Vertical Layout Group(水平布局组件):可以将子对象垂直排列在水平布局组件中。

  4. Grid Layout Group(网格布局组件):可以将子对象以网格形式排列在水平布局组件中。

  5. Scroll View(滚动视图):可以将水平布局组件放在滚动视图中,以实现滚动显示大量子对象的效果。

  6. Toggle(开关按钮):可以将开关按钮放在水平布局组件中,以创建水平排列的选项列表。


http://www.kler.cn/a/153121.html

相关文章:

  • 6款热门用户旅程图模板分享,可免费下载导出!
  • 【Openstack Train安装】五、Memcached/Etcd安装
  • JS 的二进制家族三
  • 手把手教你Spring Security Oauth2自定义授权模式
  • Oracle数据库中的PDB snapshot 与 snapshot copy PDB
  • [Android]AlertDialog对话框
  • 【Java】12. 方法
  • 【数据库】数据库并发控制的目标,可串行化序列的分析,并发控制调度器模型
  • linux下编译OpenCV
  • WireMock让你根据接口文档,轻松快速的模拟接口服务?
  • csv文件EXCEL默认打开乱码问题
  • call()与apply()
  • 【已解决】Cannot find project Scala library 2.11.8 for module XXX
  • 安防行业2023年度盘点:当前安防市场常见的视频监控系统及视频分析技术
  • golang strings包的基本操作
  • 2023年中国消费金融行业研究报告
  • 【note: This is an issue with the package mentioned above, not pip.】
  • 计算机软件的分类
  • 深入理解VUE组件:父子组件详细说明及应用
  • 汇编:常用的输入与输出