UG3L6——Slider 滑动条

Slider

Slider是滑动条组件
是UGUI中用于处理滑动条相关交互的关键组件

默认创建的Slider由4组对象组成
父对象——Slider组件依附的对象
子对象——背景图、进度图、滑动块三组对象

本章代码关键字

1
2
3
Slider                                 //滑动条类
slider.onValueChanged.AddListener()    //传入当滑动条值改变时执行的函数
slider.interactable                    //是否接受输入

Slider 参数相关

image

  • Interactable：是否接受输入

  • Transition：响应用户输入的过渡效果

  • Navigation：导航模式，可以设置UI元素如何在播放模式中控制器导航

  • FillRect：用于填充的进度条图形

  • Handle Rect：用于滑动的滑动块图形

  • Direction：滑动条值增加的方向

    • Left To Right：从左到右
    • Right To Left：从右到左
    • Bottom To Top：从下到上
    • Top To Bottom：从上到下

  • Min Value 和 Max Value：最小值和最大值，滑动滚动条时值从最小到最大之间变化（左右、上下极值）

  • Whole Numbers：是否约束为整数值变化

  • Value：当前滑动条代表的数值

  • OnValueChanged：滑动条值改变时执行的函数列表

代码控制Slider

面板上的各个参数都能用代码获取控制

1
2
Slider slider = GetComponent<Slider>();
print(slider.value);

监听事件的两种方式

函数需要参数为float类型的参数，表示当前滑动条的值

  1. 拖脚本

    和Button，Toggle等类似，但仍然要注意选择动态参数的选项的函数

    1
    2
    3
    4
    public void ChangeValue(float v)
    {
        print(v);
    }

    image

  2. 代码添加

    1
    2
    3
    4
    slider.onValueChanged.AddListener((v) =>
    {
        print("代码添加的监听" + v);
    });