diff options
| author |  Grace Karanja <gracie.karanja89@gmail.com> | 2015-06-10 21:39:03 +0300 |
|---|---|---|
| committer |  Dirk Hohndel <dirk@hohndel.org> | 2015-06-20 14:28:17 -0700 |
| commit | f21d3d558e11977ec585d95368b2184caf52a7bd (patch) | |
| tree | 4ac74e743ed6c04180e0852b7134a42b6bae5db0 | |
| parent | 305509ad5f0577de0a9b75311e78a01b19329515 (diff) | |
| download | subsurface-f21d3d558e11977ec585d95368b2184caf52a7bd.tar.gz | |
Add TextButton.qml file
This file contains a styled button for use in QML
Signed-off-by: Grace Karanja <gracie.karanja89@gmail.com>
Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
| -rw-r--r-- | qt-mobile/TextButton.qml | 37 | ||||
| -rw-r--r-- | qt-mobile/mobile-resources.qrc | 1 |
2 files changed, 38 insertions, 0 deletions
diff --git a/qt-mobile/TextButton.qml b/qt-mobile/TextButton.qml new file mode 100644 index 000000000..3e5a36735 --- /dev/null +++ b/qt-mobile/TextButton.qml @@ -0,0 +1,37 @@ +import QtQuick 2.3 + +Rectangle { + id: container + + property alias text: label.text + + signal clicked + + width: label.width + 20; height: label.height + 6 + smooth: true + radius: 10 + + gradient: Gradient { + GradientStop { id: gradientStop; position: 0.0; color: palette.light } + GradientStop { position: 1.0; color: palette.button } + } + + SystemPalette { id: palette } + + MouseArea { + id: mouseArea + anchors.fill: parent + onClicked: { container.clicked() } + } + + Text { + id: label + anchors.centerIn: parent + } + + states: State { + name: "pressed" + when: mouseArea.pressed + PropertyChanges { target: gradientStop; color: palette.dark } + } +} diff --git a/qt-mobile/mobile-resources.qrc b/qt-mobile/mobile-resources.qrc index 59d301c2d..2cee85143 100644 --- a/qt-mobile/mobile-resources.qrc +++ b/qt-mobile/mobile-resources.qrc @@ -1,5 +1,6 @@ <RCC> <qresource prefix="/qml"> <file>main.qml</file> + <file>TextButton.qml</file> </qresource> </RCC> |