Unity UGUI控件之Horizontal Layout Group

news2025/1/9 14:53:44

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.coloradmin.cn/o/1275211.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

MOS管的静电击穿问题

MOS管输入电阻很高,为什么一遇到静电就不行了? 静电击穿:由于静电的积累导致电压超过了原本MOS的绝缘能力,导致电流突然增大的现象。 MOS管基础知识了解: G极(gate)—栅极,不用说比较好认 S极(source)—源…

Mybatis相关API(Sqlsession和sqlsessionFactroy)

代码 private static SqlSessionFactory sqlSessionFactory;static { ​try { // 获得核心配置文件String resource "mybits-config.xml"; // 加载核心配置文件InputStream inputStream Resources.getResourceAsStream(resource…

一种excel多线程并发写sheet的方案

一、背景 有一次项目的需求要求导出excel,并且将不同的数据分别写到不同的sheet中。 二、 方案概述 首先一开始使用easyexcel去导出excel,结果发现导出时间需要3秒左右。于是想着能不能缩短excel导出时间,于是第一次尝试使用异步线程去查询数…

weblogic任意文件上传漏洞(CVE-2018-2894)

任务一: 复现环境中的漏洞 任务二: 上传webshell或者反弹shell,并执行whoami。 任务一: 1.环境搭建,发现需要密码,所以我们去日志里面查看管理员密码。 2.了解一下这个平台,然后进行一些基本配…

数据结构——图解链表OJ题目

学完了单链表之后,我们对其基本结构已经有了一定的了解,接下来我们通过一些题目强化对链表的理解,同时学习一些面试笔试题目的新思路以及加强对数据结构单链表的掌握。 目录 题目一.876. 链表的中间结点 - 力扣(LeetCode&#x…

金蝶云星空单据界面新增状态,操作明细行的新增按钮时判断表头基础资料是否必录

文章目录 金蝶云星空单据界面新增状态,操作明细行的新增按钮时判断表头基础资料是否必录BOS配置代码实现 金蝶云星空单据界面新增状态,操作明细行的新增按钮时判断表头基础资料是否必录 BOS配置 四种方式都不生效。 代码实现 表单插件的BeforeDoOpera…

最短路算法

文章目录 最短路总览朴素Dijkstra - 稠密图 - O ( n 2 ) O(n^2) O(n2)具体思路时间复杂度分析使用场景AcWing 849. Dijkstra求最短路 ICODE 堆优化 D i j k s t r a Dijkstra Dijkstra 算法 - 稀疏图 - O ( m l o g n ) O(mlogn) O(mlogn)具体思路和时间复杂度分析使用场景A…

九章量子计算机:引领量子计算的新篇章

九章量子计算机:引领量子计算的新篇章 一、引言 随着科技的飞速发展,量子计算已成为全球科研领域的前沿议题。九章量子计算机作为中国自主研发的量子计算机,具有划时代的意义。本文将深入探讨九章量子计算机的原理、技术特点、应用前景等方面,带领读者领略量子计算的魅力…

11.28~11.29基本二叉树的性质、定义、复习;排序算法;堆

完全二叉树(Complete Binary Tree)是一种特殊的二叉树结构,它具有以下特点: 所有的叶子节点都集中在树的最后两层;最后一层的叶子节点都靠左排列;除了最后一层,其他层的节点数都达到最大值。 …

短剧行业@2023:狂飙、刹车与新生

【潮汐商业评论/原创】 “豪门复仇”“先婚后爱”“重生”“穿越”,Ashley几乎每次回家路过保安亭,都能看到大叔在看这类上头小短剧,就连有时候在公司,也能听到保洁阿姨在看类似的视频。 久而久之,从好奇到“入坑&am…

利用ElementUI配置商品的规格参数

商品有不同的规格组合&#xff0c;自动生成对应规格的所有组合&#xff0c;并设置该规格的图片、价格、库存数据。 <template><div class"sku-list"><template v-if"!disabled"><div class"sku-list-head"><el-but…

Zigbee—基于Z-STACK组网

&#x1f3ac;慕斯主页&#xff1a;修仙—别有洞天 ♈️今日夜电波&#xff1a;チノカテ—ヨルシカ 0:46━━━━━━️&#x1f49f;──────── 4:08 &#x1f504; ◀️ ⏸ ▶️ ☰ &a…

nginx配置反向代理及负载均衡

目录 1.前端发送的请求&#xff0c;是如何请求到后端服务的1.nginx 反向代理的好处&#xff1a;2.nginx 反向代理的配置方式&#xff1a;3. nginx 负载均衡的配置方式 1.前端发送的请求&#xff0c;是如何请求到后端服务的 1.nginx 反向代理的好处&#xff1a; 提高访问速度 因…

如何使用 NFTScan NFT API 在 Starknet 网络上开发 Web3 应用

Starknet 是由以色列软件公司 StarkWare 开发的免许可的第 2 层网络。Starknet 作为以太坊上的 ZK Rollup 运行&#xff0c;帮助 dApp 使用 STARK 证明以更低的交易成本实现更大的计算规模。该网络允许智能合约与区块链上部署的其他合约进行交互&#xff0c;从而提高协议之间的…

大数据Doris(三十一):Doris简单查询

文章目录 Doris简单查询 一、简单查询 二、​​​​​​​Join

基于Springboot的在线问卷调查系统(有报告)。Javaee项目,springboot项目。

演示视频&#xff1a; 基于Springboot的在线问卷调查系统(有报告)。Javaee项目&#xff0c;springboot项目。 项目介绍&#xff1a; 采用M&#xff08;model&#xff09;V&#xff08;view&#xff09;C&#xff08;controller&#xff09;三层体系结构&#xff0c;通过Spring…

golang WaitGroup的使用与底层实现

使用的go版本为 go1.21.2 首先我们写一个简单的WaitGroup的使用代码 package mainimport ("fmt""sync" )func main() {var wg sync.WaitGroupwg.Add(1)go func() {defer wg.Done()fmt.Println("xiaochuan")}()wg.Wait() }WaitGroup的基本使用场…

Peter算法小课堂—差分与前缀和

差分 Codeforces802 D2C C代码详解 差分_哔哩哔哩_bilibili 一维差分 差分与前缀和可以说成减法和加法的关系、除法和乘法的关系、积分和微分的关系&#xff08;听不懂吧&#xff09; 给定数组A&#xff0c;S为A的前缀和数组&#xff0c;则A为S的差分数组 差分数组构造 现…

Unittest(1):unittest单元测试框架简介setup前置初始化和teardown后置操作

unittest单元测试框架简介 unittest是python内置的单元测试框架&#xff0c;具备编写用例、组 织用例、执行用例、功能&#xff0c;可以结合selenium进行UI自动化测 试&#xff0c;也可以结合appium、requests等模块做其它自动化测试 官方文档&#xff1a;https://docs.pytho…

opencv 图像边框

cv.copyMakeBorder() 图像设置边框或者填充