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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
|
/*
* 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/>.
*/
import QtQuick 2.0
import QtQuick.Window 2.0
/*!
\qmltype OrientationHelper
\inqmlmodule Ubuntu.Components 0.1
\ingroup ubuntu
\brief The OrientationHelper automatically rotates its children following the
orientation of the device.
Any Item placed inside an Orientation Helper will be automatically rotated
following the orientation of the device.
Note that OrientationHelper is always filling its parent (anchors.parent: fill).
Example:
\qml
Item {
OrientationHelper {
Label {
text: "Automatically rotated"
}
Button {
text: "Automatically rotated"
}
}
}
\endqml
*/
Item {
id: orientationHelper
/*!
\preliminary
Sets whether it will be automatically rotating when the device is.
The default value is true.
\qmlproperty bool automaticOrientation
*/
property bool automaticOrientation: true
/*!
\preliminary
Sets whether the rotation transition is performed.
The default value is true.
\qmlproperty bool transitionEnabled
*/
property bool transitionEnabled: true
/*!
\preliminary
Exposes whether the orientationTransition is running.
\qmlproperty alias rotating
*/
property alias rotating: orientationTransition.running
/*!
\qmlproperty int __orientationAngle
\deprecated
Use orientationAngle instead.
*/
property alias __orientationAngle: orientationHelper.orientationAngle
/*!
\qmlproperty int orientationAngle
Calculates the current orientation angle.
*/
property int orientationAngle: automaticOrientation ? Screen.angleBetween(Screen.primaryOrientation, Screen.orientation) : 0
anchors.fill: parent
Component.onCompleted: orientationTransition.enabled = transitionEnabled
/*!
\internal
Report the current orientation of the application via QWindow::contentOrientation.
http://qt-project.org/doc/qt-5.0/qtgui/qwindow.html#contentOrientation-prop
*/
onOrientationAngleChanged: window.contentOrientation = Screen.orientation
Item {
id: stateWrapper
state: orientationAngle.toString()
states: [
State {
name: "0"
PropertyChanges {
target: orientationHelper
rotation: 0
}
},
State {
name: "180"
PropertyChanges {
target: orientationHelper
rotation: 180
}
},
State {
name: "270"
PropertyChanges {
target: orientationHelper
rotation: 270
anchors {
leftMargin: (parent.width - parent.height) / 2
rightMargin: anchors.leftMargin
topMargin: -anchors.leftMargin
bottomMargin: anchors.topMargin
}
}
},
State {
name: "90"
PropertyChanges {
target: orientationHelper
rotation: 90
anchors {
leftMargin: (parent.width - parent.height) / 2
rightMargin: anchors.leftMargin
topMargin: -anchors.leftMargin
bottomMargin: anchors.topMargin
}
}
}
]
transitions: [
Transition {
id: orientationTransition
ParallelAnimation {
SequentialAnimation {
PauseAnimation {
duration: 25
}
PropertyAction {
target: orientationHelper
properties: "anchors.topMargin,anchors.bottomMargin,anchors.rightMargin,anchors.leftMargin"
}
}
RotationAnimation {
target: orientationHelper
properties: "rotation"
duration: UbuntuAnimation.FastDuration
easing: UbuntuAnimation.StandardEasing
direction: RotationAnimation.Shortest
}
}
}
]
}
}
|