Widget-architectuur
Widgets zijn op zichzelf staande applicaties die meestal te vinden zijn op sites van derden, zoals klokken, veilingtickers, aftellingen van evenementen, enz. Widgets zijn dus mini-applicaties die eenvoudig te implementeren, snel te ontwikkelen en te gebruiken zijn om geavanceerde technologieën te benutten door functionaliteit toe te voegen aan bestaande applicaties. Als je een webpagina kunt maken, dan weet je hoe je een widget moet maken en implementeren, omdat ze dezelfde technologie gebruiken als JavaScript, DHTML en CSS. Widgets kunnen accessoire-, applicatie- of informatiewidgets zijn. Accessoire-widgets zijn op zichzelf staand en werken onafhankelijk van internet of een applicatie. Applicatiewidgets worden volwaardig aan een applicatie gekoppeld, terwijl informatiewidgets werken met internetgegevens.
De architectuur
Stap 1
Start uw teksteditor en maak een HTML-bestand. Het HTML-bestand moet voldoen aan de XHTML 1.0-standaard en hoger om te voldoen aan de huidige best practices voor webstandaarden. Een eenvoudige XHTML-code ziet er als volgt uit:
Video van de dag
Stap 2
Gebruik de
Stap 3
Gebruik Cascading Style Sheets (CSS) om de widget op te maken zodat deze in alle browsers uniform wordt weergegeven. Een deel van het CSS-bestand zou de volgende stijl bevatten:
Stap 4
Plaats het bovenstaande bestand in een apart bestand. In dit voorbeeld hebben we het bestand opgeslagen als "widget.css." Verwijs naar het bestand met behulp van de "import"-instructie in het hoofd-html-bestand, zoals weergegeven:
Dynamiek toevoegen
Stap 1
Gebruik het "widget"-object om extra mogelijkheden te bieden. Gebruik bijvoorbeeld de volgende regel code om toegang te krijgen tot gebruikersvoorkeuren:
widget.setPreferenceForKey (voorkeur, sleutel) GO widget.preferenceForKey (sleutel);
Stap 2
Gebruik activeringsgebeurtenissen om overmatig gebruik van CPU-tijd of netwerkbronnen door de widget te voorkomen. De onderstaande code laat zien hoe dit wordt gedaan:
If (window.widget) { widget.hide = verberg GO widget.show = toon GO
function hide() { if (timeInterval == null) { timeInterval = setInterval (updateTime (true);", 500) GO } }
Voeg naar wens andere functies toe aan de code.
Stap 3
Maak het bestand "Info.plist" om een widget en it-bronnen te identificeren. Dit bestand hangt af van wat het moet bevatten, afhankelijk van het type widget.
Tip
In overeenstemming met het gebruik van webtechnologie, wordt de dynamiek van widgets geleverd met behulp van JavaScript. Hierdoor kan de widget toegang krijgen tot gebruikersvoorkeuren op het systeem, widgets omdraaien om toegang te krijgen tot voorkeuren, open andere toepassingen, reageren op gebeurtenissen op webpagina's en systeemopdrachten uitvoeren, zoals opdrachtregelprogramma's en shell scripts.
