Jak vytvořit widget

...

Architektura widgetů

Widgety jsou samostatné aplikace, které lze obvykle nalézt vložené na webech třetích stran jako hodiny, aukce, odpočítávání událostí atd. Widgety jsou tedy miniaplikace, které se snadno nasazují, rychle vyvíjejí a používají se k využití pokročilých technologií přidáním funkcí do stávajících aplikací. Pokud můžete vytvořit webovou stránku, pak víte, jak vytvořit a nasadit widget, protože používají stejnou technologii JavaScript, DHTML a CSS. Widgety mohou být buď doplňky, aplikace nebo informační widgety. Widgety příslušenství jsou samostatné a běží nezávisle na internetu nebo aplikaci. Aplikační widgety jsou plnohodnotně spojeny s aplikací, zatímco informační widgety pracují s internetovými daty.

Architektura

Krok 1

Spusťte textový editor a vytvořte soubor HTML. Soubor HTML by měl odpovídat standardu XHTML 1.0 a vyššímu, aby vyhovoval současným doporučeným postupům webového standardu. Jednoduchý XHTML kód bude vypadat takto:

Video dne

Widgety

Krok 2

Použijte tag pro provedení úplného 2D vykreslení pro widget, pokud je to nutné. Atribut "složený" je dalším doplňkem značky, který umožňuje určit, jak se obrázek ("picture.png") vykreslí.

Krok 3

Pomocí kaskádových stylů (CSS) upravte widget tak, aby se zobrazoval jednotně ve všech prohlížečích. Část souboru CSS by obsahovala následující styl:

Krok 4

Umístěte výše uvedený soubor do samostatného souboru. V tomto příkladu jsme soubor uložili jako "widget.css." Odkazujte na soubor pomocí příkazu „import“ v hlavním souboru html, jak je znázorněno:

Přidání dynamiky

Krok 1

Použijte objekt "widget" k poskytnutí další schopnosti. Například pro přístup k uživatelským předvolbám použijte následující řádek kódu:

widget.setPreferenceForKey (preference, klíč) GO widget.preferenceForKey (klíč);

Krok 2

Používejte aktivační události, abyste se vyhnuli nadměrnému využití času CPU nebo síťových prostředků widgetem. Níže uvedený kód ukazuje, jak se to dělá:

If (window.widget) { widget.hide = hide GO widget.show = show GO

function hide() { if (timeInterval == null) { timeInterval = setInterval (updateTime (true);", 500) GO } }

Přidejte do kódu další funkce, jak chcete.

Krok 3

Vytvořte soubor "Info.plist" k identifikaci widgetu a jeho zdrojů. Tento soubor se liší podle toho, co by měl obsahovat, v závislosti na typu widgetu.

Spropitné

V souladu s používáním webových technologií je dynamika widgetů zajištěna pomocí JavaScriptu. To umožňuje widgetu přistupovat k uživatelským předvolbám v systému, převracet widgety pro přístup k předvolbám, otevřít jiné aplikace, reagovat na události webové stránky a provádět systémové příkazy, jako jsou nástroje příkazového řádku a shell skripty.