【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件)

这篇具有很好参考价值的文章主要介绍了【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

💗 未来的游戏开发程序媛,现在的努力学习菜鸡
💦本专栏是我关于游戏开发的学习笔记
🈶本篇是unity的Horizontal Layout Group

属性介绍

【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件),游戏开发,ui,unity,游戏,游戏引擎,学习

属性 功能
padding 布局组边缘内的填充
Spacing 布局元素之间的间距
Child Alignment 用于子布局元素的对齐方式
Reverse Arrangement 是否反向排列
Child Controls Size 布局组是否控制其子项的宽度和高度
Child Force Expand 是否要强制子项扩展以填充额外的可用空间

属性详解

(初始状态)
【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件),游戏开发,ui,unity,游戏,游戏引擎,学习
【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件),游戏开发,ui,unity,游戏,游戏引擎,学习

  1. padding:可以理解是和各边之间的距离。
    【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件),游戏开发,ui,unity,游戏,游戏引擎,学习

  2. Spacing:每个子物体之间的距离
    【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件),游戏开发,ui,unity,游戏,游戏引擎,学习

  3. Child Alignment:对齐方式
    【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件),游戏开发,ui,unity,游戏,游戏引擎,学习
    (左上)
    【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件),游戏开发,ui,unity,游戏,游戏引擎,学习
    (上中)
    【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件),游戏开发,ui,unity,游戏,游戏引擎,学习
    (右上)
    【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件),游戏开发,ui,unity,游戏,游戏引擎,学习
    (中左)
    【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件),游戏开发,ui,unity,游戏,游戏引擎,学习
    (居中)
    【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件),游戏开发,ui,unity,游戏,游戏引擎,学习
    (中右)
    【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件),游戏开发,ui,unity,游戏,游戏引擎,学习
    (左下)
    【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件),游戏开发,ui,unity,游戏,游戏引擎,学习
    (中下)
    【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件),游戏开发,ui,unity,游戏,游戏引擎,学习
    (右下)
    【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件),游戏开发,ui,unity,游戏,游戏引擎,学习

  4. Reverse Arrangement:是否反向排列
    比如1 5 2 8反向后就是8 2 5 1,图片也是一样
    (写了一半停了,后来忘了就把演示的面板删了💔
    所以剩下三个不写了,自己勾选试试吧,功能就是字面意思)

使用以及效果展示

  1. 这是水平方向上的三个按钮,自己想要让他们精准的排列整齐,还需要自己计算transform,比较麻烦,而且再次调整时还需要重新计算,这时候我们可以用Horizontal Layout Group组件让他们自动排列
    【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件),游戏开发,ui,unity,游戏,游戏引擎,学习
  2. 新建一个空物体,将三个按钮作为子物体放在它的下面
    【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件),游戏开发,ui,unity,游戏,游戏引擎,学习
  3. 添加上组件的效果
    【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件),游戏开发,ui,unity,游戏,游戏引擎,学习
  4. 根据需要调节组件的参数
    【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件),游戏开发,ui,unity,游戏,游戏引擎,学习
  5. 调节之后的效果
    【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件),游戏开发,ui,unity,游戏,游戏引擎,学习

补充

这个是水平方向上的自动排列
水平和竖直(就是格子,背包系统/选关等等那种网格)自动排列有需要的可以看这一篇:Grid Layout Group组件


💦更多内容请前往主页置顶或点击链接直达:【unity3D】游戏开发专栏的目录文章来源地址https://www.toymoban.com/news/detail-601537.html

