零基础入门 19: UGUI ScrollBar

今天这篇内容非常之少,介绍一下Unity里UGUI ScrollBar这个组件。

通常在实际项目中,对ScrollBar的应用非常简单,主要用于配合TableView或者ScrollView来进行使用,下一节我们将说明一下Unity里的ScrollView即滚动视图。这篇先来说一下ScrollBar这个组件,也为下一张做一个铺垫。

进入正题


ScrollBar这个组件就是我们俗称的滚动条,下面来个效果图展示一下。大家一看便知。

ScrollBar如下俩图红框内的组件显示。

通常这种滚动进度条都是用来显示当前组里或者当前页面里的多个资源分布情况展示,下面我们就来看一下ScrollBar这个组件的一些属性。

还是一样,从handleRect才是ScrollBar这个组件的独有属性。

Direction:依然是方向选择

value:进度条的当前数值

size:进度条的HandleRect大小

Number if Steps:通过滚动条允许不同滚动位置的数目

最后一个用下面的这个Gif来给大家解释下就明白了。

然后再来看一下这个ScrollBar的结构。

中间的Sliding Area是一个空的父级对象。下面的handle就是我们所看见的图里的白色区域,而scrollbar是图里的灰色背景条。

通常来说,我们在使用的时候直接设置ScrollBar背景图以及Handle的贴图,然后将scrollBar关联给某一个tableView或者ScrollView即可使用了。value的设置通过ScrollRect直接挂载就可以正常使用了,剩下的是size和方向等微调。

今天的这个组件,甚至可以不用代码去控制他的逻辑。

Scrollbar是配合ScrollRect组件使用的,通常一个ScrollRect滚动视图才会增加Scrollbar这样的一个滚动条,而Unity也为我们对ScrollBar的使用做到了最极致的方便。

如下图,只需要把创建的ScrollBar拖动到ScrollRect上就可以了。

而实际中的项目也是如此,我们通常在使用滚动视图的时候,只需要创建一个Scrollbar并且设置好合理的显示方式和控制逻辑即可在scrollRect的带动下,完成滚动条的自动滚动。

效果图如下。

好了,今天的这期Scrollbar也是非常的简单。

有问题可以给我留言,ヾ( ̄▽ ̄)Bye~Bye~

原文发布于微信公众号 - 韩东吉的Unity杂货铺(DeveloperJimin)

原文发表时间:2017-04-06

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏V站

自适应丨Html5响应式(自适应)网页设计

viewport是网页默认的宽度和高度, 上面这行代码的意思是:网页宽度默认等于屏幕宽度(width=device-width), 原始缩放比例(initia...

5905
来自专栏算法channel

Python-GUI|Tkinter模块

01 Tkinter Tkinter模块是Python的标准Tk GUI工具包的接口,它并不是必须掌握的,但是掌握一个Python的标准图形库还是非常有意思的...

63610
来自专栏web前端

Vuejs --01 起步

一、是什么      1、是一套构建用户界面的渐进式框架,Vue采用自底向上增量开发的设计           1.1     解释:框架譬如angular,是...

2285
来自专栏吴老师移动开发

【iOS开发】iOS 动画详解

在移动开发中,为了提高用户体验,会用到一些动画来提高应用的视觉效果。让人有眼前一亮的感觉。同时有动画的过渡过程,会让应用看起来不是那么的生硬,更吸引用户。

2836
来自专栏闻道于事

正式学习第一天下午——基础标签及其属性

今天下午学习了html中的基础标签及其属性。以下面的HTML代码为例。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0...

2665
来自专栏河湾欢儿的专栏

(第一版)知识点

1092
来自专栏小蠢驴iOS专题

iOS中Cell约束--使用xib实现多label的自动约束--高度随内容自适应

4476
来自专栏每日一篇技术文章

IOS开发必须知道的3DLabel实现过程

最近写了很多关于SceneKit 的入门教程文章,初衷就是想给应用增加一点色彩,今天就教大家实现一个简单的3DLabel 的小框架.如果你的应用中需要实现3D字...

1201
来自专栏大数据钻研

初识HTML之基础篇

前端认知 ---- 一、公司开发流程 1、 产品需求(产品经理给需求文档) 2、项目设计(视觉设计师给PSD文件,交互设计师配合) 3、前端开发 ...

3224
来自专栏陈泽钦的专栏

页面性能优化的利器 — Timeline

网页中的重绘过程是影响整体性能下降的关键点之一,因而网站开发者应该更多地去避免在站点中进行不必要以及不适时的重绘步骤,本文主要讲述如何借助Inspector中的...

2.1K1

扫码关注云+社区

领取腾讯云代金券