软件app网站建设,企业建设网站的过程,餐饮加盟网站模板,天创网站#x1f497; 未来的游戏开发程序媛#xff0c;现在的努力学习菜鸡 #x1f4a6;本专栏是我关于游戏开发的学习笔记 #x1f236;本篇是unity的Scroll Rect组件 Scroll Rect组件 基础知识详细说明案例演示——制作一个简单的下滑框扩展 介绍#xff1a;Scroll Rect组件是用… 未来的游戏开发程序媛现在的努力学习菜鸡 本专栏是我关于游戏开发的学习笔记 本篇是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】游戏开发专栏的目录
