89 lines
1.9 KiB
QML
89 lines
1.9 KiB
QML
import QtQuick 2.9
|
|
import QtQuick.Controls 2.4
|
|
import QtGraphicalEffects 1.0
|
|
|
|
Button {
|
|
id: control
|
|
|
|
property string image
|
|
property color backgroundColor: "white"
|
|
property color textColor: "black"
|
|
property real imageScale: 1
|
|
property double glowRadius: 0.001
|
|
property double glowSpread: 0.2
|
|
property bool glowVisible: true
|
|
property double glowScale: 0.75
|
|
property double glowOpacity: 1
|
|
|
|
scale: control.pressed ? 0.8:1
|
|
|
|
Behavior on scale {
|
|
PropertyAnimation {
|
|
duration: 100
|
|
}
|
|
}
|
|
|
|
Behavior on backgroundColor {
|
|
ColorAnimation {
|
|
duration: 200
|
|
}
|
|
}
|
|
|
|
contentItem: Text {
|
|
visible: false
|
|
}
|
|
|
|
Text {
|
|
id: conetntText
|
|
text: qsTr(control.text)
|
|
anchors.centerIn: parent
|
|
font: parent.font
|
|
color: control.textColor
|
|
opacity: control.enabled ? 1:0.4
|
|
}
|
|
|
|
background: Item {
|
|
id: controlBackgroundContainer
|
|
|
|
RectangularGlow {
|
|
id: effect
|
|
glowRadius: control.glowRadius
|
|
spread: control.glowSpread
|
|
color: "black"
|
|
|
|
visible: control.glowVisible
|
|
|
|
cornerRadius: controlBackground.radius
|
|
anchors.fill: controlBackground
|
|
scale: control.glowScale
|
|
opacity: control.glowOpacity
|
|
}
|
|
|
|
Rectangle {
|
|
id: controlBackground
|
|
|
|
anchors.fill: parent
|
|
|
|
radius: height * 0.5
|
|
|
|
color: control.backgroundColor
|
|
|
|
Image {
|
|
id: buttonIcon
|
|
source: control.image
|
|
|
|
anchors.centerIn: parent
|
|
height: parent.height * 0.5
|
|
width: height
|
|
|
|
mipmap: true
|
|
|
|
fillMode: Image.PreserveAspectFit
|
|
|
|
scale: control.imageScale
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|