added hovering effect of button

This commit is contained in:
ronoaer 2023-10-19 11:22:52 +08:00
parent 366e27a321
commit 6ec773079c
3 changed files with 48 additions and 11 deletions

View file

@ -22,6 +22,11 @@ Item {
}
signal drawerClosed
signal collapsedEntered
signal collapsedExited
signal collapsedEnter
signal collapsedPressChanged
visible: false
@ -41,6 +46,7 @@ Item {
property int collapsedHeight: 0
property bool fullMouseAreaVisible: true
property MouseArea drawerDragArea: dragArea
state: "closed"
@ -165,6 +171,18 @@ Item {
root.state = "expanded"
}
}
onExited: {
collapsedExited()
}
onEntered: {
collapsedEnter()
}
onPressedChanged: {
collapsedPressChanged()
}
}
}
@ -306,7 +324,6 @@ Item {
}
function open() {
//if (root.visible && !root.closed()) {
if (root.opened()) {
return
}
@ -341,6 +358,11 @@ Item {
root.state = "collapsed"
}
function expand() {
draw2Background.color = "#90000000"
root.state = "expanded"
}
function visibledMouseArea(visbile) {
fullMouseArea.visible = visbile
@ -374,14 +396,6 @@ Item {
close()
}
if (root.expanded()) {
if (needCloseButton) {
PageController.drawerClose()
}
collapse()
}
}
}
}