46 lines
1.1 KiB
QML
46 lines
1.1 KiB
QML
import QtQuick 2.0
|
|
import QtQuick.Controls 2.4
|
|
|
|
/**
|
|
* @brief Round button containing an image
|
|
*/
|
|
Button {
|
|
id: container
|
|
property alias imageSource: image.source
|
|
// default button diameter -> default width, readonly
|
|
readonly property int defaultDiameter: StyleSizes.roundButtonDefaultSize
|
|
// button diameter -> width
|
|
property int diameter: defaultDiameter
|
|
// diameter of content image -> width
|
|
property int imageDiameter: 0.5*diameter
|
|
|
|
background: Rectangle{
|
|
|
|
border.width: StyleSizes.roundButtonBorderWidth
|
|
border.color: "grey"
|
|
|
|
color: "white"
|
|
|
|
implicitWidth: container.diameter
|
|
implicitHeight: container.diameter
|
|
radius: container.diameter/2
|
|
|
|
Image{
|
|
id: image
|
|
anchors.centerIn: parent
|
|
width: container.imageDiameter
|
|
height: width
|
|
source: "qrc:/icon_back"
|
|
}
|
|
Rectangle{
|
|
id: overlay
|
|
z: 1
|
|
visible: !container.enabled
|
|
anchors.centerIn: parent
|
|
width: image.width
|
|
height: width
|
|
color: "#99ffffff"
|
|
}
|
|
|
|
}
|
|
}
|