Unity3D学习笔记——NGUI之UISlider

本文详细介绍如何使用 UISlider 创建滑动块和进度条。包括六个步骤:创建背景图、进度图、拇指按钮、进度显示标签及配置 UISlider 组件。同时提供了获取滑动实时百分比的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

UISlider:用于创建简单的滑动块和进度条,并且可以添加一个拇指按钮。

效果图如下:


一:使用步骤

  1.从上面的效果看出,这个工具由四部分组成:背景图,进度图,进度lable显示,拇指按钮。

  2.首先在UI Root的Scene中右键建立一个Sprite,用于背景图。

  

  3.用相同的方式建立第二个Sprite,用于进度展示。

  

  4.用相同的方式建立第三个Sprite,用于拇指按钮。

  

  5.建立一个Lable,用于显示当前的进度百分比。

  

  6.然后选择第一个Sprite,即背景图,为其添加两个组件。

  

  7.设置UISlider组件

  

  Value:设置起始进度百分比。

  Alpha:控件的透明度。

  Steps:进度条平均分割的块数。

  Foreground:进度条设置。即刚才创建的第二个Sprite。

  Background:背景色设置。即刚才创建的第一个Sprite。

  Thumb:拖动拇指块设置。即刚才创建的第三个Sprite。

  Direction:进度条的方向。

  Notify:进度百分比提示,需要绑定一个label。即刚才创建的Label,然后选择

  

 

二:注意事项

  1.在建立前景色,即进度条的时候,最好将他的宽度设置为背景色的宽度。

  2.获取进度条的值。

  建立一个类名字为Slider_Test,建立一个方法叫GetValue

  

  

  找个方法能监听到滑块滑动时,实时的百分比值。

  项目源码地址:http://download.youkuaiyun.com/detail/as294985925/7315921

  项目结构如下:

  

转载于:https://www.cnblogs.com/qinghuaideren/p/3678670.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值