|
Chinar 的初衷是将一种简单的生活方式带给世人 使有限时间 具备无限可能 |
|
助力快速掌握 Unity UGUI Scroll View组件的使用 为初学者节省宝贵的时间，避免采坑！ |
Chinar 教程效果：
文章目录
1
Presentation —— 介绍
Scroll View组件是一个滚动窗口/区域组件。- 我们做游戏背包，商城
需要展示大量物品时，可以用到它做很好的处理
2
Attribute —— 属性
创建一个
Scroll View组件看一下它的属性：在 Unity 的
Hierarchy面板上右键–>UI–>Scroll View
选中我们创建的Scroll View对象，可以看到三个子物体：
- 1个
Viewport对象- 2个
Scrollbar对象
Scrollbar不做过多介绍。详情大家可以直接看我的另一篇博文↓↓
我们先来看
Scroll View对象
下面看一下每个属性的详细功能
| 属性 | 功能 |
|---|---|
Content | 滚动的内容区域。其中所有子物体，都会显示在滚动内容区中 |
Horizontal | 是否启动水平滚动 |
Vertical | 是否启动垂直滚动 |
Movement Type | 滑动框的运动类型，有 Unrestricted不受限，Elastic 弹性，Clamped 夹紧三种类型 |
Elasticity | 弹性模式中的反弹量 |
Inertia | 惯性，拖动结束后会根据惯性继续移动，未设置时尽在拖动时移动 |
Deceleration Rate | 减速率，决定停止移动的速度，速率为0时立即停止运动，1时永不停止 |
Scroll Sensitivity | 灵敏度，滚轮时的灵敏程度 |
Viewport | 视口，是 Content 的父物体 |
Horizontal Scrollbar | 底部的水平滚动条 |
Visibility | 能见度，如果显示的内容没有超出 Viewport 的话自动隐藏，也可以选择展开视口 |
Spacing | 选择自动隐藏并展开视口时，滚动条和视口之间的空间 |
Vertical Scrollbar | 竖直滚动条 |
1.2 Movement Type —— 运动类型
Movement Type 是个比较重要的设置，这里演示一下三种类型
Unresticted- 当选择不受限制类型时，我们拖动结束后松开滚动框，它会根据惯性一直做减速运动，直到速度为0
Elastic- 当选择弹性类型时，我们拖动结束后松开滚动框，它会根据弹性变量来进行回弹
Clamped- 当选择夹紧类型时，我们拖动滚动框到最上面或最下面时，它不会有任何动作
1.3 Visibility —— 能见度
| 类型 | 功能 |
|---|---|
permanent | 永久显示，选择后滚动条将会一直显示 |
Auto Hide | 自动隐藏，只有在 Content 不超出 Viewport 的范围的情况下才会隐藏 |
Auto Hide And Expand Viewport | 自动隐藏，并扩展视口 |
- 详细解释一下
Auto Hide And Expand Viewport
选择此类型时，下面会有一个Spacing属性,它是用来扩展视口的，也就是滚动条与视口之间的距离
1.4 Mask —— 掩饰
我们可以发现无论我们在 Content 中添加多少图片，超出 Viewport 的部分都会隐藏掉
使用到的组件就是 Mask ,它就挂载在 Viewport 对象上面
Mask 组件只有一个属性
show Mask Graphic 显示掩饰图形,也就是显示 Image 组件所引用的图片
至此：您已完美征服了 UGUI - Scroll View
其他组件请继续学习，贴心的 Chinar 为您准备了 UGUI 全套教程
支持
May Be —— 开发者，总有一天要做的事！
|
Chinar 提供一站式《零》基础教程 使有限时间 具备无限可能！ |
Chinar 免费服务器、建站教程全攻略！( Chinar Blog )
本博客为非营利性个人原创，除部分有明确署名的作品外，所刊登的所有作品的著作权均为本人所拥有，本人保留所有法定权利。违者必究
对于需要复制、转载、链接和传播博客文章或内容的，请及时和本博主进行联系，留言，Email: ichinar@icloud.com
对于经本博主明确授权和许可使用文章及内容的，使用时请注明文章或内容出处并注明网址
1034
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
