官方地址: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. Android用户界面 UI组件--TextView及其子类(三) EditView以及各种Span文字样式讲解

    EditView和TextView的用法差不多,只是文字可编辑 小技巧: 设置EditText隐藏键盘  setInputType(0); 设置EditText不被输入法遮盖  getWindow() ...

  2. STL unordered_set

    http://www.cplusplus.com/reference/unordered_set/unordered_set/ template < class Key, // unordere ...

  3. centos6.5 无线网卡配置

    来自:http://liqirui.blog.51cto.com/4662702/1344877         http://wiki.centos.org/zh/HowTos/Laptops/Wp ...

  4. 如何在多线程中调用winform窗体控件

    由于 Windows 窗体控件本质上不是线程安全的.因此如果有两个或多个线程适度操作某一控件的状态(set value),则可能会迫使该控件进入一种不一致的状态.还可能出现其他与线程相关的 bug,包 ...

  5. C#的装箱和拆箱

    1:装箱 其实就是将一个值类型的转换成一个引用类型,或者把值类型转换成一个被该值类型那个应用的接口类型,这个过程会使用堆栈.被装箱的值是作为一个复制赋给对象的. int  intValue = 100 ...

  6. 关于O(n)算法

    首先要明确一点,当数据规模达到百万时需用O(n)算法 如何实现O(n)算法,其实是对原有算法的一种改进 后者说是 原有算法+一点小性质=O(n)算法 下面我将举几个例子来说明这一点: 1.后缀数组中h ...

  7. Node v4.1.1

    Installing Node.js via package manager curl --silent --location https://deb.nodesource.com/setup_4.x ...

  8. 【Node】fs

    var fs = require('fs') // fs 文件系统 var stdin = process.stdin var stdout = process.stdout var stats = ...

  9. devpress 很好的中文论坛

    阿伟邀请您访问DXPER开发者论坛http://www.dxper.net/?fromuid=3701

  10. 《C语言程序设计现代方法》第2章 编程题

    7 编写一个程序,要求用户输入一个美金数量,然后显示出如何使用最少的20美元.10美元.5美元和1美元来付款. 提示:将付款金额除以20,确定20美元的数量,然后从付款金额中减去20美元的总金额.对其 ...