src/components/qt_hmi/References/Look/Layouts/ChromeLayout.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
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

import QtQuick 2.0
import com.ford.hmiframework 1.0
import "../Widgets"

FLayout {
    id: chromelayout
    width: 800
    height: 480

    property alias button1: button1
    property alias button2: button2
    property alias button3: button3


    FWdgtTouchArea {
        id: blockClockTouch
        anchors.top: chromelayout.top
        anchors.horizontalCenter: chromelayout.horizontalCenter
        height: 60
        width: 160
    }

    Rectangle{
        id: clockBackground
        anchors.fill: blockClockTouch
        color: "red"
    }

    BaseText{
        id: clock
        anchors.centerIn: blockClockTouch
        text: "clock"
        horAlignment: Text.AlignHCenter
    }

    TouchButton{
        id: button1
        anchors.top: blockClockTouch.top
        anchors.right: blockClockTouch.left
        anchors.rightMargin: -5
        height: blockClockTouch.height
        width: 75
        text: "Button 1"
        unpressedColor: "darkRed"
    }

    TouchButton{
        id: button2
        anchors.top: blockClockTouch.top
        anchors.left: blockClockTouch.right
        anchors.leftMargin: -5
        height:blockClockTouch.height
        width: 75
        text: "Button 2"
        unpressedColor:"darkRed"
    }

    TouchButton{
        id: button3
        anchors.bottom: chromelayout.bottom
        anchors.horizontalCenter: chromelayout.horizontalCenter
        height:blockClockTouch.height
        width: 225
        text: "Button 3"
        unpressedColor: "red"
    }

}