Unity UGUI之Slider基本了解

在Unity中,Slider(滑动条)是一种常用的用户界面控件之一,允许用户通过拖动滑块来选择一个数值。常常应用于调节数值(如调节音量、亮度、游戏难度等)、设置选项等。

以下是Slider的基本信息和用法:

1、创建

在Unity的Hierarchy面板中右键 -> UI -> Slider,即可创建一个Slider对象。

2、基本属性

请添加图片描述

如图所示,Slider有以下这些基本属性:

  1. Interactable(可交互):设置为false时,禁用Slider的交互功能。

  2. Transition(过渡效果):定义Slider值变化时的过渡效果。

    其中,Transition属性是一个枚举类型,具有以下几个可选选项:

    1. None(无):没有过渡效果,Slider的值变化会立即反映在UI上。

    2. Color Tint(颜色变化):Slider的颜色会在值变化时进行渐变变化。

      其中Color Tint具有以下几个基本属性可供设置:

      1. Normal Color(正常状态颜色):Slider在正常状态下的颜色。
      2. Highlighted Color(高亮状态颜色):当鼠标悬停在Slider上时的颜色。
      3. Pressed Color(按下状态颜色):当Slider被按下时的颜色。
      4. Selected Color(选中状态颜色):当Slider被选中时的颜色。
      5. Disabled Color(禁用状态颜色):当Slider被禁用时的颜色。
    3. Sprite Swap(精灵替换):可以在值变化时切换Slider的精灵(Sprite)。

      其中,它具有以下几个属性可供设置:

      1. Highlighted Sprite: 高亮状态下显示的精灵。
      2. Pressed Sprite: 按下状态下显示的精灵。
      3. Selected Sprite: 选中状态下显示的精灵。
      4. Disabled Sprite: 禁用状态下显示的精灵。
    4. Animation(动画):可以定义一个动画来控制Slider值变化时的过渡效果。

  3. Fill Rect(填充区域):定义Slider填充区域的RectTransform。

  4. Handle Rect(滑块区域):定义Slider滑块区域的RectTransform。

  5. Direction(方向):设置Slider的滑动方向,可以是水平或垂直。

    其中,它具有以下几个属性可供设置:

    1. Left To Right: 从左到右。
    2. Right To Left: 从右到左 。
    3. Bottom To Top: 从下到上。
    4. Top To Bottom: 从上到下。
  6. Min Value(最小值):Slider的可选取的最小值。

  7. Max Value(最大值):Slider的可选取的最大值。

  8. Whole Numbers(整数模式):设置为true时,Slider只能选择整数值。

  9. Value(当前值):Slider当前的值,表示用户当前所选的数值。

  10. On Value Changed(数值变化事件):当Slider的值发生变化时触发的事件,可以在Inspector中设置响应的函数。

    如下面案例,我们创建一个Slider和一个Text组件,然后通过代码监听Slider的值变化,并更新Text显示当前的值。

    using UnityEngine;
    using UnityEngine.UI;
    
    public class SliderExample : MonoBehaviour
    {
        public Slider slider;
        public Text valueText;
    
        void Start()
        {
            slider.onValueChanged.AddListener(delegate { UpdateValueText(); });
        }
    
        void UpdateValueText()
        {
            valueText.text = "Value: " + slider.value;
        }
    }
    
    

以上就是Slider的一些基本知识。

  • 14
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不在同一频道上的呆子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值