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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
|
/*
* Copyright 2013 Canonical Ltd.
*
* This program is free software; you can redistribute it and/or modify
* it under the terms of the GNU Lesser General Public License as published by
* the Free Software Foundation; version 3.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
* Author: Zsombor Egri <zsombor.egri@canonical.com>
*/
import QtQuick 2.0
import Lomiri.Components 1.3
import Lomiri.Layouts 1.0
import "components"
import "components/calculator.js" as Calculator
/*!
\brief MainView with a Label and Button elements.
*/
MainView {
id: mainView
// objectName for functional testing purposes (autopilot-qt5)
objectName: "mainView"
// Note! applicationName needs to match the .desktop filename
applicationName: "calculator"
/*
This property enables the application to change orientation
when the device is rotated. The default is false.
*/
automaticOrientation: true
width: units.gu(40)
height: units.gu(71)
property var calculator: new Calculator.Calculator(numericInput, memoryIndicator);
// default portrait layout
Page {
id: page
title: i18n.tr("Calculator")
anchors.fill: parent
Flickable {
anchors.fill: parent
contentWidth: column.width
contentHeight: column.height
Column {
id: column
width: page.width
height: childrenRect.height
spacing: units.gu(0.5)
TextField {
id: numericInput
anchors {
left: parent.left
right: parent.right
}
readOnly: true
font.pixelSize: FontUtils.sizeToPixels("x-large")
font.bold: true
horizontalAlignment: Text.AlignRight
height: layout.currentLayout === "landscape" ?
units.gu(5) : units.gu(7)
primaryItem: Label {
id: memoryIndicator
width: units.gu(3)
height: parent.height
text: "M"
textSize: Label.Large
font.bold: true
}
}
Layouts {
id: layout
anchors {
left: parent.left
right: parent.right
}
height: page.height - numericInput.height - mainView.header.height
layouts: [
ConditionalLayout {
name: "landscape"
when: mainView.width > mainView.height
Item {
anchors.fill: parent
Functions {
operations: calculator
anchors.fill: parent
anchors.rightMargin: parent.width / 2 + units.gu(0.25)
spacing: units.gu(0.4)
}
ItemLayout {
item: "buttons"
anchors.fill: parent
anchors.leftMargin: parent.width / 2 + units.gu(0.25)
}
}
}
]
DefaultLayout {
anchors.fill: parent
anchors.margins: units.gu(0.5)
operations: calculator
spacing: (layout.currentLayout === "landscape") ? units.gu(0.4) : units.gu(2)
}
}
}
}
}
}
|
