Unity UGUI Scrollbar滚动条中文详解-Chinar

Chinar blog ：www.chinar.xin

---

Unity UGUI 完整系列教程 (Chinar中文图解)

---

Unity UGUI-Scrollbar

---

本文提供全流程，中文翻译。 Chinar 的初衷是将一种简单的生活方式带给世人 使有限时间 具备无限可能

Chinar —— 心分享、心创新！ 助力快速掌握 Unity UGUI Scrollbar 的使用 为初学者节省宝贵的时间，避免采坑！

Chinar 教程效果：

---

---

全文高清图片，点击即可放大观看 (很多人竟然不知道)

---

1

Presentation —— 介绍

Scrollbar 组件是一个滚动条组件，我们一般来表示在很长一段内容中，当前占比/位置是多少

我们创建一个 InputField 组件看一下它的属性：

在 Unity 的 Hierarchy 面板上右键–>UI–>Scrollbar

---

2

Attribute —— 属性

首先我们来了解下 Scrollbar 的属性
由于 Scrollbar 类，是继承自Selectable的，所以具备与Button相同的一些属性


下面看一下每个属性的详细介绍：

属性	功能
Handle Rect	滚动条中可被拖动的滑块 Rect Transform
Direction	拖动方向 从左到右 从上到下 从下到上 从右到左
Value	滑块拖动的值 范围0~1
Size	滑块 占整个滑动条区域 的比例值
Number Of Steps	每步移动多少个值，(百分比)

---

我认为比较难理解的只有最后一个 Number Of Steps这个属性，下面我来解释一下：

• 当它的值为0或1时，滑块可以在滚动条的任意位置

• 当值大于1时，滑块会按照设定的值等距的出现在滚动条上

原理：滚动条区域取100%，设置的值为未知数 N，每步就移动 N/100

• 当值为3时，每次移动 3/100=1/33，所以滑块每次移动大约1/3长度

• 当值为10时，每次移动 10/100=1/10，所以每次移动 十分之一的长度

至此：您已完美征服了 UGUI - Scrollbar

---

Unity UGUI 完整系列教程 (Chinar中文图解)

---

支持

May Be —— 开发者，总有一天要做的事！

拥有自己的服务器，无需再找攻略 Chinar 提供一站式《零》基础教程 使有限时间 具备无限可能！

---

先点击领取 —— 阿里全产品优惠券 (享受最低优惠)

Chinar 免费服务器、建站教程全攻略！( Chinar Blog )

---

---

END

本博客为非营利性个人原创，除部分有明确署名的作品外，所刊登的所有作品的著作权均为本人所拥有，本人保留所有法定权利。违者必究

对于需要复制、转载、链接和传播博客文章或内容的，请及时和本博主进行联系，留言，Email: ichinar@icloud.com

对于经本博主明确授权和许可使用文章及内容的，使用时请注明文章或内容出处并注明网址