Add ripple effect on tab bar.

This commit is contained in:
Black Hat
2019-07-12 15:37:36 +08:00
parent 7f05c67534
commit 8337bb2ad2

View File

@@ -417,17 +417,22 @@ Item {
} }
Label { Label {
Layout.fillWidth: true
Layout.alignment: Qt.AlignVCenter Layout.alignment: Qt.AlignVCenter
visible: newTabControl.highlighted visible: newTabControl.highlighted
text: "New" text: "New"
color: "white" color: "white"
horizontalAlignment: Text.AlignHCenter
} }
} }
MouseArea { RippleEffect {
anchors.fill: parent anchors.fill: parent
circular: true
onClicked: filter = 0 onClicked: filter = 0
} }
} }
@@ -462,17 +467,22 @@ Item {
} }
Label { Label {
Layout.fillWidth: true
Layout.alignment: Qt.AlignVCenter Layout.alignment: Qt.AlignVCenter
visible: peopleTabControl.highlighted visible: peopleTabControl.highlighted
text: "People" text: "People"
color: "white" color: "white"
horizontalAlignment: Text.AlignHCenter
} }
} }
MouseArea { RippleEffect {
anchors.fill: parent anchors.fill: parent
circular: true
onClicked: filter = 1 onClicked: filter = 1
} }
} }
@@ -507,17 +517,22 @@ Item {
} }
Label { Label {
Layout.fillWidth: true
Layout.alignment: Qt.AlignVCenter Layout.alignment: Qt.AlignVCenter
visible: groupTabControl.highlighted visible: groupTabControl.highlighted
text: "Group" text: "Group"
color: "white" color: "white"
horizontalAlignment: Text.AlignHCenter
} }
} }
MouseArea { RippleEffect {
anchors.fill: parent anchors.fill: parent
circular: true
onClicked: filter = 2 onClicked: filter = 2
} }
} }