poster.qml Example File
poster/poster.qml
import QtQuick 2.3
import QtNfc 5.5
Rectangle {
id: root
width: 640
height: 360
NearField {
id: nearfield
property bool requiresManualPolling: false
onPollingChanged: {
if (!polling && requiresManualPolling)
polling = true;
}
Component.onCompleted: {
if (!polling) {
requiresManualPolling = true;
polling = true;
}
}
filter: [
NdefFilter { type: "U"; typeNameFormat: NdefRecord.NfcRtd; maximum: 1 },
NdefFilter { type: "T"; typeNameFormat: NdefRecord.NfcRtd },
NdefFilter { typeNameFormat: NdefRecord.Mime; minimum: 0; maximum: 1 }
]
onMessageRecordsChanged: {
posterText.text = "";
posterImage.source = "";
posterUrl.text = "";
var currentLocaleMatch = NdefTextRecord.LocaleMatchedNone;
var i;
var found = false;
for (i = 0; i < messageRecords.length; ++i) {
switch (messageRecords[i].typeNameFormat) {
case NdefRecord.NfcRtd:
if (messageRecords[i].type === "T") {
if (messageRecords[i].localeMatch > currentLocaleMatch) {
currentLocaleMatch = messageRecords[i].localeMatch;
posterText.text = messageRecords[i].text;
found = true;
}
} else if (messageRecords[i].type === "U") {
posterUrl.text = messageRecords[i].uri;
found = true;
}
break;
case NdefRecord.Mime:
if (messageRecords[i].type.indexOf("image/") === 0 ) {
posterImage.source = messageRecords[i].uri;
found = true;
}
break;
}
if (!found)
console.warn("Unknown NFC tag detected. Cannot display content.")
}
root.state = "show";
}
}
Text {
id: touchText
anchors { horizontalCenter: parent.horizontalCenter; horizontalCenterOffset: parent.verticalCenter }
text: "Touch an NFC tag with at least one Text and one URI record."
font { italic: true; pointSize: 18 }
wrapMode: Text.WordWrap
width: root.width*0.75
horizontalAlignment: Text.AlignHCenter
}
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: posterText
y: -height
anchors { horizontalCenter: parent.right; horizontalCenterOffset: - parent.width / 4 }
font { italic: true; pointSize: 18 }
}
Text {
id: posterUrl
y: parent.height
anchors { horizontalCenter: parent.right; horizontalCenterOffset: - parent.width / 4 }
font { italic: true; 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; right: close.left; 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; topMargin: 0; right: parent.right; 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 }
}
}