官方地址:http://docs.unity3d.com/Manual/script-ScrollRect.html

一边学习一边翻译不知效率如何= =

Scroll Rect

在小区域里展示大量内容可以使用这个组件,它的功能就是滑动这片区域来显示内容。

当ScrollRect里可滑动内容可见时,它和Mask组件组合从而创建一个滚动视图。另外它也和1,2个Scrollbars组件组合用来水平或竖直滑动。

 

              A ScrollRect

属性

Content  一个可滑动UI元素中RectTransform的引用,比如Image

Horizontal

是否可以水平滑动
Vertical 是否可以竖直滑动

Movement Type

(移动类型)

Unrestricted,不受限制类型:到内容边界可以滑出

Elastic,伸缩类型:到内容边界滑动反弹一定距离

Clamped,限制类型:到内容边界滑不动

使用伸缩或限制类型限制内容在ScrollRect的界限里

Elasticity

(伸缩性)

伸缩模式下的反弹系数

Inertia

(惯性)

如果它被设置,当你滑动内容后,内容依然会自己滑动一段距离,没设置内容只会当你滑动时移动

Deceleration Rate

(减缓速率)

设置了Inertia后显示

决定内容多快停止,范围[0,1]指马上停到永远不停

Scroll Sensitivity

(滑动灵敏度)

滚轮和触屏滑动事件灵敏度

Viewport

(视窗口?)

内容RectTransform的父级viewportRectTransform的引用

Horizontal Scrollbar

(水平Scrollbar)

水平滚动条元素的引用,可有可无
Vertical Scrollbar 竖直,同上
Visibility

设置了ScrollBar引用后显示

滚动条是否在不需要(指的是内容区域大小<=滚动区域大小)的时候隐藏

Permanent 永不隐藏

Auto Hide 自动隐藏

Auto Hide And Expand Viewport 自动隐藏不占空间

Spacing

设置了Auto Hide And Expand Viewport 后显示

scrollbar和viewport的间隙

Events

  OnValueChanged  当ScrollRect的滑动条位置改变时会触发这个UnityEvnet,这个事件可以传递当前滑动位置,一个Vector2类型的动态参数。

Details

  滑动视图基本上由viewport,滑动内容,可选择的滑动条组成。

  • 在根节点里包含ScrollRect组件
  • Viewport有一个Mask组件,viewport可以是根节点,也可以是根节点的子节点,如果使用了自动隐藏滚动条,viewport就必须是子节点。viewport的RectTransform需要设置在ScrollRect的Viewport属性里
  • 一切可滑动的内容必须是viewport子节点的子节点。内容Recttransform需要设置在ScrollRect的Content属性里  
  • 滚动条(如果有的话)是根节点的子节点  

     

  UI-ScrollView中的节点组织

  如果要滚动内容,必须要从ScrollRect边界接受输入而不是内容本身。

Scrollbar setup

  作用不大,有需要看原文。

Hints

  • 内容的pivot(轴心?)和anchors(锚点)可以决定当内容增加或减少后在滑动视图中的aligned(对齐位置),如果内容应该和顶部保持对齐,设置锚点为父级的顶部,设置轴心为顶部。
  • http://docs.unity3d.com/Manual/HOWTO-UIFitContentSize.html了解如何让内容RectTransform自动适应内容。

  

简单Demo:http://pan.baidu.com/s/1jHMKQpw

  

  本人小白,若有错误还请指导。

