unity学习61:UI布局layout

目录

[1 布局 layout](#1 布局 layout)

[1.1 先准备测试UI,新增这样一组 panel 和 image](#1.1 先准备测试UI,新增这样一组 panel 和 image)

[1.2 新增 vertical layout](#1.2 新增 vertical layout)

[1.3 现在移动任意一个image 都会影响其他](#1.3 现在移动任意一个image 都会影响其他)

[1.3.1 对比 如果没有这个,就会是覆盖效果了](#1.3.1 对比 如果没有这个,就会是覆盖效果了)

[1.3.2 对比 如果没有这个,就会是覆盖效果了](#1.3.2 对比 如果没有这个,就会是覆盖效果了)

[1.4 总结: 在多个物体上的父物体加layout可以控制布局效果](#1.4 总结: 在多个物体上的父物体加layout可以控制布局效果)

[2 layout的属性](#2 layout的属性)

[2.1 基本属性](#2.1 基本属性)

[2.2 控制子物体大小](#2.2 控制子物体大小)

[2.3 对齐方式](#2.3 对齐方式)

[2.4 各个方向的页边距](#2.4 各个方向的页边距)

[2.5 间距](#2.5 间距)

[3 水平的类垂直的](#3 水平的类垂直的)

[4 网格的 grid layout](#4 网格的 grid layout)

[4.1 核心component 和属性](#4.1 核心component 和属性)

[5 用 scroll View +grid layout](#5 用 scroll View +grid layout)

[5.1 测试效果](#5.1 测试效果)


1 布局 layout

1.1 先准备测试UI,新增这样一组 panel 和 image

  • 先准备测试UI,新增这样一组 panel 和 image

1.2 新增 vertical layout

1.3 现在移动任意一个image 都会影响其他

1.3.1 对比 如果没有这个,就会是覆盖效果了

  • 现在移动任意一个image 都会影响其他

1.3.2 对比 如果没有这个,就会是覆盖效果了

1.4 总结: 在多个物体上的父物体加layout可以控制布局效果

  • 在多个物体上的父物体加layout可以控制布局效果
  • 比如这里就是加在 面板panel 这个父物体上的

2 layout的属性

2.1 基本属性

2.2 控制子物体大小

  • 布局改变时,会自动修改控制子物体大小

2.3 对齐方式

2.4 各个方向的页边距

2.5 间距

3 水平的类垂直的

省略

4 网格的 grid layout

就是父物体上的一个component,新建1个

4.1 核心component 和属性

5 用 scroll View +grid layout

  • scroll View 本身适合做文本的 滚动显示
  • scroll View +grid layout 更适合做图像列表的 滚动显示,比如游戏背包

5.1 测试效果

  • 新建一个 scroll view
  • 在content添加很多图片,
  • 然后content上添加一个 grid layout
  • 就可以了
相关推荐
程序猿多布43 分钟前
Unity UGUI使用手册
unity
向宇it19 小时前
【零基础入门unity游戏开发——2D篇】SortingGroup(排序分组)组件
开发语言·unity·c#·游戏引擎·材质
omegayy2 天前
Unity 2022.3.x部分Android设备播放视频黑屏问题
android·unity·视频播放·黑屏
与火星的孩子对话2 天前
Unity3D开发AI桌面精灵/宠物系列 【三】 语音识别 ASR 技术、语音转文本多平台 - 支持科大讯飞、百度等 C# 开发
人工智能·unity·c#·游戏引擎·语音识别·宠物
向宇it2 天前
【零基础入门unity游戏开发——2D篇】2D 游戏场景地形编辑器——TileMap的使用介绍
开发语言·游戏·unity·c#·编辑器·游戏引擎
牙膏上的小苏打23333 天前
Unity Surround开关后导致获取主显示器分辨率错误
unity·主屏幕
Unity大海3 天前
诠视科技Unity SDK开发环境配置、项目设置、apk打包。
科技·unity·游戏引擎
浅陌sss3 天前
Unity中 粒子系统使用整理(一)
unity·游戏引擎
维度攻城狮3 天前
实现在Unity3D中仿真汽车,而且还能使用ros2控制
python·unity·docker·汽车·ros2·rviz2
为你写首诗ge3 天前
【Unity网络编程知识】FTP学习
网络·unity