mirror of https://github.com/cutefishos/statusbar
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
140 lines
4.3 KiB
QML
140 lines
4.3 KiB
QML
/*
|
|
* Copyright (C) 2021 CutefishOS Team.
|
|
*
|
|
* Author: Reion Wong <aj@cutefishos.com>
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
import QtQuick 2.12
|
|
import QtQuick.Controls 2.12
|
|
import QtQuick.Layouts 1.12
|
|
import QtGraphicalEffects 1.0
|
|
import FishUI 1.0 as FishUI
|
|
|
|
Item {
|
|
id: control
|
|
|
|
property bool checked: false
|
|
property alias icon: _image.source
|
|
property alias text: _label.text
|
|
|
|
signal clicked
|
|
signal pressAndHold
|
|
|
|
property var backgroundColor: FishUI.Theme.darkMode ? Qt.rgba(255, 255, 255, 0.1)
|
|
: Qt.rgba(0, 0, 0, 0.05)
|
|
property var hoverColor: FishUI.Theme.darkMode ? Qt.rgba(255, 255, 255, 0.15)
|
|
: Qt.rgba(0, 0, 0, 0.1)
|
|
property var pressedColor: FishUI.Theme.darkMode ? Qt.rgba(255, 255, 255, 0.2)
|
|
: Qt.rgba(0, 0, 0, 0.15)
|
|
|
|
property var highlightHoverColor: FishUI.Theme.darkMode ? Qt.lighter(FishUI.Theme.highlightColor, 1.1)
|
|
: Qt.darker(FishUI.Theme.highlightColor, 1.1)
|
|
property var highlightPressedColor: FishUI.Theme.darkMode ? Qt.lighter(FishUI.Theme.highlightColor, 1.1)
|
|
: Qt.darker(FishUI.Theme.highlightColor, 1.2)
|
|
|
|
MouseArea {
|
|
id: _mouseArea
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
acceptedButtons: Qt.LeftButton
|
|
onClicked: control.clicked()
|
|
|
|
onPressedChanged: {
|
|
control.scale = pressed ? 0.95 : 1.0
|
|
}
|
|
|
|
onPressAndHold: {
|
|
control.pressAndHold()
|
|
}
|
|
}
|
|
|
|
Behavior on scale {
|
|
NumberAnimation {
|
|
duration: 200
|
|
easing.type: Easing.OutSine
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
radius: FishUI.Theme.bigRadius
|
|
opacity: 1
|
|
|
|
color: {
|
|
if (control.checked) {
|
|
if (_mouseArea.pressed)
|
|
return highlightPressedColor
|
|
else if (_mouseArea.containsMouse)
|
|
return highlightHoverColor
|
|
else
|
|
return FishUI.Theme.highlightColor
|
|
} else {
|
|
if (_mouseArea.pressed)
|
|
return pressedColor
|
|
else if (_mouseArea.containsMouse)
|
|
return hoverColor
|
|
else
|
|
return backgroundColor
|
|
}
|
|
}
|
|
}
|
|
|
|
ColumnLayout {
|
|
anchors.fill: parent
|
|
anchors.leftMargin: FishUI.Theme.smallRadius
|
|
anchors.rightMargin: FishUI.Theme.smallRadius
|
|
spacing: FishUI.Units.smallSpacing
|
|
|
|
Item {
|
|
Layout.fillHeight: true
|
|
}
|
|
|
|
Image {
|
|
id: _image
|
|
Layout.preferredWidth: 32
|
|
Layout.preferredHeight: 32
|
|
sourceSize: Qt.size(32, 32)
|
|
asynchronous: true
|
|
Layout.alignment: Qt.AlignHCenter
|
|
Layout.topMargin: FishUI.Units.largeSpacing
|
|
antialiasing: true
|
|
smooth: true
|
|
|
|
// ColorOverlay {
|
|
// anchors.fill: _image
|
|
// source: _image
|
|
// color: control.checked ? FishUI.Theme.highlightedTextColor : FishUI.Theme.disabledTextColor
|
|
// }
|
|
}
|
|
|
|
Item {
|
|
Layout.fillHeight: true
|
|
}
|
|
|
|
Label {
|
|
id: _label
|
|
color: control.checked ? FishUI.Theme.highlightedTextColor : FishUI.Theme.textColor
|
|
Layout.preferredHeight: control.height * 0.15
|
|
Layout.alignment: Qt.AlignHCenter
|
|
visible: text
|
|
}
|
|
|
|
Item {
|
|
Layout.fillHeight: true
|
|
}
|
|
}
|
|
}
|