UGUI Scroll Rect滚动矩形组件

ScrollRect用于实现UI内容的滚动功能,它可以与Mask组合创建只显示部分内容的视图。组件参数包括Content(内容)、Horizontal/Vertical(滚动方向)、MovementType(移动类型)、Elasticity(弹性)、Inertia(惯性)等,还支持设置滚动条的能见度和间距。通常与LayoutGroup配合使用以优化布局。
摘要由CSDN通过智能技术生成

1、概述

当需要在小区域显示占用大量空间的内容时,可以使用Scroll Rect。滚动矩形提供了滚动浏览此内容的功能。

通常,将Scroll Rect与Mask结合在一起以创建滚动视图,在该视图中,只有Scroll Rect内部的可滚动内容可见。它也可以与一个或两个滚动条组合使用,这些滚动条可以拖动以水平或垂直滚动​​。
在这里插入图片描述

2、使用在这里插入图片描述

Content:(内容)

对要滚动的UI元素的Rect变换的引用;

Horizontal:(水平)

启用水平滚动;

Vertical:(垂直)

启用垂直滚动;

Movement Type:(类型)

无限制,弹性或夹紧。使用“弹性”或“夹紧”可将内容强制保留在“滚动矩形”的范围内。弹性模式在到达滚动矩形的边缘时会反弹内容;

Elasticity:(弹性)

这是在弹性模式下使用的弹跳量;

Inertia:(惯性)

设置惯性后,拖动鼠标后释放指针,内容将继续移动。如果未设置惯性,则内容仅在拖动时才会移动;

Deceleration Rate:(减速率)

设置惯性后,减速率将决定物料停止移动的速度。比率0将立即停止运动。值为1表示运动将永远不会减速;

Scroll Sensitivity:(滚动灵敏度)

对滚轮和触控板滚动事件的敏感性;

View:(视图)

引用作为内容Rect变换父级的视口Rect变换;

Horizontal Scrollbar:(水平滚动条)

对水平滚动条元素的可选引用;

Visibility:(能见度)

滚动条是否在不需要时自动隐藏,是否还可以扩展视口;

Spacing:(间隔)

距滚动条和视口之间的空间;

Vertical Scrollbar:(垂直滚动条)

对垂直滚动条元素的可选引用;

Visibility:(能见度)

滚动条是否在不需要时自动隐藏,是否还可以扩展视口;

Spacing:(间隔)

滚动条和视口之间的空间;

在这里插入图片描述在这里插入图片描述
在viewport 视口上默认加上了mask组件,mask组件会限制子物体的显示范围

Scroll Rect一般跟布局组Layout Group 一起用

在这里插入图片描述
在这里插入图片描述在这里插入图片描述

一般都把这两个置为空在这里插入图片描述隐藏掉
在这里插入图片描述
这样界面就干净整洁的不少在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值