Architektura widżetów
Widgety to samodzielne aplikacje, które zwykle można znaleźć osadzone w witrynach stron trzecich, takie jak zegary, licytacje, odliczanie wydarzeń itp. Widgety to zatem miniaplikacje, które są łatwe we wdrażaniu, szybkie w opracowywaniu i wykorzystywane do wykorzystywania zaawansowanych technologii poprzez dodawanie funkcjonalności do istniejących aplikacji. Jeśli potrafisz stworzyć stronę internetową, to wiesz, jak stworzyć i wdrożyć widżet, ponieważ używają one tej samej technologii JavaScript, DHTML i CSS. Widgety mogą być widżetami akcesoriów, aplikacji lub informacji. Widgety akcesoriów są samowystarczalne i działają niezależnie od Internetu lub aplikacji. Widżety aplikacji są w pełni skojarzone z aplikacją, podczas gdy widżety informacyjne współpracują z danymi internetowymi.
Architektura
Krok 1
Uruchom edytor tekstu i utwórz plik HTML. Plik HTML powinien być zgodny ze standardem XHTML 1.0 i wyższym, aby zachować zgodność z aktualnymi najlepszymi praktykami standardu internetowego. Prosty kod XHTML będzie wyglądał tak:
Wideo dnia
Krok 2
Użyj
Krok 3
Użyj kaskadowych arkuszy stylów (CSS), aby wystylizować widżet tak, aby wyświetlał się jednolicie we wszystkich przeglądarkach. Część pliku CSS zawierałaby następującą stylizację:
Krok 4
Umieść powyższy plik w osobnym pliku. W tym przykładzie zapisaliśmy plik jako „widget.css”. Odwołaj się do pliku za pomocą instrukcji „import” w głównym pliku html, jak pokazano:
Dodawanie dynamiki
Krok 1
Użyj obiektu „widget”, aby zapewnić dodatkową zdolność. Na przykład, aby uzyskać dostęp do preferencji użytkownika, użyj następującego wiersza kodu:
widget.setPreferenceForKey (preferencje, klucz) GO widget.preferenceForKey (klucz);
Krok 2
Użyj zdarzeń aktywacji, aby uniknąć nadmiernego wykorzystania czasu procesora lub zasobów sieciowych przez widget. Poniższy kod pokazuje, jak to się robi:
If (window.widget) { widget.hide = ukryj GO widget.show = pokaż GO
function hide() { if (timeInterval == null) { timeInterval = setInterval (updateTime (true);", 500) GO } }
Dodaj inne funkcje do kodu, jak chcesz.
Krok 3
Utwórz plik „Info.plist”, aby zidentyfikować widżet i jego zasoby. Ten plik różni się tym, co powinien zawierać, w zależności od typu widżetu.
Wskazówka
Zgodnie z zastosowaniami technologii internetowych dynamika widgetów jest zapewniana za pomocą JavaScript. Umożliwia to widżetowi dostęp do preferencji użytkownika w systemie, przerzucanie widżetów, aby uzyskać dostęp do preferencji, otwieranie inne aplikacje, reagują na zdarzenia na stronie internetowej i wykonują polecenia systemowe, takie jak narzędzia wiersza poleceń i powłoka skrypty.
