-
Unity UGUI的Slider(滑动条)件组的介绍及使用
Unity UGUI的Slider(滑动条)件组的介绍及使用
1. 什么是Slider组件?
Slider(滑动条)是Unity UGUI中的一种常用UI组件用,于在用户界面中实现滑动选择的功能。通过拖动滑块,用户可以选择一个数值范围的内值。
2. Slider组件的工作原理
Slider组件由两部分组成:滑动区域和滑块。滑动区域用于显示滑动条的背景,而滑块则表示当前的数值位置。用户可以通过拖动滑块来改变数值。
3. Slider组件的常用属性
- Min Value(最小值):滑动的条值小最 **。
- Max Value最(大)值:滑动条的最值大。
- Value(当前值):滑动条的当前值。
- Whole Numbers(只允许整值数整选择许允只是否:)数。
- Direction(方向):滑动条的方向,可以是水平或垂直。
- Handle Slide Area(滑块)域区动滑:滑块可以在滑动区域内滑动。
- Handle Slide Range(滑块滑动范围):滑块在动滑区域内滑的动范围。
4. Slider组常的件用函数
- SetValueWithoutNotify(float value):设置滑动条的当前值,但不触发OnValueChanged事件。
-
OnValueChanged(UnityAction
action) :当滑动条的值发生变化时触发的事件。
5. 示例代码
示例1:基本使用
using UnityEngine;
using UnityEngine.UI;
public class SliderExample : MonoBehaviour
{
public Slider slider;
private void Start()
{
slider.onValueChanged.AddListener(OnSliderValueChanged);
}
private void OnSliderValueChanged(float value)
{
Debug.Log("Slider value changed: " + value);
}
}
操作步骤:
-
创建一个空物体,并将Slider组件添加到该物体上2。
. 将SliderExample脚本添加到该物体上。 - 在Inspector面板中,将SliderExample脚本的slider字段关联到Slider组件。
- 运行游戏,拖动滑块,观察控制台输出。
注意事项:
- 通过监听Slider的onValueChanged事件,可以在滑动条的值发生变化时执行自定义的逻辑。
示例2:限制数值范围
using UnityEngine;
using UnityEngine.UI;
public class SliderExample : MonoBehaviour
{
public Slider slider;
private void Start()
{
slider.minValue = 0;
slider.maxValue = 100;
slider.wholeNumbers = true;
}
}
操作步骤:
- 创建一个空物体,并将Slider件组添加到该物体上。
- 将SliderExample脚本到添加该物体上。
-
在Inspector面板中,将SliderExample脚本的slider字段关联到Slider组件,戏游行 运.4。
观察滑动条的数值范围和是否只允许选择整数值。
注意事项:
- 通过设置minValue和maxValue属性,可以限制滑动条的数值范围。
- 通过设置wholeNumbers属性为true,可以只允许选择整数值。
示例3:水平滑动条
using UnityEngine;
using UnityEngine.UI;
public class SliderExample : MonoBehaviour
{
public Slider slider;
private void Start()
{
slider.direction = Slider.Direction.LeftToRight;
}
}
步操作骤:
- 创建一个空物体,并将Slider组件添加到该物体上。
- 将SliderExample脚本添加到该物体上。
- 在Inspector面板中,将SliderExample脚本的slider字段关联到Slider组件。
- 运行游戏,观察滑动条的方向。
注意事项:
- 通过设置direction属性为LeftToRight,可以将滑动条设置为水平方向。
示例4:垂直滑动条
using UnityEngine;
using UnityEngine.UI;
public class SliderExample : MonoBehaviour
{
public Slider slider;
private void Start()
{
slider.direction = Slider.Direction.BottomToTop;
}
}
操作步骤:
- 创建一个空物体,并将Slider组件添加到该物上体。
- 将SliderExample脚本添加到该物体上。
- 在Inspector面板中,将SliderExample脚本的slider字段关联到Slider组件。
- 运行游戏,观察滑动条的方向。
注意事项:
- 通过设置direction属性为BottomToTop,可以将滑动条设置为垂直方向。
示例5:设置滑块滑动范围
using UnityEngine;
using UnityEngine.UI;
public class SliderExample : MonoBehaviour
{
public Slider slider ;
private void Start()
{
slider.handleRect.GetComponentRectTransform<>().sizeDelta = new Vector2(20, 20);
}
}
操作步骤:
- 创建一个空物体,并将Slider组件添加到该物体上。
- 将SliderExample脚本添加到该物体上。
- 在Inspector面板中,将SliderExample脚本的slider字段关联到Slider组件。
- 运行游戏,观察滑动条的滑块大小。
注意事项:
- 通过设置滑块的RectTransform的sizeDelta属性,可以调整滑块的大小。
出处:https://www.cnblogs.com/alianblank/p/17652471.html
栏目列表
最新更新
nodejs爬虫
Python正则表达式完全指南
爬取豆瓣Top250图书数据
shp 地图文件批量添加字段
爬虫小试牛刀(爬取学校通知公告)
【python基础】函数-初识函数
【python基础】函数-返回值
HTTP请求:requests模块基础使用必知必会
Python初学者友好丨详解参数传递类型
如何有效管理爬虫流量?
SQL SERVER中递归
2个场景实例讲解GaussDB(DWS)基表统计信息估
常用的 SQL Server 关键字及其含义
动手分析SQL Server中的事务中使用的锁
openGauss内核分析:SQL by pass & 经典执行
一招教你如何高效批量导入与更新数据
天天写SQL,这些神奇的特性你知道吗?
openGauss内核分析:执行计划生成
[IM002]Navicat ODBC驱动器管理器 未发现数据
初入Sql Server 之 存储过程的简单使用
记录使用uview的tabs组件初始化渲染下划线
git分支常见操作
前端性能优化的利器 ——— 浅谈JavaScr
js一——js的变量类型
节流与防抖
JS中BOM事件,JS样式特效,表格对象和表单
JS的执行还分是谁发起的?
OpenApi(Swagger)快速转换成 TypeScript 代码
全选文本框示例
7 JavaScript循环语句