Kuidas luua Widget

vidina Arhitektuur digitaalne pilt Peter palkab Pilte Fotolia.com

vidinad on eraldiseisvad rakendused, mida tavaliselt võib leida varjatud kolmanda osapoole saidid, nagu kellad, Enampakkumise-osakelennättimet, juhul edetabelid jms vidinad onSeega mini rakendused, mida on lihtne kasutada, kiire arendada ja kasutada võimendada kõrgtehnoloogiat, lisades funktsioone olemasolevate rakenduste.Kui saate luua veebilehe, siis sa tead, kuidas luua ja juurutada vidina kuna nad kasutavad sama tehnoloogiat JavaScript, DHTML ja CSS.Vidinad võivad olla kas tarvik, taotluse või teabe vidinaid.Accessory vidinad on iseseisvad, et käivitada sõltumatu Interneti või taotluse.Application vidinad on seotud täieõiguslik koos taotlusega samas info vidinad töötama Internet andmeid.

arhitektuur

  1. Fire up tekstiredaktor ja luua HTML faili.HTML fail peaks järgima XHTML 1.0 standard ja eespool täitmiseks praegune Web standard parimaid tavasid.Lihtne XHTML kood näeb välja selline:

    & lt; html xmlns = "http://www.

    w3.org/1999/xhtml”>
    & lt; head & gt;
    & lt; title & gt; vidinad & lt; / title & gt;
    & lt; / head & gt;
    & lt; body taust = "picture.png" & gt;
    & lt; h1 & gt;Tere tulemast Widget World & lt; / h1 & gt;
    & lt; / body & gt;
    & lt; / html & gt;

  2. kasutamine & lt; lõuendil & gt;tag täis- 2D visualiseerimine Vidina kui vaja.NN "komposiit" atribuut on veel lisaks & lt; img & gt;tag, mis võimaldab ühe täpsustada, kuidas pilt ("picture.png") on osutanud.

  3. kasutamine Kaskaadlaadistik (CSS) stiilis vidin, nii et see näitab ühtlaselt kõikides brauseritega.Osa CSS faili võiks sisaldada järgmisi stiil:

    & lt; style & gt;
    .widgetText {

    kirjas: 20px "Comic Sans"
    GO
    font-weight: bold
    GO
    värv: valge
    GO
    seisukoha: absoluutne
    GO
    top: 30 px
    jäänud: 30 px;
    }

    & lt; / style & gt;

  4. Koht eespool faili eraldi faili.Selle näite puhul oleme salvestanud faili "widget.css." Viide toimikule, kasutades "import" avalduse peamine html faili nagu näha:
    & lt; head & gt;
    & lt; style & gt;
    import "widget.css"
    GO
    & lt; / style & gt;

lisamine Dünaamika

  1. Kasuta "vidin" eesmärgiks on pakkuda lisanud võime.Näiteks selleks, et pääseda oma eelistusi korral kasutada järgmist rida koodi:

    widget.setPreferenceForKey (eelistus, võti)
    GO
    widget.preferenceForKey (võti);

  2. kasutamine aktiveerimistel vältida ülemäärast kasutamist CPU aega või võrgu ressursse vidina.Kood näitab, kuidas seda tehakse:

    Kui (window.widget) {
    widget.hide = peita
    GO
    widget.show = näidata
    GO

    funktsiooni peida () {
    kui (timeInterval == null) {
    timeInterval = setInterval (updateTime (true); ", 500)
    GO
    }
    }

    Lisa muid funktsioone koodi kui soovite.

  3. Loo "Info.plist" faili tuvastada vidina ja see ressursse.See fail erinev sellest, mida peaks sisaldama sõltuvalt vidina.

Tips & amp;Hoiatused

  • Kooskõlas Web tehnoloogia kasutab, widget dünaamika on esitatud kasutades JavaScript.See võimaldab vidina juurdepääsu kasutaja eelistuste süsteemi, flip vidinad juurdepääsu eelistuste avada muid rakendusi vastata veebilehe sündmuste ja käivitada süsteemi käsud command-line tööriistad ja shelliskriptides.

Resources

  • Widgetbox: Tee vidin oma sisu
222
0
2
Programmeerimine Keeled