UG2L12——Scrollview滚动视图控件

Scrollview

即滚动视图
我们现在用于编程的vs代码窗口,笔记软件页面就是典型的滚动视图
游戏中主要用于背包、商店、排行榜等等功能

本章代码关键字

1
uiScrollView.UpdateScrollbars()    //更新滚动视图的滑动条

制作Scrollview

  1. 直接工具栏创建即可 NGUI——Create——ScrollView
  2. 若需要ScrollBar自行添加水平和竖直
  3. 添加子对象,为子对象添加Drag Scroll View和碰撞器

参数相关

image
image
image

  • [Panel部分]

    • Size - 可以设置滚动视图
  • [Scrollview部分]

    • Content Origin - 内容子对象对其方式

    • Movement - 拖曳的方向

      • image
      • 水平
      • 垂直
      • 自由
      • 自定义
    • Drag Effect - 拖动特效

      • image
      • 不使用任何效果
      • 动量(惯性)效果(差异不明显)
      • 动量(惯性)和弹力效果
    • Scroll Wheel Factor - 滚动因子
      如果不为0,鼠标中间滚动可以滚动它
      可以通过它控制速度和方向

    • Momentum Amount - 动量
      拖曳一下鼠标,动的快慢
      可以理解成惯性大小

    • Sppring Strength - 弹力大小
      移动到边缘时弹回时弹力大小

    • Dampen Strength - 阻尼强度
      影响回弹效果

    • Restrict Within Panel
      限制在Panel中
      不勾选,不会产生弹力效果

    • Constrain On Drag
      阻力约束,一般不修改

    • Cancel Drag if fits
      若勾选
      滚动视图的内容是否应该是可拖动的
      取决于它们当前子对象大小是否溢出

    • Smooth Drag Start - 平滑拖动,一般不修改

    • IOS Drag Emulation - IOS阻力模拟,一般不修改

    • ScrollBars - 滚动条关联

      • Horizontal - 水平滚动条

      • 竖直滚动条

      • ShowCondition - 显示时机

        • image
        • 一直显示
        • 需要时显示
        • 拖动时显示
  • [Grid部分]

    • Arrangement - 排序对齐方式

      • image
      • 水平
      • 竖直
      • 元素大小
    • Cell width - 元素宽

    • Cell Height - 元素高

    • Row Limit - 元素个数
      会自动换行

    • Sorting - 排序顺序

      • image
      • 没有排序
      • 按字母排序
      • 水平放置顺序
      • 垂直放置顺序
      • 自定义
    • Inverted - 倒转
      若选择了排序方式
      勾选这里 可以翻转排序规则

    • Pivot - 锚点位置
      9宫格9个位置

    • Smooth Tween - 平缓缓动动画
      是否会平滑地将其子对象设置为正确的位置

    • Hide Inactive - 是否隐藏不活动组件

    • Constrain To panel - 约束面板
      是否将网格子对象的更改通知父容器Panel
      会用于更新ScrollBar等显示信息