123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120 |
- import QtQuick
- import QtQuick.Templates as T
- import QtQuick.Controls.Imagine
- import QtQuick.Controls.Imagine.impl
- T.Slider {
- id: control
- implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset,
- implicitHandleWidth + leftPadding + rightPadding)
- implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
- implicitHandleHeight + topPadding + bottomPadding)
- topPadding: background ? background.topPadding : 0
- leftPadding: background ? background.leftPadding : 0
- rightPadding: background ? background.rightPadding : 0
- bottomPadding: background ? background.bottomPadding : 0
- topInset: background ? -background.topInset || 0 : 0
- leftInset: background ? -background.leftInset || 0 : 0
- rightInset: background ? -background.rightInset || 0 : 0
- bottomInset: background ? -background.bottomInset || 0 : 0
- handle: Image {
- x: Math.round(control.leftPadding + (control.horizontal ? control.visualPosition * (control.availableWidth - width) : (control.availableWidth - width) / 2))
- y: Math.round(control.topPadding + (control.horizontal ? (control.availableHeight - height) / 2 : control.visualPosition * (control.availableHeight - height)))
- source: control.Imagine.url + "slider-handle"
- ImageSelector on source {
- states: [
- {"vertical": control.vertical},
- {"horizontal": control.horizontal},
- {"disabled": !control.enabled},
- {"pressed": control.pressed},
- {"focused": control.visualFocus},
- {"mirrored": control.mirrored},
- {"hovered": control.hovered}
- ]
- }
- }
- background: NinePatchImage {
- scale: control.horizontal && control.mirrored ? -1 : 1
- source: control.Imagine.url + "slider-background"
- NinePatchImageSelector on source {
- states: [
- {"vertical": control.vertical},
- {"horizontal": control.horizontal},
- {"disabled": !control.enabled},
- {"pressed": control.down},
- {"focused": control.visualFocus},
- {"mirrored": control.mirrored},
- {"hovered": control.hovered}
- ]
- }
- NinePatchImage {
- x: control.horizontal ? 0 : (parent.width - width) / 2
- y: control.horizontal
- ? (parent.height - height) / 2
- : control.handle.height / 2 + control.visualPosition * (parent.height - control.handle.height)
- width: control.horizontal
- ? control.handle.width / 2 + control.position * (parent.width - control.handle.width)
- : parent.width
- height: control.vertical
- ? control.handle.height / 2 + control.position * (parent.height - control.handle.height)
- : parent.height
- source: control.Imagine.url + "slider-progress"
- NinePatchImageSelector on source {
- states: [
- {"vertical": control.vertical},
- {"horizontal": control.horizontal},
- {"disabled": !control.enabled},
- {"pressed": control.down},
- {"focused": control.visualFocus},
- {"mirrored": control.mirrored},
- {"hovered": control.hovered}
- ]
- }
- }
- }
- }
|