官方地址: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. Lua的function、closure和upvalue

    Lua中的函数是一阶类型值(first-class value),定义函数就象创建普通类型值一样(只不过函数类型值的数据主要是一条条指令而已),所以在函数体中仍然可以定义函数.假设函数f2定义在函数f ...

  2. Cursor的moveToFirst和moveToNext

    参考: http://blog.csdn.net/kerlw/article/details/6126448 总结: 查询得到的cursor是指向第一条记录之前的,因此查询得到cursor后第一次调用 ...

  3. How to convert an IPv4 address into a integer in C#?

    仅仅针对于IPv4的处理方法 从string转换为int 以及从int转换为string // IPv4 int intAddress = BitConverter.ToInt32(IPAddress ...

  4. 20个可以帮你简化iOS app开发流程的工具

    这里推荐20个可以帮你简化iOS app开发流程的工具.很多开发者都使用过这些工具,涉及原型和设计.编程.测试以及最后的营销,基本上涵盖了整个开发过程. 原型和设计 有了一个很好的创意后,你要做的不是 ...

  5. Mac下快捷键列表

    主界面 command + tab 切换程序 command + ` 在程序内切换界面 command + w 关闭界面 command + q 关闭程序 command + option + esc ...

  6. opencl-Shader

    转载自:http://blog.csdn.net/leonwei/article/details/8956632 这里介绍关于OpenCL中program函数的写法,program函数通常是文本形式的 ...

  7. HDU 1712 ACboy needs your help 典型的分组背包

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1712 ACboy needs your help Time Limit: 1000/1000 MS ( ...

  8. CONTROLS: <> TYPE TABLEVIEW USING SCREEN<>.在 ABAP/4 中声明表格 控制

    在 ABAP/4 中声明表格 控制 在屏幕中使 用表格控制 时,必须在 ABAP/4 程序中同时 声明表格控 制结构和表 格控制字段 . 例如: TABLES:   SFLIGHT. CONTROLS ...

  9. 图解三种APP的区别

  10. A Practical Guide to Distributed Scrum - 分布式Scrum的实用指南 - 读书笔记

    最近读了这本IBM出的<A Practical Guide to Distributed Scrum>(分布式Scrum的实用指南),书中的章节结构比较清楚,是针对Scrum项目进行,一个 ...