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

news2024/11/26 19:35:01

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

Horizontal Layout Group

    • 属性介绍
    • 属性详解
    • 使用以及效果展示
    • 补充

属性介绍

在这里插入图片描述

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

属性详解

(初始状态)
在这里插入图片描述
在这里插入图片描述

  1. padding:可以理解是和各边之间的距离。
    在这里插入图片描述

  2. Spacing:每个子物体之间的距离
    在这里插入图片描述

  3. Child Alignment:对齐方式
    在这里插入图片描述
    (左上)
    在这里插入图片描述
    (上中)
    在这里插入图片描述
    (右上)
    在这里插入图片描述
    (中左)
    在这里插入图片描述
    (居中)
    在这里插入图片描述
    (中右)
    在这里插入图片描述
    (左下)
    在这里插入图片描述
    (中下)
    在这里插入图片描述
    (右下)
    在这里插入图片描述

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

使用以及效果展示

  1. 这是水平方向上的三个按钮,自己想要让他们精准的排列整齐,还需要自己计算transform,比较麻烦,而且再次调整时还需要重新计算,这时候我们可以用Horizontal Layout Group组件让他们自动排列
    在这里插入图片描述
  2. 新建一个空物体,将三个按钮作为子物体放在它的下面
    在这里插入图片描述
  3. 添加上组件的效果
    在这里插入图片描述
  4. 根据需要调节组件的参数
    在这里插入图片描述
  5. 调节之后的效果
    在这里插入图片描述

补充

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


💦更多内容请前往主页置顶或点击链接直达:【unity3D】游戏开发专栏的目录

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/780501.html

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

相关文章

C语言——qsort函数的使用(详解)

qsort函数详解 前言:一、qsort函数的含义1.1 函数的参数1.2 参数的含义 二、用不同类型数据,测试sqort2.1 对数组内整数进行排序2.2对数组内浮点数进行排序2.3对字符串进行排序2.4对结构体进行排序 三、模拟实现qsort函数 前言: qsort&#…

RK3588平台开发系列讲解(Camera篇)V4L2 接口查询设备能力

文章目录 一、查询设备的基本信息二、查询设备支持的视频格式三、查询支持分辨率四、查询支持的帧率范围沉淀、分享、成长,让自己和他人都能有所收获!😄 📢在使用 V4L2 进行视频采集前,需要先通过查询设备能力来获取设备可以提供的视频格式、分辨率等信息。 一、查询设…

springboot 配置Knife4j- Swagger3.0

一、导入maven包 <dependency><groupId>com.github.xiaoymin</groupId><artifactId>knife4j-spring-boot-starter</artifactId><version>3.0.2</version></dependency> 二、配置config-swagger工具 package com.exceltotxt.…

MySQL连接查询与存储过程

一、连接查询1.1 内连接1.2 左连接1.3 右连接 二、存储过程2.1 概述2.2 简介2.3 优点2.4 语法2.5 举例2.5.1 创建存储过程2.5.2 调用存储过程2.5.3 查看存储过程2.5.4 存储过程的参数2.5.5 修改存储过程2.5.6 删除存储过程 三、总结 一、连接查询 MySQL 的连接查询&#xff0c…

Java集合是Set

HashSet集合 HashSet集合的特点 HashSet常用方法 ①&#xff1a;add(Object o)&#xff1a;向Set集合中添加元素&#xff0c;不允许添加重复数据。 ②&#xff1a;size()&#xff1a;返回Set集合中的元素个数 public class Test {public static void main(String[] args) {…

LeetCode107. 二叉树的层序遍历 II

