Wie ein Live Tile zu Windows 8 erstellen

Hinweis: Dies ist nicht von der Desktop-Version von Internet Explorer getan werden könnte.

Wie ein Live Tile zu Windows 8 erstellen

Jetzt nehmen sie es von Anfang an, die einfachste Tile möglich zu schaffen und mit, dass ich eine benutzerdefinierten statische Tile mit nur einem Text darauf bedeuten zu schaffen.

Wie ein Live Tile zu Windows 8 erstellen

Der nächste Schritt ist es, die Blogs Hintergrundfarbe auf die Fliesen zu setzen, und das ist mit diesem Meta-Tag getan.

Wie ein Live Tile zu Windows 8 erstellen

Lassen Sie uns nun auf das Internet Explorer-Logo mit einem benutzerdefinierten Bild ersetzen. Um das zu tun was wir wissen müssen, welche Fliesen Größen verfügbar sind in Windows 8.1. Also, das ist eine Tabelle der Größen, die ausgewählt werden können:

Standard Fliesenmaße

Erstellen Sie das Bild Größen Small, Medium, Large und Breite alle 4 Größen von Fliesen zu unterstützen. Beachten Sie, dass das „o.“ Und „o.rydberg“ sind Bilder, auch wenn sie wie Text aussehen. Dann müssen Sie auch die Verbindung zwischen dem Fliesenformat und der Namen des Bildes angeben, die Sie in der Tile mit diesen Meta-Tags angezeigt werden sollen.

Wie ein Live Tile zu Windows 8 erstellen
Wie ein Live Tile zu Windows 8 erstellen
Wie ein Live Tile zu Windows 8 erstellen

Live Tiles

Als Beispiel, wenn trat ich in die Informationen für meinen Blog es diese Metadaten für meine Live Tile generiert:

Der Frequenzparameter gibt an, welche Frequenz die Live Tile wird die Notification Datei überprüft und die Zahl ist in wenigen Minuten. Die unterstützten Werte sind 30, 60, 360 (6 Stunden), 720 (12 Stunden) und 1440 (1 Tag), Wenn nichts angegeben wird, ist der Standardwert von 1440 Minuten. Da dies ein Blog ist und es nicht aktualisiert, dass oft, wählte ich die 6 Stunden Aktualisierungsfrequenz.

Wie ein Live Tile zu Windows 8 erstellen

Bewegen Sie Live Tile-Code von Meta-Tags in XML-Datei

Statt all diese Meta-Tags in Ihrer HTML-Seite setzen, könnten Sie stattdessen Live Tile Meta-Tags in eine XML-Datei setzen. Dies wird natürlich haben große Vorteile, wenn Sie etwas in Ihrem Live Tile-Definitionen ändern möchten. Ich meine, dass Sie nur den Code an einem Ort ändern müssen, anstatt in allen Ihren Seiten.

Sie müssen noch zwei Meta-Tags in all Ihrer Web-Seite haben, und das ist ein für den Namen der Anwendung oder Webseite und einem für einen Verweis auf die XML-Datei, die Ihre Live Tile-Definitionen hat. Die Meta-Tags auf Ihrer Webseite könnte wie folgt aussehen:

Dann wird die browserconfig.xml Datei diesen Code enthält, und das ist das gleiche wie das, was ich als Meta-Tags auf der Webseite angegeben habe früher in diesem Beitrag.

Erstellen Sie Ihre eigene Mitteilung Tile Datei

Ein Beispiel für eine Benachrichtigungsdatei könnte wie folgt aussehen. In diesem Beispiel wird der Anzeigedatei enthält Informationen für die drei große Fliesengrößen, die Live Tile-Updates mit Text umgehen können.

Wie kommt es, alle miteinander verbunden

Wie ein Live Tile zu Windows 8 erstellen

Ich habe viel darüber gesprochen, wie eine Fliese für Windows 8.1, zu bauen, aber ich habe Dir noch nicht gesagt, wie eine Webseite zum Startbildschirm zu fixieren. Aber es ist ziemlich einfach, was zu tun. Zuerst müssen Sie das Internet Explorer öffnen (nicht in der Desktop-Version arbeiten). Öffnen Sie dann die Navigationsleiste im unteren Bereich des Bildschirms mit der rechten Maustaste auf einen leeren Bereich auf der Webseite. Dann ist diese Black-Panel wird geöffnet und Sie können klicken Sie auf 1 den Stern, 2 der Stift, 3 Pin zu starten.

Wie ein Live Tile zu Windows 8 erstellen

Sie können mit Live Tiles in Windows 8.1, viel mehr Dinge tun, aber ich werde hier jetzt aufhören. Ich denke, dass es ein sehr interessantes Konzept ist auch Web-Seiten oder Web-Anwendungen zu lassen Live Tiles in Windows zu aktualisieren. Das ist sehr gut für die Nutzer, so dass sie die Dinge stecken können, die sie auf dem Startbildschirm interessieren und das macht nichts, wenn Tile zu einer Webseite oder Fenster-Anwendung gehört. Es macht den Startbildschirm sehr fokussiert auf die Informationen, die Benutzer interessiert ist.

In Verbindung stehende Artikel