Unity -- UI -- Scroll Rect

Scroll Rect
原文地址：
file:///C:/Program%20Files/Unity%205.4.0b21/Editor/Data/Documentation/en/Manual/script-ScrollRect.html

与Mask和Scrollbars结合使用。Mask使得只有在scroll rect区域内的内容可见。Scrollbars实现水平或垂直滑动。

属性: 方法:
内容被滑动的UI元素的Rect Transform的引用
水平使能水平滑动
垂直使能竖直滑动
运动模式自由(Unrestricted), 弹性(Elastic)或夹(Clamped). 后两者强制内容滑动区域保持在Scroll Rect边界范围内。其中，弹性模式时，内容到达边界时将自动弹回。
弹性弹性运动模式时使用的弹回量。
惯性当一个拖拽结束时，内容仍会由于惯性继续滑动；而无惯性时，内容只在拖拽的时候滑动。
减速率当启用惯性时，减速率决定内容有多快会停下来。0即刻停下，1永不停止。
滑动敏感度滚轮等事件的敏感度。
视口(Viewport) 视口Rect Transform的引用，是内容Rect Transform的父物体。
水平滑块水平滑块元素的引用（可选）
可见性当不使用水平滑块时是否自动将其隐藏，同时可选的扩大视口。
空格水平滑块和视口的间隔
竖直滑块竖直滑块元素的引用（可选）
可见性当不使用竖直滑块时是否自动将其隐藏，同时可选的扩大视口。
空格竖直滑块和视口的间隔

事件: 方法:
On Value Changed 当Scroll Rect的scroll位置变化后调用的Unity事件。此事件将当前的scroll位置以动态Vector2的形式发送出去。

细节：
Scroll view中需要viewport，content和可选性的一到两个scrollbars。
• 根Game Object下添加Scroll Rect组件。
• Viewport有Mask组件。Viewport可以是根game object或者是game object的子物体。如果使用了自动隐藏scroll bars,那就必须是一个子物体。Viewport rect transform需要被scroll rect的viewport属性引用。
• 所有的滑动内容都必须是一个单独的内容game object的子物体，而该内容game object必须是viewport的子物体。Content rect transform需要被scroll rect的content属性引用。
• 如果使用滑块，它们得是根game object的子物体。
下图中viewport是根scroll view的子物体，这是使用GameObject->UI->Scroll View生成的默认格式。

对于scroll content,输入必须在scroll rect边界内接收而不是在content本身上。
注意：使用Unrestricted运动模式时，有可能会彻底失去对内容的控制。当使用Elastic或 Constrained运动模式时，最好是将内容放到Scroll rect边界内部，否则rect transform会总是试图将内容拽回边界内。
滑块设置（可选）：
Scroll Rect可以和一个水平或垂直滑块相关联。滑块和viewport同级，并被设置到scroll rect的Horizontal Scrollbar或Vertical Scrollbar里。
注意：scrollbar的方向属性中对于水平滑块应设置为Left To Right,垂直滑块应设为Bottom To Top.
滑块可以有自动隐藏行为，如果content没有viewport所占的区域大，就会自动隐藏滑块。注意：自动隐藏只会在Play Mode生效。在Edit Mode下滑块是一直可见的。
如果1个或两个滑块都设置了Auto Hide And Expand Viewport， viewport会在滑块隐藏时自动扩展并占用滑块原先在的空间。设置了滑块的话，view的位置和尺寸以及水平滑块的宽度、垂直滑块的高度就由scroll rect决定。Viewport和滑块都得是根scroll rect game object的子物体。
小提示：
• 内容rect transform的pivot和anchors可以决定内容在scroll view中的排列。如果内容应当和top对齐，则把anchors设置为父物体top处，并把pivot设置为top位置。
• See the page Making UI elements fit the size of their content for information about how to make the content Rect Transform automatically resize to fit the content.

Unity -- UI -- Scroll Rect相关推荐

Unity UGUI基础之 Scroll View/Scroll Rect 的简单使用，并取消拖拽(滑动内容)效果，拖拽只在Scrollbar 上起作用
Unity UGUI基础之 Scroll View/Scroll Rect 的简单使用,并取消拖拽(滑动内容)效果,拖拽只在Scrollbar 上起作用目录 Unity UGUI基础之 Scro ...
Unity基础笔记（3）—— Unity UI系统
Unity UI系统一.UI系统介绍 1. Unity2D 和 UI的区别 Unity2D:主要基于 SpriteRenderer 和 2D物理系统等组成. UI:由 Canvas 以及各种 UI ...
unity ui小技巧
一:使图片背景图片平铺选择背景 set native size 按钮可以是图片保持原有的比例使用rect tool 工具移动图片不会造成z轴方向的移动(建议在平面移动时使用这个) 选择锚点(锚点就 ...
全面理解 Unity UI 系统
原地址:http://www.cnblogs.com/whitecat/p/4159815.html 随着 Unity 4.6 发布,新 UI 系统终于与大家见面了.这篇文章将不会介绍如何使用按钮.滚 ...
Optimizing Unity UI
A guide to optimizing Unity UI 版本检查: 5.3 - 难度: 高级 Optimizing a user interface driven by Unity UI is ...
Unity UI -- (7) 创建世界空间UI
目前为止,我们已经设计了一个屏幕空间UI(Screen Space UI).一个屏幕空间UI会在屏幕上平坦放置,它会被渲染到环境中所有东西的上面,无论相机位置在哪里. 而一个世界空间UI(World ...
引擎入门 | Unity UI简介–第1部分（6）
本期我们继续为大家进行Unity UI简介(第一部分)的后续教程本篇内容 12.Rect变换取决于当前锚点设置 13.Pivot 文章末尾可免费获取教程源代码本篇Unity UI简介(第一部分)篇 ...
UNITY UI字体模糊的原因
UNITY UI字体模糊的原因根本原因:像素少. 解决办法:字体的 font size将像素设置大些,然后用scale来缩放大小 posted on 2018-06-21 15:11 时空观察者9号 ...
unity UI事件
由于工作需要到持续按键,所以了解了一下unity UI事件,本文主要转载于http://www.cnblogs.com/zou90512/p/3995932.html?utm_source=tuico ...
unity UI如何开启（显示）或者关闭（隐藏）Panel界面最好？
unity UI如何开启(显示)或者关闭(隐藏)Panel界面,相信大家都是知道的,但是如何做最好呢? 可能大家一般开启/关闭界面的方法就是直接SetActive吧.这样做通常是可以的,简答快速地解决 ...

Unity -- UI -- Scroll Rect

Unity -- UI -- Scroll Rect相关推荐

最新文章

热门文章