QML中是否有范围滑块？

Question

我正在寻找QML中的Range-Slider。目标是选择最大值和最小值之间的范围。

实施例

让我们说我想创建一个在线商店。按价格实施产品搜索。我们的产品有50欧元到5000欧元的库存。客户只希望获得500欧元到1000欧元之间的产品结果。所以我需要这个范围滑块

RangeSlider {
    id: priceSlider
    min: 50
    value1: 500
    value2: 1000
    max: 5000
} 

有可用的解决方案吗？

Answer 1

在Qt.labs.controls 1.0导入下的Qt 5.6中添加了

RangeSlider，在QtQuick.Controls 2.0导入下添加了Qt 5.7。以下是文档中的示例：

RangeSlider {
    from: 1
    to: 100
    first.value: 25
    second.value: 75
}

旧答案

不，没有。这听起来像是一个有用的控件，所以我已经创建了一个建议，它被添加到新的Qt Quick Controls中：

https://bugreports.qt.io/browse/QTBUG-48667

Answer 2

在qt5.6及更高版本中，to和from相当于您的min和max

import QtQuick 2.0
import Qt.labs.controls 1.0
RangeSlider
{
    id:range_slider

    from:min
    to:max
    stepSize: 5
}

Answer 3

从 Qt 5.7 开始，现在有 QtQuick Controls 2 which includes RangeSlider。

您的代码可以实现为：

import QtQuick 2.7
import QtQuick.Controls 2.0 // or higher for newer features

RangeSlider {
    id: priceSlider
    from: 50
    first.value: 500
    second.value: 1000
    to: 5000
}