blob: 4702deabe32a0070a28ae67cad609f7b3a94935d (
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
|
// This example demonstrates how Web services such as Google Maps can be
// abstracted as QML types. Here we have a "Mapping" module with a "Map"
// type. The Map type has an address property. Setting that property moves
// the map. The underlying implementation uses WebView and the Google Maps
// API, but users from QML don't need to understand the implementation in
// order to create a Map.
import Qt 4.7
import org.webkit 1.0
import "content/Mapping"
Map {
id: map
width: 300
height: 300
address: "Paris"
Rectangle {
color: "white"
width: input.width + 20
height: input.height + 4
radius: 5
anchors.bottom: parent.bottom
anchors.bottomMargin: 5
opacity: map.status == "Ready" ? 1 : 0
x: 70
TextInput {
id: input
text: map.address
anchors.centerIn: parent
Keys.onReturnPressed: map.address = input.text
}
}
Text {
id: loading
anchors.centerIn: parent
text: map.status == "Error" ? "Error" : "Loading"
opacity: map.status == "Ready" ? 0 : 1
font.pixelSize: 30
Behavior on opacity {NumberAnimation{}}
}
}
|
