forked from qt-creator/qt-creator
de8eb93637
Adds classes to merge a template qml file and a qml stylesheet that have been exported from other design tools into a resulting qml file that can be used for further processing in Qt Design Studio. Current issues: * Sometimes it makes sense to define width and height if an anchor is present, but most of the time not. * Actually if the hierachy was defined (e.g. Text item not child of background) most likely the anchors should be ignored. But this would be just a "dirty" heuristic. I suggest to let the template decide. If the template has anchors those have "precedence". It is always possible to define templates without anchors. Task-number: QDS-2071 Change-Id: I9159514a8e884b7ffc31897aef4551b5efbbcb87 Reviewed-by: Thomas Hartmann <thomas.hartmann@qt.io>
68 lines
1.6 KiB
QML
68 lines
1.6 KiB
QML
import QtQuick 2.6
|
|
import QtQuick.Controls 2.0
|
|
|
|
Slider {
|
|
id: control
|
|
value: 0.5
|
|
|
|
background: Item {
|
|
x: control.leftPadding
|
|
y: control.topPadding + control.availableHeight / 2 - height / 2
|
|
implicitWidth: sliderGroove.width
|
|
implicitHeight: sliderGroove.height
|
|
height: implicitHeight
|
|
width: control.availableWidth
|
|
|
|
Rectangle {
|
|
id: sliderGroove
|
|
width: 200
|
|
height: 6
|
|
color: "#bdbebf"
|
|
radius: 2
|
|
anchors.fill: parent
|
|
}
|
|
|
|
Item {
|
|
width: control.visualPosition * sliderGroove.width // should be preserved
|
|
height: sliderGrooveLeft.height
|
|
clip: true
|
|
|
|
Rectangle {
|
|
id: sliderGrooveLeft
|
|
width: 200
|
|
height: 6
|
|
color: "#21be2b"
|
|
radius: 2
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
handle: Item {
|
|
x: control.leftPadding + control.visualPosition * (control.availableWidth - width)
|
|
y: control.topPadding + control.availableHeight / 2 - height / 2
|
|
|
|
implicitWidth: handleNormal.width
|
|
implicitHeight: handleNormal.height
|
|
Rectangle {
|
|
id: handleNormal
|
|
width: 32
|
|
height: 32
|
|
visible: !control.pressed
|
|
color: "#f6f6f6"
|
|
radius: 13
|
|
border.color: "#bdbebf"
|
|
}
|
|
|
|
Rectangle {
|
|
id: handlePressed
|
|
width: 32
|
|
height: 32
|
|
visible: control.pressed
|
|
color: "#221bdb"
|
|
radius: 13
|
|
border.color: "#bdbebf"
|
|
}
|
|
|
|
}
|
|
} |