UnityUI—Slider

397 阅读1分钟

一、初始Slider介绍

1.作用:滑块/进度条\

2.显示效果:

image.png

3.Object结构

image.png

二、初始Slider结构详解

总:slider主要由三部分组成:背景区(Background),填充区(Fill Area),滑块区(Handle Slide Area)\

1.背景就是一个简单的image

image.png

2.填充区由Fill Area和Fill两个物体组成\

(1)Fill Area只包含一个Rect Transform组件,表示填充长度
(2)Fill是一个image(Image Type设为sliced),作为填充图片

image.png

3.滑块区也由两部分组成:

(1)Handle Slide Area只包含一个Rect Transform组件,表示滑块滑动的区域
(2)Handle 是滑块,即鼠标点击并移动的按钮。

三、属性(前面部分同[这里]UnityUI—Button - 掘金 (juejin.cn)

image.png

属性功能
Fill Rect代表填充图片,即slider结构中的Fill。其父物体的宽度表示填充长度
Handle Rect代表滑块图片,即Slider结构中的Handle。其父物体的宽度表示移动长度
DirectionLeft To Right:从左滑到右;Right To Left:从右滑到左;Bottom To Top:从下滑到上;Top To Bottom:从上滑到下
Min Value最小值,滑块在起始点代表的值
Max Value最大值,滑块到终点代表的值
Whole Numbers是否只能取整数
Value当前的值。介于Min Value 和 Max Value之间。

四、OnValueChanged事件

image.png

    public Slider slider;
    void Start()
    {
        slider.onValueChanged.AddListener(SliderTest);
    }
    void SliderTest(float arg0)
    {
        Debug.Log(arg0);//值改变的时候都会执行[min,max]
    }