107 lines
4.3 KiB
QML
107 lines
4.3 KiB
QML
|
import QtQuick 2.6
|
||
|
|
import Sailfish.Silica 1.0
|
||
|
|
|
||
|
|
|
||
|
|
Rectangle {
|
||
|
|
// inherited values
|
||
|
|
property var flickable: parent
|
||
|
|
property bool labelVisible : true
|
||
|
|
property string labelModelTag : ""
|
||
|
|
property real topPadding : 0
|
||
|
|
property real bottomPadding : 0
|
||
|
|
property color handleColor : Theme.highlightBackgroundColor
|
||
|
|
|
||
|
|
// own values but overwritable
|
||
|
|
property int scrollToNumber : 0
|
||
|
|
property string showLabel : ""
|
||
|
|
property int listcountMax : flickable.count // (flickable.count !== undefined) ? flickable.count : 0 // dirty bugfix for scrollBar wron position on empty lists
|
||
|
|
property real roundCornersRadius : Theme.paddingLarge
|
||
|
|
|
||
|
|
id: scrollbar
|
||
|
|
anchors.top: parent.top
|
||
|
|
anchors.topMargin: topPadding
|
||
|
|
anchors.bottom: parent.bottom
|
||
|
|
anchors.bottomMargin: bottomPadding
|
||
|
|
anchors.right: parent.right
|
||
|
|
width: roundCornersRadius * 2
|
||
|
|
radius: width / 2
|
||
|
|
color: Theme.rgba(Theme.primaryColor, 0.075)
|
||
|
|
visible: flickable.visibleArea.heightRatio < 1.0
|
||
|
|
|
||
|
|
Rectangle {
|
||
|
|
id: handle
|
||
|
|
width: parent.width
|
||
|
|
height: Math.max(roundCornersRadius*2, flickable.visibleArea.heightRatio * scrollbar.height)
|
||
|
|
color: handleColor
|
||
|
|
opacity: (clicker.drag.active ) ? 1 : 0.4
|
||
|
|
radius: width / 2
|
||
|
|
}
|
||
|
|
Rectangle {
|
||
|
|
id: scrollLabelBackground
|
||
|
|
visible: labelVisible
|
||
|
|
anchors.verticalCenter: handle.verticalCenter
|
||
|
|
anchors.right: handle.left
|
||
|
|
anchors.rightMargin: Theme.paddingLarge * 1.5
|
||
|
|
width: scrollLabel.width + height*1.2
|
||
|
|
height: roundCornersRadius * 2
|
||
|
|
radius: roundCornersRadius
|
||
|
|
color: handleColor
|
||
|
|
opacity: (clicker.drag.active ) ? 1 : 0
|
||
|
|
|
||
|
|
Label {
|
||
|
|
id: scrollLabel
|
||
|
|
anchors.verticalCenter: parent.verticalCenter
|
||
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
||
|
|
//text: showLabel
|
||
|
|
text: new Date(Number(showLabel)).toLocaleString(Qt.locale(), "dd.MM.yyyy - hh:mm")
|
||
|
|
}
|
||
|
|
Rectangle {
|
||
|
|
anchors.left: parent.right
|
||
|
|
anchors.leftMargin: -roundCornersRadius
|
||
|
|
anchors.verticalCenter: parent.verticalCenter
|
||
|
|
width: parent.anchors.rightMargin + 2*roundCornersRadius
|
||
|
|
height: Theme.paddingSmall/3*2
|
||
|
|
color: parent.color
|
||
|
|
}
|
||
|
|
}
|
||
|
|
Binding {
|
||
|
|
// jump handle to where the currently visible part of flickable ist
|
||
|
|
target: handle
|
||
|
|
property: "y"
|
||
|
|
value: (flickable.visibleArea.yPosition) * (scrollbar.height - ( handle.height - (flickable.visibleArea.heightRatio * scrollbar.height)))
|
||
|
|
when: !clicker.pressed
|
||
|
|
}
|
||
|
|
MouseArea {
|
||
|
|
id: clicker
|
||
|
|
anchors.fill: parent
|
||
|
|
anchors.rightMargin: -Theme.paddingSmall
|
||
|
|
anchors.leftMargin: -Theme.paddingSmall
|
||
|
|
preventStealing: true
|
||
|
|
drag {
|
||
|
|
target: handle
|
||
|
|
minimumY: 0
|
||
|
|
maximumY: scrollbar.height - handle.height
|
||
|
|
axis: Drag.YAxis
|
||
|
|
}
|
||
|
|
onMouseYChanged: {
|
||
|
|
//flickable.contentY = handle.y / drag.maximumY * (flickable.contentHeight - flickable.height)
|
||
|
|
scrollToNumber = Math.ceil(handle.y / drag.maximumY * listcountMax)
|
||
|
|
if (scrollToNumber < 0) {
|
||
|
|
scrollToNumber = 0
|
||
|
|
} else if (scrollToNumber >= listcountMax) {
|
||
|
|
scrollToNumber = listcountMax -1 // because index starts at 0, while count() starts at 1
|
||
|
|
}
|
||
|
|
showLabel = (flickable.model.get(scrollToNumber)[labelModelTag] !== undefined) ? flickable.model.get(scrollToNumber)[labelModelTag] : "" //flickable.model.get(scrollToNumber)[labelModelTag]
|
||
|
|
flickable.positionViewAtIndex( scrollToNumber, ListView.Center)
|
||
|
|
//flickable.contentY = handle.y / drag.maximumY * (flickable.contentHeight - flickable.height)
|
||
|
|
}
|
||
|
|
onClicked: {
|
||
|
|
//flickable.contentY = mouse.y / scrollbar.height * (flickable.contentHeight - flickable.height)
|
||
|
|
scrollToNumber = Math.ceil(mouse.y / scrollbar.height * listcountMax)
|
||
|
|
showLabel = (flickable.model.get(scrollToNumber)[labelModelTag] !== undefined) ? flickable.model.get(scrollToNumber)[labelModelTag] : "" //flickable.model.get(scrollToNumber)[labelModelTag]
|
||
|
|
flickable.positionViewAtIndex( scrollToNumber, ListView.Center )
|
||
|
|
}
|
||
|
|
//onReleased: console.log("released")
|
||
|
|
}
|
||
|
|
}
|