summaryrefslogtreecommitdiff
path: root/src/components/qt_hmi/References/Look/Layouts/TileBackLayout.qml
blob: 0aed708e35c26e4de9f0fda9c2c205be0b78801c (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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
import QtQuick 2.0
import com.ford.hmiframework 1.0
import "../Widgets"

FLayout {
    id: tileLayout
    width: 800
    height: 480

    property alias button1: button1
    property alias button2: button2
    property alias button3: button3
    property alias button4: button4
    property alias button5: button5
    property alias button6: button6
    property alias button7: button7
    property alias button8: button8
    property alias backBtn: backBtn



    Grid {
        id: theGrid
        flow: Grid.TopToBottom
        anchors.top: tileLayout.top
        anchors.topMargin: 130
        anchors.horizontalCenter: tileLayout.horizontalCenter
        anchors.leftMargin: 100
        columns: 4
        spacing: 20
        TouchButton{
            id: button1
            height:125
            width: 135
            text: "Button 1"
        }

        TouchButton{
            id: button2
            height:125
            width: 135
            text: "Button 2"
        }

        TouchButton{
            id: button3
            height:125
            width: 135
            text: "Button 3"
        }

        TouchButton{
            id: button4
            height:125
            width: 135
            text: "Button 4"
        }

        TouchButton{
            id: button5
            height:125
            width: 135
            text: "Button 5"
        }

        TouchButton{
            id: button6
            height:125
            width: 135
            text: "Button 6"
        }

        TouchButton{
            id: button7
            height:125
            width: 135
            text: "Button 7"
        }

        TouchButton{
            id: button8
            height:125
            width: 135
            text: "Button 8"
        }
    }



    BaseText{
        id: title
        anchors.top: tileLayout.top
        anchors.topMargin: 80
        anchors.horizontalCenter: tileLayout.horizontalCenter
        text: "Select a Source"
    }

    TouchButton{
        id: backBtn
        anchors.verticalCenter: title.verticalCenter
        anchors.left: tileLayout.left
        anchors.leftMargin: 20
        height:40
        width: 60
        text: "<"
    }
}