UnityUI—ScrollBar

157 阅读1分钟

一、初始ScrollBar介绍

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

2.显示效果:

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

属性功能
Handle Rect滑块
Direction滑动方向
Value当前值0~1
Size滑块大小,占其父物体Sliding Area的比例
Number Of Steps将Scrollbar划分为n-1等份,需要等距移动n-1次才能到终点。值为0,1时就不划分,移动起来很丝滑。在这里插入图片描述 在这里插入图片描述

四、OnValueChanged事件

image.png

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