Chinar blog www.chinar.xin


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


Unity UGUI-Scrollbar


本文提供全流程,中文翻译。

Chinar 的初衷是将一种简单的生活方式带给世人

使有限时间 具备无限可能

Chinar —— 心分享、心创新!

助力快速掌握 Unity UGUI Scrollbar 的使用

为初学者节省宝贵的时间,避免采坑!

Chinar 教程效果:
Unity UGUI Scrollbar滚动条中文详解-Chinar



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


1

Presentation —— 介绍


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

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

Unity Hierarchy 面板上右键–>UI–>Scrollbar
Unity UGUI Scrollbar滚动条中文详解-Chinar
Unity UGUI Scrollbar滚动条中文详解-Chinar


2

Attribute —— 属性


首先我们来了解下 Scrollbar 的属性
Unity UGUI Scrollbar滚动条中文详解-Chinar 由于 Scrollbar 类,是继承自Selectable的,所以具备与Button相同的一些属性
Unity UGUI Scrollbar滚动条中文详解-Chinar
Unity UGUI Scrollbar滚动条中文详解-Chinar
下面看一下每个属性的详细介绍:

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

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

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

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

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

Unity UGUI Scrollbar滚动条中文详解-Chinar原理:滚动条区域取100%,设置的值为未知数 N,每步就移动 N/100

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

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

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

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


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


支持

May Be —— 开发者,总有一天要做的事!


拥有自己的服务器,无需再找攻略

Chinar 提供一站式《零》基础教程

使有限时间 具备无限可能!

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


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


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

END

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

对于需要复制、转载、链接和传播博客文章或内容的,请及时和本博主进行联系,留言,Email: [email protected]

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

相关文章: