Sure, and thanks for the welcoming :)
So my app page is contained within a flickable object like this
Flickable{
visible: !joinOn
anchors.fill: parent
contentWidth: appWidth
contentHeight: childrenRect.height
flickableDirection: Flickable.VerticalFlick
boundsBehavior: Flickable.StopAtBounds
//... the rest of the page
}
Within the page I have several slider objects stacked on each other like so:
Slider {
id: monthSlider
width: appWidth
height: oneLineHeight
}
Slider {
id: daySlider
width: appWidth
height: oneLineHeight
achors.top: monthSlider.bottom
anchors.topMargin: spacing
}
Slider {
id: yearSlider
width: appWidth
height: oneLineHeight
achors.top: daySlider.bottom
anchors.topMargin: spacing
}
My issue is that as I’m trying to navigate the page vertically, by swiping my fingers, I sometimes press on the slider grooves and thereby change change the slider values: which is what I don’t want to happen. I want the sliders to only be able to change value when the handle is pressed, which is why I tried setting the enabled property to enabled: pressed. But that doesn’t work. I’ve also tried activeFocusOnPress: pressed but that doesn’t work either. And lastly I tried using a customized mouse area above my sliders but I couldn’t work that out.
↧