38 lines
859 B
QML
38 lines
859 B
QML
|
import QtQuick
|
||
|
|
import QtQuick.Controls
|
||
|
|
|
||
|
|
/// The control must be squared. User must set the \c width only, height will follow.
|
||
|
|
Item {
|
||
|
|
required property string name
|
||
|
|
property alias selected: iconButton.checked
|
||
|
|
property ButtonGroup mutuallyExclusiveGroup: null
|
||
|
|
|
||
|
|
implicitWidth: iconButton.implicitWidth
|
||
|
|
implicitHeight: iconButton.implicitWidth
|
||
|
|
height: width
|
||
|
|
|
||
|
|
Button {
|
||
|
|
id: iconButton
|
||
|
|
|
||
|
|
anchors.fill: parent
|
||
|
|
|
||
|
|
text: name.length ? name.charAt(0) : ""
|
||
|
|
|
||
|
|
flat: true
|
||
|
|
|
||
|
|
checkable: true
|
||
|
|
hoverEnabled: true
|
||
|
|
|
||
|
|
autoExclusive: true
|
||
|
|
ButtonGroup.group: mutuallyExclusiveGroup
|
||
|
|
|
||
|
|
background: Rectangle {
|
||
|
|
radius: width/2
|
||
|
|
border.width: 1
|
||
|
|
|
||
|
|
color: "#4360DF"
|
||
|
|
opacity: iconButton.checked ? 0.1 : iconButton.hovered ? 0.05 : 0
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|