|
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: [email protected]
对于经本博主明确授权和许可使用文章及内容的，使用时请注明文章或内容出处并注明网址