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

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/ChinarCSDN/article/details/90680852

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 )


Chinar

END

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

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

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

展开阅读全文

没有更多推荐了,返回首页