Unity 网格布局控件-Grid Layout Group

这篇具有很好参考价值的文章主要介绍了Unity 网格布局控件-Grid Layout Group。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Unity 网格布局控件-Grid Layout Group是Unity中的UGUI控件,用于在 UI 中创建网格布局,

它的作用是:自动将子对象排列成网格,即我们可以通过该组件对子对象按行和列的形式排列,根据指定的约束条件自动调整它们的大小和位置。通常我们使用它创建具有规律排列的 UI 元素,如按钮、图标、面板等。

相比于Horizontal Layout Group和Vertical Layout Group布局组件,它不再局限于按行或按列进行布局。它可以行列结合,灵活性更强。

添加方法:

  1. 在 Unity 的场景中创建一个空的 GameObject,作为容纳子对象的父对象。

  2. 将需要排列的 UI 元素作为子对象添加到父对象中。

  3. 选中父对象,在 Inspector 窗口中点击 "Add Component" 按钮,并搜索并添加 "Grid Layout Group" 组件。

属性列表如图:

Unity 网格布局控件-Grid Layout Group,Unity UGUI布局组件,unity,游戏引擎,c# 

其中,

  • Padding:设置子对象之间的间距,如左移、右移等。
  • Spaceing:为上下两个子物体之间的距离偏差,默认0。
  • Cell Size:指定每个单元格的大小。你可以设置宽度和高度,也可以将其中一个值设置为 0,以使 Grid Layout Group 自动计算大小。
  • Start Corner:指定网格的起始角落,可以是左上角、右上角、左下角或右下角。
  • Start Axis:指定网格的起始轴,可以是水平轴或垂直轴。
  • Constraint Count:根据选择的约束条件,指定行数或列数的数量。
  • Constraint:指定子对象在网格中的排列约束条件,可以是固定行数、固定列数、自动调整或弹性调整。

使用技巧:

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

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

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

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

 文章来源地址https://www.toymoban.com/news/detail-755857.html

到了这里,关于Unity 网格布局控件-Grid Layout Group的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【前端】CSS-Grid网格布局

    grid布局:网络布局,是目前唯一一种CSS二维布局方式,一种新的CSS布局模型,由纵横相交的两组网络线形成的框架性布局结构,能够同时处理行与列。号称是最强大的CSS布局方案。 擅长将一个页面划分为几个主要区域,以及定义这些区域的大小、位置、层次等关系 Grid布局是

    2024年02月09日
    浏览(37)
  • 最强大的布局方案——网格Grid布局万字详解

    Grid 布局又称网格布局,是W3C提出的一个二维布局系统,它与 Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置。但它们也存在重大区别。Flex 布局是轴线布局,只能指定\\\"项目\\\"针对轴线的位置,可以看作是一维布局。Grid 布局则是将容器划分成\\\"行\\\"和\\\"列\\\",产生单

    2024年02月08日
    浏览(53)
  • Vue Grid Layout -️ 适用Vue.js的栅格布局系统(保姆级使用教程)

    官网:Vue Grid Layout -️ 适用Vue.js的栅格布局系统 Gitee:https://gitee.com/wfeng0/vue2-grid-layout  在官网的描述中,我们可以看出,该栅格布局具有以下特性:  在具有 拖拽组成页面、组件动态调整大小、边缘碰撞监测 的系统中,使用该布局无疑是最合适的。当然,目前也有很多现成

    2023年04月16日
    浏览(38)
  • 【CSS Grid网格布局】常用属性,示例代码解读

    grid-template-columns/grid-template-rows:用于定义网格的列和行的大小和数量。可以指定具体的尺寸值(如px、em等),也可以使用fr单位表示剩余空间的比例分配。 grid-column-gap/grid-row-gap:用于定义网格的列间距和行间距。可以使用具体的尺寸值或百分比。 grid-template-areas:用于定义

    2024年02月12日
    浏览(45)
  • draggable + grid 拖拽插件 + 网格布局 动态生成首页模版

    背景:         1、首页模板由多个子组件组成,如图表、新闻、公告、轮播图等,一般都由前端引入子组件,写在固定的位置上,最终形成一个固定的首页模板;         2、像这样直接在代码中写死的首页没有灵活性,不同用户想展示出来的首页模板千篇一律;        

    2024年02月01日
    浏览(41)
  • 【Python_PySide2学习笔记(六)】在布局Layout下调整控件大小

    为了实现控件随着窗体自适应大小,一般都会加入Layout布局,如QHBoxLayout(),QVBoxLayout()等,加入布局后,无法通过设置控件的长宽来改变控件的大小,通过试验发现可以通过设置控件的sizePolicy属性来实现想要的效果。 ** 上图是在布局中加入QPlainTextEdit()的控件后得到的效果,

    2023年04月15日
    浏览(60)
  • 【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件)

    💗 未来的游戏开发程序媛,现在的努力学习菜鸡 💦本专栏是我关于游戏开发的学习笔记 🈶本篇是unity的Horizontal Layout Group 属性 功能 padding 布局组边缘内的填充 Spacing 布局元素之间的间距 Child Alignment 用于子布局元素的对齐方式 Reverse Arrangement 是否反向排列 Child Controls Siz

    2024年02月16日
    浏览(39)
  • 【Python_PySide2学习笔记(二)】QTabWidget 添加布局Layout \ QTabWidget 内控件大小自适应父窗体大小

    在做项目过程中遇到Tab页内的控件无法随着窗体大小变化,针对此问题需要对添加的Tab1、Tab2、Tab3…分别添加布局。 我们可以看到在窗体最大化后,只有Tab页内的QTableWidget控件没有自适应窗体尺寸,还是保持着原有尺寸。 在Qt Designer内查看 对象查看器: 发现只有tab_1和tab_

    2024年02月05日
    浏览(70)
  • Unity UGUI4——组合控件

    ​ Button 是按钮组件,是 UGUI 中用于处理玩家按钮相关交互的关键组件 ​ 默认创建的 Button由 2 个对象组成 ​ 父对象——Button 组件依附对象,同时挂载了一个 Image 组件作为按钮背景图 ​ 子对象——按钮文本 Text(可选) Interactable:是否接收输入 若不勾选,则表示被禁用,

    2024年02月09日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包