In diesem Tutorial möchte ich die absoluten Grundlagen der Kachelupdates erklären und was mir da am wichtigsten vorkommt.
Was lernt man in diesem Tutorial?
Wie man einfache bisher nur quadratische Livekacheln anhand dieser Templates erstellt. Außerdem Wie man die Livekachel wieder löscht und ein Ablaufdatum einstellt.
Hintergrundwissen
Die Livekacheln werden über einfache XML-Schemata definiert. Im Prinzip läuft das ganze so ab:
1). Benötigte Imports festlegen
2). XML-Schema anhand eines der Templates erstellen
3). Ablaufzeit festlegen in Sekunden, Minuten oder Tagen. Wenn man das nicht macht wird die Livekachel nach drei Tagen wieder gelöscht. Dann die Kachel vom TileUpdateManager updaten lassen.
4). Kachel löschen.
Wie ihr seht ist das Tutorial sehr einfach gehalten und eher für Leute gedacht, die sich nicht sooo viel mit dem Thema Livekacheln beschäftigen wollen. Wer sich näher mit dem ganzen näher beschäftigen will, guckt sich am besten
dieses Tutorial an.
Also fangen wir an: (Im ersten Expander der VB Code, im zweiten der C# Code)
0.5). Neues Projekt "LiveKachel" in eurer bevorzugten Sprache erstellen. (Leere App)
1). Benötigte Imports
1.1). TestOberfläche erstellen und die benötigten Bilder hinzufügen:
Die Oberläche, die mir dafür jetzt gut vorkam:
Das Bild welches ich mir in die Kachel geladen habe könnt ihr im Anhang finden. Dann erstellt ihr euch im Projektmappenexplorer einen Ordner "images" und fügt das Bild da ein. Oder ihr nehmt ein eigenes (150x150).
Ihr könnt das Bild auch auf euren Webserver hochladen und dann später die URL des Bildes eingeben.
2). Xml-Schema anhand eines der Templates erstellen. Hier wähle ich als erstes einmal "TileSquareImage". Da wird einfach nur ein einziges dickes quadratisches Bild in die Kachel geladen. Bei den anderen Templates guckt ihr euch am besten einfach einmal die XML-Struktur an, dann sieht man schon, welche Elemente man noch anpassen muss.
3). Kachel updaten und Ablaufzeit festlegen (Wenn gewünscht, sonst läuft das Ding nach drei Tagen von alleine aus)
4). Kachel löschen
Zum Ändern drückt ihr nun als erstes auf den Button zum Erstellen des XML-Dokuments und dann auf "Livekachel Ändern". Dann guckt mal auf den Startbildschirm. Nach 10 Sekunden wird sich das Bild wieder löschen.
Bei Fragen oder Anmerkungen hilft ein Post
Den Umfang des Tutorials kann ich leicht erweitern, da das meiste im Prinzip von der MSDN abgeschrieben wurde Klick
Was lernt man in diesem Tutorial?
Wie man einfache bisher nur quadratische Livekacheln anhand dieser Templates erstellt. Außerdem Wie man die Livekachel wieder löscht und ein Ablaufdatum einstellt.
Hintergrundwissen
Die Livekacheln werden über einfache XML-Schemata definiert. Im Prinzip läuft das ganze so ab:
1). Benötigte Imports festlegen
2). XML-Schema anhand eines der Templates erstellen
3). Ablaufzeit festlegen in Sekunden, Minuten oder Tagen. Wenn man das nicht macht wird die Livekachel nach drei Tagen wieder gelöscht. Dann die Kachel vom TileUpdateManager updaten lassen.
4). Kachel löschen.
Wie ihr seht ist das Tutorial sehr einfach gehalten und eher für Leute gedacht, die sich nicht sooo viel mit dem Thema Livekacheln beschäftigen wollen. Wer sich näher mit dem ganzen näher beschäftigen will, guckt sich am besten
dieses Tutorial an.
Also fangen wir an: (Im ersten Expander der VB Code, im zweiten der C# Code)
0.5). Neues Projekt "LiveKachel" in eurer bevorzugten Sprache erstellen. (Leere App)
1). Benötigte Imports
1.1). TestOberfläche erstellen und die benötigten Bilder hinzufügen:
Die Oberläche, die mir dafür jetzt gut vorkam:
Quellcode
- <Button Content="XML erstellen" HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top" Height="101" Width="252" Tapped="XML_Erstellen_Tapped"/>
- <Button Content="Livekachel ändern" HorizontalAlignment="Left" Margin="10,116,0,0" VerticalAlignment="Top" Height="101" Width="252" Tapped="LiveKachelAendern_Tapped"/>
- <Button Content="LiveKachel löschen" HorizontalAlignment="Left" Margin="10,657,0,0" VerticalAlignment="Top" Height="101" Width="252" Tapped="LiveKachelLoeschen_Tapped"/>
Das Bild welches ich mir in die Kachel geladen habe könnt ihr im Anhang finden. Dann erstellt ihr euch im Projektmappenexplorer einen Ordner "images" und fügt das Bild da ein. Oder ihr nehmt ein eigenes (150x150).
Ihr könnt das Bild auch auf euren Webserver hochladen und dann später die URL des Bildes eingeben.
2). Xml-Schema anhand eines der Templates erstellen. Hier wähle ich als erstes einmal "TileSquareImage". Da wird einfach nur ein einziges dickes quadratisches Bild in die Kachel geladen. Bei den anderen Templates guckt ihr euch am besten einfach einmal die XML-Struktur an, dann sieht man schon, welche Elemente man noch anpassen muss.
3). Kachel updaten und Ablaufzeit festlegen (Wenn gewünscht, sonst läuft das Ding nach drei Tagen von alleine aus)
4). Kachel löschen
Zum Ändern drückt ihr nun als erstes auf den Button zum Erstellen des XML-Dokuments und dann auf "Livekachel Ändern". Dann guckt mal auf den Startbildschirm. Nach 10 Sekunden wird sich das Bild wieder löschen.
Bei Fragen oder Anmerkungen hilft ein Post
Den Umfang des Tutorials kann ich leicht erweitern, da das meiste im Prinzip von der MSDN abgeschrieben wurde Klick 
