Widget-Architektur
Widgets sind eigenständige Anwendungen, die normalerweise auf Websites von Drittanbietern als Uhren, Auktions-Ticker, Ereignis-Countdowns usw. eingebettet zu finden sind. Widgets sind somit Minianwendungen, die einfach bereitzustellen, schnell zu entwickeln und zur Nutzung fortschrittlicher Technologien durch Hinzufügen von Funktionen zu bestehenden Anwendungen verwendet werden können. Wenn Sie eine Webseite erstellen können, wissen Sie, wie ein Widget erstellt und bereitgestellt wird, da sie dieselbe Technologie wie JavaScript, DHTML und CSS verwenden. Widgets können entweder Zubehör-, Anwendungs- oder Informations-Widgets sein. Zubehör-Widgets sind in sich abgeschlossen und können unabhängig vom Internet oder einer Anwendung ausgeführt werden. Anwendungswidgets sind vollwertig mit einer Anwendung verknüpft, während Informationswidgets mit Internetdaten arbeiten.
Die Architektur
Schritt 1
Starten Sie Ihren Texteditor und erstellen Sie eine HTML-Datei. Die HTML-Datei sollte dem XHTML 1.0-Standard und höher entsprechen, um den aktuellen Best Practices für Webstandards zu entsprechen. Ein einfacher XHTML-Code sieht so aus:
Video des Tages
Schritt 2
Verwenden Sie die
Schritt 3
Verwenden Sie Cascading Style Sheets (CSS), um das Widget so zu gestalten, dass es in allen Browsern einheitlich angezeigt wird. Ein Teil der CSS-Datei würde das folgende Styling enthalten:
Schritt 4
Legen Sie die obige Datei in eine separate Datei. In diesem Beispiel haben wir die Datei als "widget.css" gespeichert. Verweisen Sie auf die Datei mit der Anweisung "import" in der HTML-Hauptdatei wie gezeigt:
Dynamik hinzufügen
Schritt 1
Verwenden Sie das "Widget"-Objekt, um zusätzliche Fähigkeiten bereitzustellen. Um beispielsweise auf Benutzereinstellungen zuzugreifen, verwenden Sie die folgende Codezeile:
widget.setPreferenceForKey (Präferenz, Schlüssel) GO widget.preferenceForKey (Schlüssel);
Schritt 2
Verwenden Sie Aktivierungsereignisse, um eine übermäßige Nutzung von CPU-Zeit oder Netzwerkressourcen durch das Widget zu vermeiden. Der folgende Code zeigt, wie dies geschieht:
If (window.widget) {widget.hide = GO ausblenden widget.show = GO anzeigen
Funktion hide() { if (timeInterval == null) { timeInterval = setInterval (updateTime (true);", 500) GO } }
Fügen Sie dem Code nach Belieben weitere Funktionen hinzu.
Schritt 3
Erstellen Sie die Datei "Info.plist", um ein Widget und seine Ressourcen zu identifizieren. Diese Datei variiert je nach Art des Widgets, was sie enthalten soll.
Spitze
Im Einklang mit der Verwendung von Web-Technologien wird die Widget-Dynamik mithilfe von JavaScript bereitgestellt. Dadurch kann das Widget auf Benutzereinstellungen des Systems zugreifen, Widgets umdrehen, um auf die Einstellungen zuzugreifen, öffnen andere Anwendungen, reagieren auf Webseiten-Ereignisse und führen Systembefehle wie Befehlszeilentools und Shell aus Skripte.
