【Unity2D 2022:UI】创建滚动视图

一、创建Scroll View游戏对象

在Canvas画布下新建Scroll View游戏对象

二、为Content游戏对象添加Grid Layout Group(网格布局组)组件

选中Content游戏物体,点击Add Competent添加组件,搜索Grid Layout Group组件

三、调整Grid Layout Group组件的属性

根据需求调整Grid Layout Group组件的属性:

(1)Padding(填充):外部滚动视图边框与内部子元素矩阵各个边的间隔长度

(2)Cell Size(元素大小):内部每个子元素的大小

(3)Spacing(间距):内部每个子元素之间的横、纵间距

(4)Start Corner(起始角):内部子元素矩阵的排列从哪个角开始

(5)Start Axis(起始轴):内部子元素矩阵向哪个方向排列

(6)Child Alignment(子元素对齐):内部子元素矩阵整体处于外部滚动视图的哪个位置

(7)Constraint(约束):对内部子元素矩阵的约束,无限制,或限制为几行,或限制为几列

四、调整Scroll Rect(滚动矩形)组件的属性

根据需求调整Scroll Rect组件的属性:

(1)Content(内容):引用Content游戏对象(Content的作用是作为滚动视图中的所有子元素的直接父对象)

(2)Horizontal(水平滚动):滚动视图是否可以在水平方向上移动

(3)Vertical(垂直滚动):滚动视图是否可以在垂直方向上移动

(4)Movement Type(移动类型):滚动视图滚动时的不同方式

--Unrestricted(无限制的/自由的):可以随意滚动

--Elastic(弹性的):滚动视图滚动到超出最大长度后会恢复到正常位置

--Clamped(紧固的):滚动视图滚动到最大长度时不会再继续滚动

a. Elasticity(弹性):弹性的大小

(5)Inertia(惯性):滚动视图在鼠标停止拖动后是否继续滚动

a. Deceleration Rate(减速率):惯性的大小,数值越大惯性滚动的时间越长

(6)Scroll Sensitivity(滚动灵敏度):滚轮的灵敏度

(7)Viewport(视窗):引用ViewPort游戏对象(ViewPort的作用是遮罩)

(8)Horizontal Scrollbar(水平滚动条):引用Horizontal Scrollbar游戏对象

(9)Vertical Scrollbar(垂直滚动条):引用Vertical Scrollbar游戏对象

相关推荐
AutomanLV36 分钟前
c# datagridview添加list内容
程序人生·c#
举焰42 分钟前
VSCode+MSVC+Qmake环境搭建笔记
c++·ide·笔记·vscode·msvc·qt5·qmake
岑梓铭43 分钟前
《考研408数据结构》第二章《线性表(顺序表、链表)》复习笔记
数据结构·笔记·考研
林炳然1 小时前
将软件从C盘迁移至D盘:释放系统盘空间的终极指南
笔记
Source.Liu1 小时前
mdBook 开源笔记
笔记·rust·markdown
_dindong2 小时前
Linux系统编程:线程概念
linux·运维·笔记·学习
Olrookie2 小时前
若依前后端分离版学习笔记(十六)——scoped、路由跳转
前端·笔记
Olrookie2 小时前
若依前后端分离版学习笔记(十七)——ruoyi开发规范&流程,请求流程,依赖引入,组件注册&通信
前端·笔记
上园村蜻蜓队长3 小时前
FPGA自学笔记--VIVADO FIFO IP核控制和使用
笔记·fpga开发
小二·3 小时前
前端笔记:HTML output标签介绍及用法
javascript·笔记·html5