aboutsummaryrefslogtreecommitdiffstats
path: root/examples/platforms/android/qtquickview/Main.qml
blob: f22a5490bbffbfdc74b7c02dc1b96b0cfdfaf208 (plain)
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
// Copyright (C) 2024 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
import QtQuick
import QtQuick.Controls

Rectangle {
    id: mainRectangle

    color: colorStringFormat

    property string colorStringFormat: "#1CB669"

    signal onClicked()

    Text {
        id: helloText

        text: "First QML View"
        color: "white"
        font.pointSize: 72
        font.bold: true
        wrapMode: Text.WordWrap
        width: mainRectangle.width
        horizontalAlignment: Text.AlignHCenter

        anchors {
            horizontalCenter: parent.horizontalCenter
            top: parent.top
            topMargin: mainRectangle.height / 40
        }
    }


    Text {
        id: changeColorText

        text: "Tap button to change Java view background color"
        color: "white"
        font.pointSize: 48
        wrapMode: Text.WordWrap
        padding: 20
        width: mainRectangle.width
        horizontalAlignment: Text.AlignHCenter

        anchors {
            horizontalCenter: parent.horizontalCenter
            top: helloText.bottom;
            topMargin: mainRectangle.height / 10
        }
    }

    Button {
        id: button

        anchors {
            horizontalCenter: parent.horizontalCenter
            top: changeColorText.bottom
            topMargin: mainRectangle.height / 30
        }

        onClicked: mainRectangle.onClicked()

        background: Rectangle {
            id: buttonBackground

            radius: 14
            color: "#6200EE"
            opacity: button.down ? 0.6 : 1
            scale: button.down ? 0.9 : 1
        }

        contentItem: Text {
            id: buttonText

            text: "CHANGE COLOR"
            color: "white"
            font.pointSize: 56
            font.bold: true
            padding: 20
            horizontalAlignment: Text.AlignHCenter
            verticalAlignment: Text.AlignVCenter
        }
    }
}