【unity3D】Scroll Rect组件

您所在的位置:网站首页 unity滑动列表居中 【unity3D】Scroll Rect组件

【unity3D】Scroll Rect组件

2024-03-23 10:29| 来源: 网络整理| 查看: 265

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

Scroll Rect组件 基础知识详细说明案例演示——制作一个简单的下滑框扩展

介绍:Scroll Rect组件是用于在UI中创建可滚动区域的组件。它允许用户在滚动视图中显示大量内容,并通过滑动滚动条或手势来浏览内容。 Scroll Rect 组件可以与各种其他 UI 组件(如按钮、文本框和图像)组合使用。它非常适合用于展示列表、排行榜、日志等需要滚动的UI中。

基础知识

在这里插入图片描述

属性说明Content这是 UI 元素要滚动的 Rect Transform 的引用,例如一个大图像Horizontal是否允许水平滑动Vertical是否允许垂直滑动Movement Type选择滑动方式Elasticity当选择Elastic滑动方式时,用于限制弹性距离Inertia是否启用惯性Deceleration Rate启用惯性的情况下的减速率Scroll Sensitivity滚轮灵敏度。值越大,灵敏度越高Viewport是内容 Rect Transform 的父项视口 Rect Transform 的引用Horizontal Scrollbar可选的水平滚动条元素的引用Vertical Scrollbar可选的垂直滚动条元素的引用Visibility滚动条是否应该自动隐藏Spacing滚动条和视口之间的空间 详细说明 Movement Type:无限制、弹性或约束。使用弹性或约束来强制内容保持在滚动矩形的边界内。在弹性模式下,当内容到达滚动矩形的边缘时会反弹。在这里插入图片描述Scroll Sensitivity:调节这个值可以控制滚轮滑动,挺常用的。默认值的情况下鼠标滑动的很慢,基本滑动不了,通过将这个值调大,就可以通过鼠标控制滑动了。 案例演示——制作一个简单的下滑框

在新的Panel上新建一个Image作为背景图片,在它下面再新建一个Image,作为遮罩和可移动面板。 在这里插入图片描述

在图片MaskImg添加上Mask组件和Scroll Rect组件,取消掉勾选Show Mask Graphic,不显示遮罩图片 在这里插入图片描述 在这里插入图片描述

在MaskImg下新建一个要显示的内容,比如一段很长的文本。 在这里插入图片描述

然后把这个文本拖拽到content中,取消水平方向的勾选,就实现了一个可以无限制下滑的文本。 在这里插入图片描述请添加图片描述

调节一下运动方式和鼠标灵敏度,就实现了一个有限制的可以用鼠标滑动的文本,可以用来做文本内容比较长的公告栏等。 在这里插入图片描述

请添加图片描述

扩展

配合Layout Group和Content Size Fitter组件,还可以实现很多游戏中常见的功能,比如关卡选择,任务公告栏等等。 在这里插入图片描述 在这里插入图片描述

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



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3