107. 二叉树的层序遍历 II 文章目录 [107. 二叉树的层序遍历 II](https://leetcode.cn/problems/binary-tree-level-order-traversal-ii/)一、题目二、题解方法一&#xff1a;正常层序遍历翻转数组 一、题目 给你二叉树的根节点 root &#xff0c;返回其节点值 自底向上的层序…

HTTP Header定制,客户端使用Request,服务器端使用Response

在服务器端通过request.getHeaders()是无效的&#xff0c;只能使用response.getHeaders()。 Overridepublic Object beforeBodyWrite(Object body, MethodParameter returnType, MediaType mediaType,Class selectedConverterType, ServerHttpRequest request, ServerHttpRespo…

前端将css.html.js打包到一起在手机打开

过程我是按照下面的执行的&#xff0c;大家可以直接参考这个博客里的过程&#xff0c;下面我记录一下遇到的一些问题&#xff0c;我的电脑是mac 打包教程 1.执行命令npm install electron 在安装Electron时报错command sh -c node install.js 在指令后面添加 --ignore-scripts…

Linux 系统中异常与中断

文章目录 异常与中断的关系中断的处理流程异常向量表Linux 系统对中断的处理ARM 处理器程序运行的过程程序被中断时&#xff0c;怎么保存现场Linux 系统对中断处理的演进Linux 对中断的扩展&#xff1a;硬件中断、软件中断硬件中断软件中断 中断处理原则&#xff1a;耗时中断的…

前端学习——ajax (Day3)

AJAX原理 - XMLHttpRequest 使用 XMLHttpRequest <!DOCTYPE html> <html lang"zh-CN"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport&…

JVM运行时数据区——堆内的区域分布

1.堆内的区域分布 堆是运行时数据区最大的一块区域&#xff0c;主要用来存放对象&#xff0c;堆是所有线程公用的&#xff0c;在JVM启动时就被创建&#xff0c;堆的空间是可以调整的&#xff0c;是GC(垃圾回收)的重点区域。 堆的内存空间分区&#xff1a;新生代老年代 新生代…

机器学习 day30(正则化参数λ对模型的影响)

λ对Jcv和Jtrain的影响 假设该模型为四阶多项式当λ很大时&#xff0c;w会很小且接近0&#xff0c;而模型f(x)近似于一个常数&#xff0c;所以此时模型欠拟合&#xff0c;Jtrain和Jcv都很大当λ很小时&#xff0c;模型几乎没有正则化&#xff0c;而四阶多项式的模型十分弯曲&…

Android 指纹识别

Android 指纹识别 Android 从 6.0 系统开始就支持指纹认证功能。 将指纹认证功能使用到 APP 的功能逻辑当中是有很多功能场景的&#xff0c;比如说金融银行类 APP 可以使用指纹认证来快速登录&#xff0c;股票证券类 APP 可以使用指纹认证来操作和交易等等。 FingerprintMan…

服务注册-nacos

一、安装部署 官网&#xff1a; https://nacos.io/zh-cn/docs/quick-start.html将安装包上传至服务器&#xff0c;解压到/opt/module目录下 修改部署模式&#xff1a; 文件路径&#xff1a; /opt/module/nacos/bin/startup.sh将集群部署模式&#xff0c;修改为单机部署模式…

element-ui 表格没有内容点击插入数据,有内容点击删除(vue)

记录一下&#xff0c;希望能够帮到大家。 <template><div><div class"tabs" style"display: flex;line-height: 20px"><button href"javascript:;" :class"{active: dialogFormVisible3}" click"dialogForm…

SSD网络介绍

1. 目标检测 计算机视觉关于图像识别有四大类任务&#xff1a; 分类 Classfication&#xff1a;解决“是什么&#xff1f;”的问题&#xff0c;即给定一张图片或一段视频&#xff0c;判断里面包含什么类别的目标&#xff1b;定位 Location&#xff1a;解决“在哪里&#xff1…

2321. 拼接数组的最大分数;768. 最多能完成排序的块 II;2192. 有向无环图中一个节点的所有祖先

2321. 拼接数组的最大分数 核心思想&#xff1a;数学思维。假设nums1的和为a0a1a2a3...an-1 sum(nums1),nums2的和为b0b1b2b3...bn-1 sum(nums2),交换al...ar与bl..br&#xff0c;现在nums1的和要最大&#xff0c;则s sum(nums1) (br-ar)(br-1-ar-1)...(bl-al),所以你要使…

项目名称:驱动开发(控LED灯,控制蜂鸣器)

一&#xff0c;简述 (1)Linux系统组成 ()app: [0-3G] ---------------------------------系统调用&#xff08;软中断&#xff09;--------------------- kernel&#xff1a; 【3-4G】…

Python补充笔记3-bug问题

目录 一、Bug 粗心导致的语法错误​ ​编辑 知识不熟练导致的错误​ 思路不清晰导致的问题​ 被动掉坑​ 二、try…except…else结构​ 三、try…except…else…finally结构​ 四、常见异常类型​编辑traceback模块 pycharm调试 一、Bug 粗心导致的语法错误 知识不熟练导致的…

C++进阶:c++11

C11 相比于C98&#xff0c;C11则带来了数量可观的变化&#xff0c;以及对C03缺陷的修正。C11语法更加泛化简单化、更加稳定安全&#xff0c;功能更强大&#xff0c;提升开发效率。 cpp11 1. 列表初始化 C11扩大了用{}&#xff08;初始化列表&#xff09;的使用范围&#xff…