RangeSlider(双滑块slider)

RangeSlider 即双滑块slider，可以通过拖动两个滑块选择一个数值区间。

实现步骤

（一）添加两个slider，并把背景以及fill设置为透明，并去除RaycastTarget

（二）在背景下添加个一个image，背景图为滑块划过后的填充图，添加的image为默认非填充图

解决问题

（一）双滑块需要在两个方向上更改图片大小，但是只要Pivot设定好了，更改尺寸只会同一规律更改。即无法实现随意更改某一滑块时，从一侧更改步骤（二）中创建的image。此时可以把image设置为宽度方向填充，通过更改anchor的min x与max x值来实现随意更改image宽度。

（二）数值锁定，即最大值滑块值比最小值滑块值小时，拖动失效，同理最小值滑块也要失效。实现方法，添加个一个类，继承slider重写set方法

下载地址

双滑块slider链接如下：https://download.csdn.net/download/qq_37833413/11872974使用时将Budget预制体拖到canvas下即可