到了这里,关于【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • unity3D之UI

    1.canvas介绍 (1)Canvas属于Unity的UGUI,UGUI提供了强大的可视化编辑,大大提高了GUI的开发效率。 (2)Canvas是所有UI组件的父物体,也就是说每一个UI组件都必须在Canvas下,作为Canvas的子物体,当你创建一个UI控件时,如果在Hierarchy下没有Canvas组件的话,Unity会帮你自动创建一个Canva

    2024年02月04日
    浏览(116)
  • 【Unity3D小功能】Unity3D中实现UI擦除效果、刮刮卡功能

    推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 大家好,我是佛系工程师 ☆恬静的小魔龙☆ ,不定时更新Unity开发技巧,觉得有用记得一键三连哦。 使用Unity3D实现UI的擦拭效果、刮刮卡功能的效果实现方式比较多,比如说用Shader、Texture渲染都是可以

    2024年02月04日
    浏览(214)
  • 【Unity3D】UI Toolkit简介

            UI Toolkit 是一种基于 Web 技术的 GUI 框架,是为了解决 UGUI 效率问题而设计的新一代 UI 系统(UGUI 的介绍详见→UGUI概述)。与 UGUI 不同,UI Toolkit 没有采用 GameObject 的方式,而是参考了 Web 技术的 XML 和 CSS 方案。这意味着它只保存变化的数据,而不是整个界面状态,

    2024年02月10日
    浏览(49)
  • 【Unity3D】UI Toolkit元素

    1 前言         UI Toolkit简介 中介绍了 UI Builder、样式属性、UQuery、Debugger,UI Toolkit容器 中介绍了 VisualElement、ScrollView、ListView、GroupBox 等容器,UI Toolkit样式选择器 中介绍了简单选择器、复杂选择器、伪类选择器等样式选择器,本文将介绍 UI Toolkit 中的元素,主要包含

    2024年02月09日
    浏览(41)
  • 【Unity3D】UI Toolkit容器

    1 前言         UI Toolkit简介 中介绍了 UI Builder、样式属性、UQuery、Debugger,UI Toolkit元素 中介绍了 Label、Button、TextField、Toggle、Radio Button、Slider、Progress Bar、Dropdown、Foldout 等元素,UI Toolkit样式选择器 中介绍了简单选择器、复杂选择器、伪类选择器等样式选择器,本文将

    2024年02月09日
    浏览(45)
  • 使用Unity生成UI预制体 (Unity3D)

    在Unity中,预制体(Prefab)是一种非常有用的工具,用于生成可重复使用的UI元素。预制体使得UI的创建和管理变得更加简单和高效。在本文中,我们将详细介绍如何使用Unity生成UI预制体,并提供相应的源代码示例。 步骤1:创建UI元素 首先,我们需要创建UI元素,例如按钮、

    2024年02月05日
    浏览(49)
  • 【Unity3D】实现UI点击事件穿透

              注意:EventSystem.current.RaycastAll获取到的对象列表是能够接受事件的,假如你的按钮Button自己身上没有Image,而是Button的子物体有,那么你就要给这个子物体也加上标签Tag才能响应到。 如果ExecuteEvents.Execute不管用,可以试试ExecuteEvents.ExecuteHierarchy

    2024年02月04日
    浏览(40)
  • 【Unity3D小功能】Unity3D中在创建完项目后自动创建文件夹列表

    推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 大家好,我是佛系工程师 ☆恬静的小魔龙☆ ,不定时更新Unity开发技巧,觉得有用记得一键三连哦。 随着项目开发的体量增大,要导入大量的素材、UI、模型之类的资源。 需要创建不同的文件夹进行整理

    2024年02月03日
    浏览(63)
  • Unity3D学习之UI系统——GUI

    设置Screen Type和Center Type 最终实现效果: 3.1.1 GUI 共同点 3.1.2 文本控件 可以传图片 在unity中拖入图片 可以把Rect 设置成public 的变量,在控件中设置 文字和图片均显示 toolTip 获取当前选中的空间的附带信息 GUI Style 控制样式 3.1.3 按钮控件 必须要按下并抬起才算被点击 长按按钮

    2024年01月22日
    浏览(58)
  • Unity3D学习之UI系统——UGUI

    3.2.1 Screen Space -Overlay 覆盖模式 3.2.2 Screen Space - Camera 摄像机模式 创建专门的摄像机渲染UI 并让主摄像机不渲染UI层 3.2.3 World Space 宽高 * 缩放系数 = UI界面大小 参考分辨率 图片格式要改为Sprite 恒定像素模式计算公式 会根据当前分辨率 和 参考分辨率的比率自动计算UI的缩放量

    2024年02月21日
    浏览(248)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包