NGUI的slider的滑动条制作(SliderScript)

一，添加一个sprite，给这个sprite添加一个背景如下图：

二，在当前的sprite添加一个子sprite同时给子层添加一个颜色较深的图片，这个子层覆盖当前sprite，我们需要调节子层的depth大于父级，才会将父层覆盖

三，然后设置slider的foreground将子层作为该目标对象（拖到该位置即可）

四，添加label显示活动条的百分比，添加一个label的text为100%，并将label这个对象拖到slider的on value change 的notify中，选择method,选择UIlabel-SetCurrenPercent方法，这样就可以绑定滑动条显示百分比，而不用添加代码控制

五，thumb是设置滚动条的游标图片

六，direction是设置滚动条滚动的方向

转载于:https://www.cnblogs.com/May-day/p/8460194.html

NGUI的slider的滑动条制作(SliderScript)相关推荐

Unity之UGUI的学习（七）：Slider（滑动条）
什么是Slider? Slider控件允许用户可以通过鼠标来在预先确定的范围调节数值. 我们可以在Hierarchy视图右键 -> UI ->Slider来创建滑动条. 上图是一个Unit ...
[Unity]滑动条与图片填充与滑动条填充（滑动条和Image的关联）
本人使用unity版本:2020.3.17 文章涉及UI资源为unity资源商店免费资源:Beautiful Progress Bar Free | 2D 图标 | Unity Asset Store ...
疯狂JAVA讲义---第十二章：Swing编程（五）进度条和滑动条
http://blog.csdn.net/terryzero/article/details/3797782 疯狂JAVA讲义---第十二章:Swing编程(五)进度条和滑动条标签: swing编程 ...
UISlider 滑动条基本属性
UISlider *_uislider; //新建一个滑动条UILabel *_uilabel; //新建一个label用来显示滑动的位置//滑动条 -(void)testSlider {NSLog( ...
vue+element制作音乐播放器播放进度条bug(鼠标拖拽slider滑块滑动到指定位置无效)
最开始bug还没解决时的效果图 bug解决后的效果图项目场景: 想自己做一个基于vue仿网易云音乐的音乐网站,在制作播放器的时候用到了element ui里面的slider组件,制作完成后发现使用c ...
第二百二十节，jQuery EasyUI，Slider(滑动条)组件
jQuery EasyUI,Slider(滑动条)组件学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表本节课重点了解 EasyUI 中 Slider(滑动条)组件的使用方法,这个 ...
Unity3D 之UGUI 滑动条(Slider)
这里来讲解下UGUI 滑动条(Slider)的用法控件下面有三个游戏对象 Background -->背景 Fill Area --> 前景区域 Handle Slide Area -- ...
JQuery Slider 实现时间刻度滑动条，用以编辑项目/起始时间（手动输入可自动更新到滑动条）
最近公司项目应客户要求,web端需要跟桌面端一样实现通过滑动条设置计划起始时间,所以就研究了一下Slider插件,被搞惨了.下面简单描述一下需求. 需求场景:首先,要使用滑动条进行方式进行计划起始时间 ...
ESP32 LVGL8.1 ——slider 滑动条 (slider 22)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一.slider 简介 1.1概述 Overview 1.2部分和风格 Parts and Styles 1.3使用 Usage 1.3.1值 ...

NGUI的slider的滑动条制作(SliderScript)

NGUI的slider的滑动条制作(SliderScript)相关推荐

最新文章

热门文章