[Unity官方文档翻译]ScrollRect的更多相关文章

  1. [Unity官方文档翻译]Primitive and Placeholder Objects Unity原生3D物体教程

    Primitive and Placeholder Objects 原始的基础物体 Unity can work with 3D models of any shape that can be cre ...

  2. Flume官方文档翻译——Flume 1.7.0 User Guide (unreleased version)中一些知识点

    Flume官方文档翻译--Flume 1.7.0 User Guide (unreleased version)(一) Flume官方文档翻译--Flume 1.7.0 User Guide (unr ...

  3. Flume官方文档翻译——Flume 1.7.0 User Guide (unreleased version)(二)

    Flume官方文档翻译--Flume 1.7.0 User Guide (unreleased version)(一) Logging raw data(记录原始数据) Logging the raw ...

  4. [我给Unity官方视频教程做中文字幕]beginner Graphics – Lessons系列之纹理Textures

    [我给Unity官方视频教程做中文字幕]beginner Graphics – Lessons系列之纹理Textures 本篇分享一下第6个已完工的视频,即<beginner Graphics ...

  5. [我给Unity官方视频教程做中文字幕]beginner Graphics – Lessons系列之网格Meshes

    [我给Unity官方视频教程做中文字幕]beginner Graphics – Lessons系列之网格Meshes 本篇分享一下第5个已完工的视频,即<beginner Graphics – ...

  6. [我给Unity官方视频教程做中文字幕]beginner Graphics – Lessons系列之材质了解Materials

    [我给Unity官方视频教程做中文字幕]beginner Graphics – Lessons系列之材质了解Materials 既上一篇分享了中文字幕的灯光介绍Lights后,本篇分享一下第3个已完工 ...

  7. [我给Unity官方视频教程做中文字幕]beginner Graphics – Lessons系列之灯光介绍Lights

    [我给Unity官方视频教程做中文字幕]beginner Graphics – Lessons系列之灯光介绍Lights 既上一篇分享了中文字幕的摄像机介绍Cameras后,本篇分享一下第2个已完工的 ...

  8. [我给Unity官方视频教程做中文字幕]beginner Graphics – Lessons系列之摄像机介绍Cameras

    [我给Unity官方视频教程做中文字幕]beginner Graphics – Lessons系列之摄像机介绍Cameras 最近得到一些Unity官方视频教程,一看全是纯英文的讲解,没有任何字幕或者 ...

  9. 蓝牙4.0——Android BLE开发官方文档翻译

    ble4.0开发整理资料_百度文库 http://wenku.baidu.com/link?url=ZYix8_obOT37JUQyFv-t9Y0Sv7SPCIfmc5QwjW-aifxA8WJ4iW ...

随机推荐

  1. 只看Delphi自带的WnAPI帮助似乎不够

    比如,MessageBox在Delphi自带帮助的参数说明中,对其第四个参数的MB_类型说明只有最常见的6种类型,这么多年搞得我天经地义的以为MessageBox就是这么简单.今天看了一位前辈写的老代 ...

  2. android原生系统裁剪

    Andriod 4.0.4系统包 Andriod 4.1.1系统包 说明   ApplicationsProvider.apk ApplicationsProvider.apk 应用程序存储. 程序管 ...

  3. VS(Microsoft Visual Studio2010)工具打开项目所需的应用程序,出现未安装(.csproj)的应用程序的解决办法

    打开这个文件的话,从列表中选择打开方式的时候,看看选择打开项目文件的打开方式是不是visual studio,如果是Micrisoft visual studio version selector.那 ...

  4. Can't initialize OCI. Error -1

    今天使用Toad连接Oracle时出现"Can't initialize OCI. Error -1" 解决方法 因为是刚做的windows 7系统,所以没有设置更改通知的时间 把 ...

  5. Windows下,通过程序设置全屏抗锯齿(多重采样)的方法

    这里说的全屏抗锯齿,不是基于着色器的FXAA之类的方式,而是兼容性更好的,基于固定管线的多重采样方式. 先来说一下开发环境,我用的是VC2013+GLEW1.11. 要通过程序设置多重采样,首先需要进 ...

  6. 资深系统管理员给Linux/Unix新人们的建议

    根据同事多年跟踪的学员情况,我们发现,学员在同等条件学习Linux后,选择开发要比系统应用薪水要上升的更为迅速,而且更容易突破5000.8000或10000等每月的门槛:但是这个方向难度会更大,同时会 ...

  7. UILable自适应frame

    UILabel *textlab = [[UILabel alloc]initWithFrame:CGRectMake(20, 10,ScrollView.frame.size.width - 40, ...

  8. [转]在 Mac OS X 终端里使用 Solarized 配色方案

    相信长期浸泡在终端和代码的小伙伴们都有一套自己喜爱的配色方案.以前一直在用简单.适合阅读的 Terminal.app 配色方案,换到 MacBook Pro with Retina display 后 ...

  9. [转]3proxy 二级代理配置样例

    转自:http://www.cnblogs.com/airsong23/p/3893094.html 适应情况: 有时,我们的机器HOST-A只能通过代理服务器HOST-B才可以访问internet, ...

  10. 3proxy代理软件文档说明

    官方英文原版说明:http://www.3proxy.ru/howtoe.asp 配置文件的简要说明:如果你的英文理解力好,可以试着研究一下他的手册. 以实例说明吧 nscache 65536域名解析 ...