Unity之UGUI的学习(七):Slider(滑动条)
什么是Slider?
Slider控件允许用户可以通过鼠标来在预先确定的范围调节数值。
我们可以在Hierarchy视图右键 -> UI ->Slider来创建滑动条。
上图是一个Unity内置Slider的结构。当然我们也可以自己创建一个更加个性的Slider。但在这之前需要了解Slider组件。
属性和功能
属性 | 功能 |
---|---|
Interactable | 控制组件是否接受输入,如果没有被勾选,是不能进行滑动的。 |
Transition | 用于控制Slider响应用户操作的方式 |
Navigation | 用来控制UI控件的键盘导航如何实现 |
Fill Rect | 填充控件区域的图形。 |
Handle Rect | 滑动“处理”部分的图形,即滑动条上的滑块。 |
Direction | 当移动滑块时,滑动条的值会增加的方向,选项包括 Left To Right、Right To Left、Bottom To Top 和 Top To Bottom。 |
Min Value | 滑块滑动的最小值 |
Max Value | 滑块滑动的最大值 |
Whole Numbers | 滑块值是否限定为整数值 |
Value | 滑块当前的数值。当滑动滑块时,Value值也会随着发生变化。反之亦然。 |
事件
属性 | 功能 |
---|---|
On Value Changed | 每当滑块的数值被改变时调用。float类型的值会被传递无论Whole Numbers属性是否启用。 |
举例
注意:Handle可以去除,其并不是必须的。去掉之后的调节我们可以通过代码来控制滑动条的移动。
Slider的结构
通过上图我们发现Unity内置的Slider主要有3部分,一个是最底层的Background,然后是Fill,然后就是Handle。
下面我们通过自己动手来实现一个滑动条。
首先我们在Canvas下创建一个空游戏物体。
在这个空游戏物体下创建一个Image控件并重命名为Background,并调整好宽度和高度,作为滑动条的底层背景。
然后再在这个空游戏物体创建一个命名为Fill的Image控件作为填充背景,并将颜色设置为红色,并调整大小。
再在这个空游戏物体下创建一个命名为Handle的Image控件作为滑块,并设置为黑色,并调整相应的大小。
给这个空游戏物体添加Slider组件。
并为组件设置值,在这里你会发现Scene视图中Fill和Handle变形,这时,需要调节它们的大小。
我们先将Value调到最大。
然后对Fill和Handle进行调节。这样就可以算完成了。运行之后,可以发现可以滑动并能随之调节Value的值。当然,这个做的比较简陋,我们可以在这些组件上添加图片进行美化。
注意:在上面我们Handle并不是必须的,可以不添加。我们可以通过代码来控制滑动条的移动。
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;public class SliderController : MonoBehaviour {private Slider silder;void Start() {silder = GetComponent<Slider>();}void Update() {silder.value+= 0.1f * Time.deltaTime;}}
Unity之UGUI的学习(七):Slider(滑动条)相关推荐
- 第二百二十节,jQuery EasyUI,Slider(滑动条)组件
jQuery EasyUI,Slider(滑动条)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 Slider(滑动条)组件的使用方法,这个 ...
- OpenCV学习笔记七-创建滑动条
摘要:主要记录滑动条函数使用方法 创建滑动条函数: C++: int createTrackbar(const string& trackbarname, const string& ...
- ESP32 LVGL8.1 ——slider 滑动条 (slider 22)
提示:本博客作为学习笔记,有错误的地方希望指正 文章目录 一.slider 简介 1.1概述 Overview 1.2部分和风格 Parts and Styles 1.3使用 Usage 1.3.1值 ...
- Unity3D之UGUI基础6:Slider滑条
前文:https://blog.csdn.net/Jaihk662/article/details/87868676(Button按钮) 一.Slider滑条简介 Slider组成部分: Slider ...
- ftk学习记(滑动条篇)
[声明:版权所有,欢迎转载,请勿用于商业用途. 联系信箱:feixiaoxing @163.com] 前一篇说到了combox,就先看一下效果吧. 说完了combox,就谈谈今天的滑动条.滑动条,当 ...
- Unity之UGUI的学习(六):Toggle(开关)
什么是Toggle? Toggle(开关)是用来让用户打开或关闭某个选项的复选框.通过在Hierarchy视图下右键 ->UI -> Toggle可以创建Toggle. 属性和功能 属性 ...
- slider(滑动条)控件模版,样式--用图片定义控件模版
初接触wpf,想自己用图片做一个个性slider滑块控件,网上找了很久无果.后来一些机缘巧合看别人源码的时候找到了类似的,然后自己再查了一下msdn,大概弄懂了. 我们先来看看slider控件组成元素 ...
- slider(滑动条)详细解读及样式
我们先来看看slider控件组成元素. Slider控件组成: 用图片自定义thumb(滑块): [html] view plain copy print ? <Style x:Key=&quo ...
- Unity基础UGUI学习
使用 UGUI来开发UI,离不开Canvas组件,所有的 UI 元素,一般都是放在包含 Canvas 组件的节点. Canvas组件都有那些属性? RenderMode: 渲染模式,大概有三种: Sc ...
最新文章
- 网站推广专员浅析网站推广运营如何提升企业网站转化率?
- 你的 IDEA 酷不酷?
- Eclipse新建SpringBoot项目,application.properties配置中文乱码
- 括号,逻辑与,逻辑或--运算符重载
- Python3 使用[]提取字符
- java excel 操作 poi_Java使用apache poi进行excel相关操作
- python将一行作为字段_Python 变量代入,指定某一行截取输出字段
- WebSocket使用javax.websocket.RemoteEndpoint.Basic.sendObject(Object arg0)向页面方法发送对象
- 数据结构面试常见问题
- 【unity3d游戏源码及软件】部分展示之:超级马里奥unity源码,内附更多源码
- win7系统下文件夹重命名提示找不到该项目:的解决!
- Managing Supply and Demand Balance Through Machine Learning-笔记
- python期末复习提纲
- python练习------京牌车牌摇号
- 计算机桌面复制到画图,Windows10系统下将画图小工具添加到桌面的技巧
- 描述一个完美的约会_在网上约会之前,要学习发现一个骗子
- 8、取得比普通员工 的最高薪水还要高的领导人姓名【bjpowernode34道SQL题】
- 服务器ie安全增强关闭后还是显示,怎么关掉ie浏览器的增强安全配置
- 你与chatGPT有什么区别?
- csdn请勿使用默认标题是什么意思