forked from Sepanta/console-emulator
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
101 lines
1.8 KiB
101 lines
1.8 KiB
import QtQuick 2.0
|
|
import QtQuick.Controls 2.13
|
|
import QtGraphicalEffects 1.13
|
|
|
|
import "qrc:/theme"
|
|
import "qrc:/const"
|
|
|
|
Item {
|
|
id: button
|
|
property var image: ""
|
|
property var radius: Math.min(width / 2, height / 2)
|
|
|
|
property var colorMode: 0 // 0->None; 1->White; 2->Green; 3->Yellow
|
|
property color backLightColor: getColorMode()
|
|
|
|
implicitWidth: Const.microButton
|
|
implicitHeight: Const.microButton
|
|
|
|
function getColorMode() {
|
|
switch(colorMode) {
|
|
case(0): return Theme.current.none
|
|
case(1): return Theme.current.white
|
|
case(2): return Theme.current.green
|
|
case(3): return Theme.current.yellow
|
|
}
|
|
}
|
|
|
|
Item {
|
|
id: content
|
|
width: parent.implicitWidth
|
|
height: parent.implicitWidth
|
|
z: 1
|
|
|
|
Item {
|
|
property var factor: 0.8
|
|
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
y: (parent.height * (1-factor)) / 2
|
|
width: parent.width * factor
|
|
height: parent.height * factor
|
|
|
|
Image {
|
|
id: img
|
|
anchors.fill: parent
|
|
source: image
|
|
fillMode: Image.PreserveAspectFit
|
|
antialiasing: true
|
|
smooth: true
|
|
}
|
|
|
|
ColorOverlay {
|
|
anchors.fill: img
|
|
source: img
|
|
color: Theme.current.text
|
|
antialiasing: true
|
|
smooth: true
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle{
|
|
id: background
|
|
width: parent.implicitWidth
|
|
height: parent.implicitHeight
|
|
radius: button.radius
|
|
color: Theme.current.button
|
|
anchors.fill: parent
|
|
}
|
|
|
|
DropShadow {
|
|
id: dropDown
|
|
anchors.fill: background
|
|
source: background
|
|
horizontalOffset: 6
|
|
verticalOffset: 6
|
|
radius: 10
|
|
samples: 16
|
|
color: Theme.current.shadow
|
|
}
|
|
|
|
DropShadow {
|
|
id: dropUp
|
|
anchors.fill: background
|
|
source: background
|
|
horizontalOffset: -4
|
|
verticalOffset: -4
|
|
radius: 5
|
|
samples: 10
|
|
color: Theme.current.light
|
|
}
|
|
|
|
Glow {
|
|
id: glow
|
|
anchors.fill: background
|
|
source: background
|
|
radius: 10
|
|
samples: 20
|
|
color: backLightColor
|
|
transparentBorder: true
|
|
}
|
|
}
|
|
|