November 12
I widget sono applicazioni stand-alone, che possono essere trovati solitamente incorporati su siti di terze parti come orologi, Asta-ticker, Countdown evento ecc I widget sono quindi mini applicazioni che sono facili da implementare, veloce da sviluppare e utilizzato per sfruttare le tecnologie avanzate con l'aggiunta di funzionalità per le applicazioni esistenti. Se è possibile creare una pagina Web, poi si sa come creare e distribuire un widget dal momento che utilizzano la stessa tecnologia di JavaScript, DHTML e CSS. I widget possono essere sia accessorio, applicazione o widget di informazione. widgets accessori sono self-contained che corrono indipendenti di Internet o un'applicazione. widgets applicazioni sono associati a pieno titolo con un'applicazione, mentre i widget informazioni di lavoro con i dati Internet.
1 Utilizzare il proprio editor di testo e creare un file HTML. Il file HTML deve aderire alla XHTML 1.0 standard ed al di sopra, al fine di conformarsi alle migliori pratiche standard Web corrente. Un codice XHTML semplice sarà simile a questa:
<Html xmlns = "http://www.w3.org/1999/xhtml”>
<Head>
<Title> Widget </ title>
</ Head>
<Sfondo corpo = "picture.png">
<H1> Benvenuti Widget World </ h1>
</ Body>
</ Html>
2 Utilizzare il <canvas> tag per eseguire il rendering 2D completo per il widget, se necessario. L'attributo "composito" è un altro oltre al tag <img> che consente una specifica come l'immagine ( "picture.png") è reso.
3 Utilizzare i fogli di stile (CSS) per lo stile del widget di modo che venga visualizzato in modo uniforme su tutti i browser. Una parte del file CSS dovrebbe contenere le seguenti styling:
<Style>
.widgetText {
font: 20px "Comic Sans"
ANDARE
font-weight: bold
ANDARE
colore bianco
ANDARE
position: absolute
ANDARE
top: 30px
left: 30px;
}
</ Style>
4 Inserire il file sopra in un file separato. In questo esempio, abbiamo salvato il file come riferimento il file utilizzando l'istruzione "import" sul file HTML principale, come mostrato "widget.css.":
<Head>
<Style>
@import "widget.css"
ANDARE
</ Style>
5 Utilizzare l'oggetto "widget" per fornire capacità aggiunto. Ad esempio, per accedere alle preferenze dell'utente, utilizzare la seguente riga di codice:
widget.setPreferenceForKey (preferenza, chiave)
ANDARE
widget.preferenceForKey (chiave);
6 Utilizzare eventi di attivazione al fine di evitare l'uso eccessivo di tempo di CPU o risorse di rete dal widget. Il codice seguente mostra come questo è fatto:
Se (window.widget) {
widget.hide = nascondere
ANDARE
widget.show = spettacolo
ANDARE
funzione di nascondere () {
if (TimeInterval == null) {
TimeInterval = setInterval (UpdateTime (true); ", 500)
ANDARE
}
}
Aggiungere altre funzioni per il codice come si preferisce.
7 Creare il file "Info.plist" per identificare un widget e risorse IT. Questo file varia su quanto dovrebbe contenere seconda del tipo di widget.