Make tablet page indicators clickable to scroll tablet

This commit is contained in:
David Rowe 2018-10-26 12:17:04 +13:00
parent 946d68af6a
commit 51d56ddf22

View file

@ -251,17 +251,29 @@ Item {
height: 15
Rectangle {
property bool isHovered: false
anchors.centerIn: parent
opacity: index === pageIndicator.currentIndex ? 0.95 : 0.45
implicitWidth: index === pageIndicator.currentIndex ? 15 : 10
opacity: index === pageIndicator.currentIndex || isHovered ? 0.95 : 0.45
implicitWidth: index === pageIndicator.currentIndex || isHovered ? 15 : 10
implicitHeight: implicitWidth
radius: width/2
color: "white"
color: isHovered && index !== pageIndicator.currentIndex ? "#1fc6a6" : "white"
Behavior on opacity {
OpacityAnimator {
duration: 100
}
}
MouseArea {
anchors.centerIn: parent
width: 20
height: 30 // Make it easier to target with laser.
hoverEnabled: true
enabled: true
onEntered: parent.isHovered = true;
onExited: parent.isHovered = false;
onClicked: swipeView.currentIndex = index;
}
}
}