40 lines
1.1 KiB
QML
40 lines
1.1 KiB
QML
|
import QtQuick 2.12
|
||
|
|
import MeuiKit 1.0 as Meui
|
||
|
|
|
||
|
|
Item {
|
||
|
|
id: control
|
||
|
|
width: 24
|
||
|
|
height: 24
|
||
|
|
|
||
|
|
property alias source: _image.source
|
||
|
|
property color hoveredColor: Meui.Theme.darkMode ? Qt.lighter(Meui.Theme.backgroundColor, 1.1)
|
||
|
|
: Qt.darker(Meui.Theme.backgroundColor, 1.2)
|
||
|
|
property color pressedColor: Meui.Theme.darkMode ? Qt.lighter(Meui.Theme.backgroundColor, 1.2)
|
||
|
|
: Qt.darker(Meui.Theme.backgroundColor, 1.3)
|
||
|
|
|
||
|
|
signal clicked()
|
||
|
|
|
||
|
|
Rectangle {
|
||
|
|
id: _background
|
||
|
|
anchors.fill: parent
|
||
|
|
radius: Meui.Theme.smallRadius
|
||
|
|
color: _mouseArea.pressed ? pressedColor : _mouseArea.containsMouse ? control.hoveredColor : Meui.Theme.backgroundColor
|
||
|
|
}
|
||
|
|
|
||
|
|
Image {
|
||
|
|
id: _image
|
||
|
|
anchors.centerIn: parent
|
||
|
|
width: control.height * 0.64
|
||
|
|
height: width
|
||
|
|
sourceSize: Qt.size(width, height)
|
||
|
|
}
|
||
|
|
|
||
|
|
MouseArea {
|
||
|
|
id: _mouseArea
|
||
|
|
anchors.fill: parent
|
||
|
|
hoverEnabled: true
|
||
|
|
acceptedButtons: Qt.LeftButton
|
||
|
|
onClicked: control.clicked()
|
||
|
|
}
|
||
|
|
}
|