实习任务: 做一个滚动视图.
第一次莋UI还是比较麻烦.自己用不够熟悉.
当我们需要对一个或多个对象在一个指定的区域内进行滚动时可以使用该组件。
可以在任意的UI下添加一個ScrollView添加好的ScrollView我们发现其绑定了2个脚本,分别如下:
UIPanel组件主要是可以实现剪辑移出视口的内容下面我们看看主要使用到的参数的意思:
- None:不剪辑,移出可视区域的图像任然可见
- Texture Mask:可以选择一张贴图作为遮罩。
- Soft Clip:柔和剪辑默认选择该模式,我们一会会集体说它
选择了 Soft Clip
則会出现一些默认的可选项:
- Offset:视口偏移量。
- Softness:剪辑边缘柔和度
本脚本用来控制视口滚动功能,我们具体看下核心的属性:
- Drag Effect:拖动效果:None無效果、Momentum带惯性的拖动、MomentumAndSpring惯性和弹性的拖动(拖动越界后会自动弹回到正常的位置)
- Momentun Amount:惯性因子,值越大滚动时惯性越大
- Smooth Drag Start:勾选时拖拽开始会有一种缓冲的感觉,不勾选则开始拖动就是鼠标移动的速度 10.Scroll Bars:滚动条属性允许我们自己设置滚动条,留空则表示不使用滚动条
- Always:总是显示滚动条。
如何实现滚动视图功能,主要分为以下几个步骤:
2.2 添加几个子节点.
2.3 添加必要的脚本
- 必须的. 注意: 必须设置好其size. 如果size太小了. 鈳能就不能检测到了.
- 必须给这个脚本设置 ScrollView对象. 即你要在哪个滚动视图中.
- 开始拖动鼠标点击ScrollView的时候开始调用
- 在滑动,拖动ScrollView的时候调用
- 停止拖动松开鼠标或手指。停止拖动ScrollView的时候调用
- 在拖同结束系统移动ScrollView结束的时候调用
- 作用拖拽滑动切换图片.
- 图片必须是完整显示. 图片是等寬的.
- 同时实现一个类似阻尼的效果.
- 没有超过一半还是还原到原来位置
- 滑动控制最重要是在于计算偏移量.
UIPanel组件: 实现剪辑移出视口的内容