【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游戏对象

相关推荐
Gain_chance2 小时前
36-学习笔记尚硅谷数仓搭建-DWS层数据装载脚本
大数据·数据仓库·笔记·学习
肖永威3 小时前
macOS环境安装/卸载python实践笔记
笔记·python·macos
暗光之痕3 小时前
Unreal5研究笔记 Actor的生命周期函数
笔记·unreal engine
Gain_chance3 小时前
35-学习笔记尚硅谷数仓搭建-DWS层最近n日汇总表及历史至今汇总表建表语句
数据库·数据仓库·hive·笔记·学习
宵时待雨4 小时前
STM32笔记归纳9:定时器
笔记·stm32·单片机·嵌入式硬件
刘欣的博客4 小时前
C# CS架构程序发版升级的走数据库方案
c#·单文件升级自己的方式
m0_719084114 小时前
React笔记张天禹
前端·笔记·react.js
Yorlen_Zhang5 小时前
Python Tkinter Text 控件完全指南:从基础编辑器到富文本应用
开发语言·python·c#
不绝1916 小时前
C#进阶:预处理指令/反射,Gettype,Typeof/关键类
开发语言·c#
大鹏说大话6 小时前
告别 MSBuild 脚本混乱:用 C# 和 Nuke 构建清晰、可维护的现代化构建系统
开发语言·c#