Window {
visible: true
width: 640
height: 480
title: qsTr("QML demo")
Slider {
id: control
value: 0.5
background: Rectangle {
x: control.leftPadding
y: control.topPadding + control.availableHeight / 2 - height / 2
implicitWidth: 300
implicitHeight: 10
width: control.availableWidth
height: implicitHeight
radius: 2
color: "#bdbebf"
Rectangle {
width: control.visualPosition * parent.width
height: parent.height
color: "#21be2b"
radius: 2
}
}
handle: Rectangle {
x: control.leftPadding + control.visualPosition * (control.availableWidth - width)
y: control.topPadding + control.availableHeight / 2 - height / 2
implicitWidth: 26
implicitHeight: 26
radius: 13
color: control.pressed ? "#f0f0f0" : "#f6f6f6"
border.color: "#bdbebf"
}
}一、属性成员
1.from : real
范围的起始值。默认为 0.0。
to : real
范围的结束值。默认值为 1.0。
value : real
当前值。
2.handle : Item
滑块项。
3.[read-only] horizontal : bool
滑动条是否水平的。
[read-only] vertical : bool
滑块是否垂直的。
4.[read-only] implicitHandleHeight : real
handle 隐式高度。
该值等于 handle ？ handle.implicitHeight：0。
4.1[read-only] implicitHandleWidth : real
handle 隐式宽度。
该值等于 handle ？ handle.implicitHandleWidth ：0。
5.live : bool
是否在拖动滑块时为 value 属性提供实时更新。默认为 true。
6.orientation : enumeration
方向。
Qt.Horizontal（默认）
Qt.Vertical
7.[read-only] position : real
滑块的逻辑位置。范围为 0.0 - 1.0。
[read-only] visualPosition : real
滑块的视觉位置。范围为 0.0 - 1.0。 当控件被镜像时，该值等于 1.0 - position。
8.pressed : bool
滑动条是否被触摸、鼠标或按键按下。
9.snapMode : enumeration
对齐模式。对齐模式决定了滑块相对于 stepSize 的行为方式。
Slider.NoSnap：不对齐（默认）。
Slider.SnapAlways：拖动滑块时滑动条会对齐。
Slider.SnapOnRelease：拖动滑块时不会对齐，只有在滑块释放后才会对齐。
10.stepSize : real
步长。
11.touchDragThreshold : qreal
将启动触摸拖动事件的阈值（以逻辑像素为单位）。鼠标拖动阈值不会受到影响。 默认值为 Qt.styleHints.startDragDistance。