forked from qt-creator/qt-creator
6419059362
Also add a test case and Remove some dead code along the way. Task-number: QDS-2071 Change-Id: If34d4e152860ec9ab098f07e36e3a5dc4368c67f Reviewed-by: Thomas Hartmann <thomas.hartmann@qt.io>
96 lines
2.4 KiB
QML
96 lines
2.4 KiB
QML
import QtQuick 2.10
|
|
import QtQuick.Templates 2.1 as T
|
|
|
|
T.Button {
|
|
id: control
|
|
|
|
implicitWidth: Math.max(
|
|
background ? background.implicitWidth : 0,
|
|
contentItem.implicitWidth + leftPadding + rightPadding)
|
|
implicitHeight: Math.max(
|
|
background ? background.implicitHeight : 0,
|
|
contentItem.implicitHeight + topPadding + bottomPadding)
|
|
leftPadding: 4
|
|
rightPadding: 4
|
|
|
|
text: "My Button"
|
|
|
|
background: Item {
|
|
implicitWidth: buttonNormal.width
|
|
implicitHeight: buttonNormal.height
|
|
opacity: enabled ? 1 : 0.3
|
|
|
|
Image {
|
|
id: buttonNormal
|
|
width: 100
|
|
height: 40
|
|
anchors.fill: parent
|
|
source: "assets/buttonNormal.png"
|
|
Text {
|
|
id: normalText
|
|
x: 58
|
|
y: 50
|
|
color: "#bbbbbb"
|
|
text: control.text
|
|
elide: Text.ElideRight
|
|
font.letterSpacing: 0.594
|
|
font.pixelSize: 24
|
|
horizontalAlignment: Text.AlignHCenter
|
|
verticalAlignment: Text.AlignVCenter
|
|
}
|
|
}
|
|
|
|
Image {
|
|
id: buttonPressed
|
|
width: 100
|
|
height: 40
|
|
anchors.fill: parent
|
|
source: "assets/buttonPressed.png"
|
|
Text {
|
|
id: pressedText
|
|
x: 58
|
|
y: 50
|
|
color: "#e1e1e1"
|
|
text: control.text
|
|
elide: Text.ElideRight
|
|
font.letterSpacing: 0.594
|
|
font.pixelSize: 24
|
|
horizontalAlignment: Text.AlignHCenter
|
|
verticalAlignment: Text.AlignVCenter
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
contentItem: Item {}
|
|
|
|
states: [
|
|
State {
|
|
name: "normal"
|
|
when: !control.down
|
|
PropertyChanges {
|
|
target: buttonPressed
|
|
visible: false
|
|
}
|
|
PropertyChanges {
|
|
target: buttonNormal
|
|
visible: true
|
|
}
|
|
},
|
|
State {
|
|
name: "down"
|
|
when: control.down
|
|
PropertyChanges {
|
|
target: buttonPressed
|
|
visible: true
|
|
}
|
|
PropertyChanges {
|
|
target: buttonNormal
|
|
visible: false
|
|
}
|
|
}
|
|
]
|
|
|
|
}
|
|
|