poster.qml Example File
declarative-connectivity/poster/poster.qml
import Qt 4.7
import QtMobility.connectivity 1.2
Rectangle {
id: root
width: 640
height: 360
NearField {
id: nearfield
filter: [
NdefFilter { type: "urn:nfc:wkt:U"; minimum: 1; maximum: 1 },
NdefFilter { type: "urn:nfc:wkt:T"; minimum: 1 }
]
onMessageRecordsChanged: {
posterText.text = "";
posterImage.source = "";
posterUrl.text = "";
var currentLocaleMatch = NdefTextRecord.LocaleMatchedNone;
var i;
for (i = 0; i < messageRecords.length; ++i) {
if (messageRecords[i].recordType == "urn:nfc:wkt:T") {
if (messageRecords[i].localeMatch > currentLocaleMatch) {
currentLocaleMatch = messageRecords[i].localeMatch;
posterText.text = messageRecords[i].text;
}
} else if (messageRecords[i].recordType == "urn:nfc:wkt:U") {
posterUrl.text = messageRecords[i].uri;
} else if (messageRecords[i].recordType.substr(0, 19) == "urn:nfc:mime:image/") {
posterImage.source = messageRecords[i].uri;
}
}
root.state = "show";
}
}
Text {
id: touchText
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter
text: "Touch an NFC tag"
font.bold: true
font.pointSize: 18
}
Text {
id: posterText
anchors.horizontalCenter: parent.right
anchors.horizontalCenterOffset: - parent.width / 4
y: -height
font.bold: true
font.pointSize: 18
}
Image {
id: posterImage
scale: Image.PreserveAspectFit
height: parent.height * 0.8
width: height * sourceSize.width / sourceSize.height
anchors.verticalCenter: parent.verticalCenter
x: -width
smooth: true
}
Text {
id: posterUrl
anchors.horizontalCenter: parent.right
anchors.horizontalCenterOffset: - parent.width / 4
y: parent.height
font.italic: true
font.pointSize: 14
}
MouseArea {
id: openMouseArea
anchors.fill: parent
enabled: root.state == "show"
onClicked: Qt.openUrlExternally(posterUrl.text)
Rectangle {
id: testTouch
width: 50
height: 50
color: "lightsteelblue"
opacity: 0.3
anchors.top: parent.top
anchors.right: close.left
anchors.rightMargin: 10
MouseArea {
id: touchMouseArea
anchors.fill: parent
onClicked: {
if (root.state == "") {
root.state = "show";
} else {
root.state = "";
}
}
}
}
Rectangle {
id: close
width: 50
height: 50
color: "black"
radius: 0
opacity: 0.3
anchors.top: parent.top
anchors.topMargin: 0
anchors.right: parent.right
anchors.rightMargin: 0
MouseArea {
id: closeMouseArea
anchors.fill: parent
onClicked: Qt.quit();
}
}
}
states: [
State {
name: "show"
PropertyChanges { target: posterText; y: root.height / 3 }
PropertyChanges { target: posterUrl; y: 2 * root.height / 3 }
PropertyChanges { target: posterImage; x: root.width / 20 }
PropertyChanges { target: touchText; opacity: 0 }
}
]
transitions: [
Transition {
PropertyAnimation { easing.type: Easing.OutQuad; properties: "x,y" }
PropertyAnimation { property: "opacity"; duration: 125 }
}
]
}
[+] Documentation Feedback