UGUI的ScrollRect

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_33574890/article/details/82347259

卷动区域

• scrollbar单独是没有用的，需要和ScorllRect配合使用

构成分析

• ScrollRect Image
  
  • Mask Image
    
    • 空物体【用于卷动显示的数据】需要添加text组件
  • 横向卷动条
  • 纵向卷动条【ScrollBar 游戏物体】

三种形态

• 它是根据content的框子范围来决定的
• 无卷动条，当框子没有超过Mask范围
• 纵向卷动条，当数据量纵向比较多
• 横向卷动条，当框子横向超过Mask范围时

组件属性

• content 控制的数据区域
• Horizontal 控制数据是否可以横向拖动
• Vertical 是否可以纵向拖动
• MovementType 三种运动类型，不限制，弹性，不动
  
  • 可以任意拖动页面到某个地方
  • 弹性总会回到原来的位置
  • 无法拖动
• Viewport 视口区域的引用
• Scrollbar
• Visibility卷动条的清晰度
• Spacing 卷动条和数据区域之间的间距

绑定事件

• “onValueChanged.addListener()”参数为一个Vector2类型，获取的是横竖滑动条滑动的距离
• 初始值为（0，1）