在QT 5.6（QML）中自定義滑塊

Question

我正在嘗試自定義我正在使用的標準滑塊。我不想做太多，我只是想增加我的軌道寬度，並改變矩形的句柄。我查看了文檔，但是我很難理解它。爲了定製賽道的文檔已經顯示出下面的代碼

track: Rectangle { 
    x: control.leftPadding + (horizontal ? 0 : (control.availableWidth - width)/2) 
    y: control.topPadding + (horizontal ? (control.availableHeight - height)/2 : 0) 
    implicitWidth: horizontal ? 200 : 6 
    implicitHeight: horizontal ? 6 : 200 
    width: horizontal ? control.availableWidth : implicitWidth 
    height: horizontal ? implicitHeight : control.availableHeight 
    radius: 3 
    border.color: "#353637" 
    color: "#ffffff" 
    scale: horizontal && control.mirrored ? -1 : 1 

    readonly property bool horizontal: control.orientation === Qt.Horizontal 
} 

在這裏是什麼control？

我正在使用Qt5.6，我正在使用Qt控件實驗室。 有人可以指出我在正確的方向嗎？

Answer 1

類似於QtQuick.Controls 2.x-文檔，control是id，它被設置爲Slider本身。所以他們用它來引用Slider的屬性。

完整的例子看起來應該是這樣的：

Slider { 
    id: control // <--- see the control here 
    width: 300 
    height: 30 

    track: Rectangle { 
     x: control.leftPadding + (horizontal ? 0 : (control.availableWidth - width)/2) 
     y: control.topPadding + (horizontal ? (control.availableHeight - height)/2 : 0) 
     implicitWidth: horizontal ? 200 : 6 
     implicitHeight: horizontal ? 6 : 200 
     width: horizontal ? control.availableWidth : implicitWidth 
     height: horizontal ? implicitHeight : control.availableHeight 
     radius: 3 
     border.color: "#353637" 
     color: "#ffffff" 
     scale: horizontal && control.mirrored ? -1 : 1 

     readonly property bool horizontal: control.orientation === Qt.Horizontal 
    } 
}