qt-mobile/TextButton.qml


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
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 }
	}
}