Les widgets sont des applications autonomes qui peuvent généralement être trouvés noyés sur des sites tiers que des horloges , vente aux enchères - tickers , comptes à rebours de l'événement , etc Widgets sont donc des mini applications qui sont faciles à déployer , rapide à développer et à utiliser de tirer parti des technologies de pointe par l'ajout de fonctionnalités aux applications existantes . Si vous pouvez créer une page Web , alors vous savez comment créer et déployer un widget car ils utilisent la même technologie de JavaScript , DHTML et CSS. Les widgets peuvent être soit des widgets accessoire , l'application ou l'information. Widgets accessoires sont autonomes qui fonctionnent indépendamment de l' Internet ou une application. Widgets de l'application sont associés à part entière avec une application pendant widgets d'information fonctionnent avec des données sur Internet. Instructions
L'architecture
1

Lancez votre éditeur de texte et créez un fichier HTML. Le fichier HTML doit se conformer à la norme XHTML 1.0 et au-dessus , afin de se conformer aux meilleures pratiques actuelles de standards Web. Un code XHTML simple va ressembler à ceci:

< html xmlns = background = " picture.png ">

Bienvenue Widget Monde

2

Utilisez la balise pour effectuer rendu 2D complet pour le widget si nécessaire. L'attribut «composite» est un autre ajout à la qui laisse un précisent comment l'image ( " picture.png ») est rendue.
Le 3

Utilisez Cascading Style Sheets ( CSS) pour le style du widget afin qu'il affiche uniformément sur ​​tous les navigateurs . Une partie du fichier CSS contiendrait le style suivant :

4

Placez le fichier ci-dessus dans un fichier séparé . Dans cet exemple, nous avons enregistré le fichier comme " widget.css . " Référencer le fichier en utilisant l'instruction "import" sur le fichier html principal , comme indiqué :
Ajout Dynamisme
5

Utilisez l'objet "widget " pour fournir la capacité supplémentaire. Par exemple, pour accéder aux préférences de l'utilisateur , utilisez la ligne de code suivante:

widget.setPreferenceForKey ( préférence , key) ; widget.preferenceForKey (key) ;
6

Utilisez les événements d'activation pour éviter l'utilisation excessive du temps CPU ou les ressources du réseau par le widget . Le code ci-dessous montre comment cela se passe :

( window.widget ) { widget.hide = peau ; widget.show = exposition ;
fonction

hide () {if ( timeInterval == null) { timeInterval = setInterval ( updatetime (true); " , 500) ;}}

Ajouter d'autres fonctions pour le code que vous préférez
7

créer le fichier. " Info . plist »pour identifier un widget et qu'il ressources . Ce fichier varie sur ce qui est devrait contenir selon le type de widget .