不使用QML的自定義滑塊？

Question

我在找不使用QML的滑塊實例。只是通過使用rectabgle，但我真的不知道如何處理它？

的QML一個不要有那麼多的特性：

Slider { 
     id: sliderHorizontal1 
     x: 69 
     y: 52 
     activeFocusOnPress: true 
     tickmarksEnabled: true 
     minimumValue: 0 
    } 

感謝，

Answer 1

我發現答案通過QML滑塊。

Slider { 
     id: slider 
     x: 56 
     y: 53 
     width: 450 
     height: 30 
     tickmarksEnabled: true 
     activeFocusOnPress: true 
     updateValueWhileDragging: true 
     value: 10 
     maximumValue: 30 

     style: SliderStyle { 
      handle: Rectangle { 
       height: 40 
       width: height 
       radius: width/2 
       color: "#fff" 
      } 

      groove: Rectangle { 
       implicitHeight: 10 
       implicitWidth: 100 
       radius: height/2 
       border.color: "#333" 
       color: "#222" 
       Rectangle { 
        height: parent.height 
        width: styleData.handlePosition 
        implicitHeight: 6 
        implicitWidth: 100 
        radius: height/2 
        color: "red" 
       } 
      } 

     } 
    } 

我可以添加修改序匹配我的需求...... 感謝@Tarod