专栏首页韩东吉的Unity杂货铺零基础入门 19: UGUI ScrollBar

零基础入门 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),作者:Jimin

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

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

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 零基础入门 1: 环境布置

    【Unity零基础入门】今天开始不定期更新,可能你之前有了解过Unity,或者对Unity一点也不了解, 又或者你现在正在从事Unity的相关工作,不管是哪种情...

    韩东吉
  • 零基础入门 2: 平台切换

    上一篇讲述了Unity不同平台的环境布置,以及破解教程。那这一篇就来说下Unity的不同平台切换。

    韩东吉
  • 零基础入门 23: UGUI ScrollView

    今天要分享的内容,是近期内关于UGUI的最后一篇,UGUI里的滚动视图ScrollView,后期的内容会根据项目实用的功能组件进行分享。

    韩东吉
  • SDN十大落地解决方案

    伴随着互联网和云计算的高速发展,面对各种实时业务如视频语音、移动业务和云数据中心快速发展,传统网络尽管体系完善但也难以招架陈出不穷的需求问题。随着软件定义网络S...

    SDNLAB
  • AI船长出航,NVIDIA AGX Xavier助力自动驾驶版五月花号横穿大西洋!

    在过去的几年中,无人驾驶汽车一直是头条新闻,其他形式的自动驾驶交通工具也正在蓬勃发展。

    GPUS Lady
  • Rsync完全配置

    系统环境---Rsync完全配置 rsync version 2.6.3 protocol version 28 Slackware 9.2 配置/etc/...

    一见
  • Leaflet在线地图进阶宝典——json素材操纵与图层面板控制

    这篇教程憋了很久,其实算是3个月前leaflet在线地图系列的进阶篇,但是因为当时对于leaflet地图的数据源结构理解有限,技能勉强操控shp数据源,对于js...

    数据小磨坊
  • 使用Python对Dicom文件进行读取与写入的实现

    使用 pydicom.dcmread() 函数进行单张影像的读取,返回一个pydicom.dataset.FileDataset对象.

    砸漏
  • GWAS杂谈 | FarmCPU结果里的effect到底代表什么?

    全基因组关联分析(Genome wide association study,GWAS)是一种挖掘调控某一性状基因最常用的方法。GWAS常用的模型为混合线性模型...

    生信小王子
  • 分布式跟踪工具Pinpoint初探

    小柒2012

扫码关注云+社区

领取腾讯云代金券