Miten luodaanWidget

widget Arkkitehtuuri digitaalisen kuvan Peter Hires Kuvia Fotolia.com

Widgetit ovat itsenäisiä sovelluksia, jotka voidaan yleensä löytyy upotettu kolmannen osapuolen sivustoista kuten kellojen, huutokauppa-osakelennättimet, tapahtuma laskureita jne Widgetit ovatNäin mini sovelluksia, jotka on helppo ottaa käyttöön, nopeasti kehittää ja käyttää hyödyntää edistyksellistä teknologiaa lisäämällä toimintoja olemassa oleviin sovelluksiin.Jos voit luoda Web-sivun, niin tiedät, miten luoda ja ottaa käyttöön widget koska ne käyttävät samaa tekniikkaa JavaScript, DHTML ja CSS.Widgetit voivat olla joko lisävaruste, sovellus tai tietoja widgettejä.Lisävaruste widgetit ovat itsenäisiä, jotka kulkevat riippumatta Internetin tai sovelluksen.Sovellus widgetit liittyy täysimittainen kanssa sovellus taas tiedot widgetit työskennellä Internet tiedot.

Arkkitehtuuri

  1. palo oman tekstieditori ja luoda HTML-tiedoston.HTML-tiedoston tulisi noudattaa XHTML 1.0 standardin ja edellä noudattamiseksi nykyisen Web sta

    ndardin parhaita käytäntöjä.Yksinkertainen XHTML koodi näyttää tältä:

    & lt; html xmlns = "http://www.w3.org/1999/xhtml”>
    & lt; head & gt;
    & lt; title & gt; Widgetit & lt; / title & gt;
    & lt; / head & gt;
    & lt; body tausta = "picture.png" & gt;
    & lt; h1 & gt;Tervetuloa Widget World & lt; / h1 & gt;
    & lt; / body & gt;
    & lt; / html & gt;

  2. Käytä & lt; kangas & gt;tag suorittaa täyden 2D-mallinnus varten vekotin tarvittaessa."Komposiitti" ominaisuus on toinen lisäksi & lt; img & gt;tag, jonka avulla yksi määritellä, kuinka kuva ("picture.png") on suoritettu.

  3. Käytä CSS (CSS) tyyli widget niin, että se näyttää tasaisesti kaikissa selaimissa.Osa CSS-tiedosto sisältäisi seuraavat tyyli:

    & lt; tyyli & gt;
    .widgetText {

    font: 20px "Comic Sans"
    GO
    font-weight: bold
    GO
    väri: valkoinen
    GO
    position: absolute
    GO
    alkuun: 30px
    vasen: 30px;
    }

    & lt; / tyyli & gt;

  4. Aseta edellä tiedosto erilliseen tiedostoon.Tässä esimerkissä olemme säästäneet tiedosto "widget.css." Viite tiedoston "tuonti" julkilausuman tärkeimmistä html-tiedosto, kuten on esitetty:
    & lt; head & gt;
    & lt; tyyli & gt;
    import "widget.css"
    GO
    & lt; / tyyli & gt;

lisääminen dynaamisuus

  1. Käytä "widget" tavoitteena on aikaansaada lisätty kyky.Esimerkiksi pääsyn käyttäjän asetukset, käytä seuraavaa koodiriviä:

    widget.setPreferenceForKey (parempana, avain)
    GO
    widget.preferenceForKey (avain);

  2. Käytä aktivointi tapahtumia välttää liiallinen käyttö CPU aikaa tai verkon resursseja vekotin.Alla oleva koodi näyttää, miten tämä tehdään:

    Jos (window.widget) {
    widget.hide = piilottaa
    GO
    widget.show = osoittavat
    GO

    toiminto piilota () {
    jos (timeInterval == null) {
    timeInterval = setInterval (updateTime (tosi), ", 500)
    GO
    }
    }

    Lisää muita toimintoja koodin haluat.

  3. Luo "Info.plist" tiedosto tunnistaa widget ja se resursseja.Tämä tiedosto vaihtelee siitä, mitä olisi sisällettävä riippuen widget.

Vinkkejä & amp;Varoitukset

  • Noudattaen Web teknologia käyttää, widget dynaamisuus tarjotaan JavaScriptin avulla.Tämä mahdollistaa widget käyttää käyttäjän mieltymysten järjestelmään, käännä widgettejä pääsyn asetuksia, avoin muita sovelluksia, vastata Web-sivun tapahtumia ja suorittaa komentoja kuten komentorivityökaluja ja komentoriviskriptejä.

Resurssit

  • Widgetbox: Tee Widget oman sisältö
172
0
2
Ohjelmointikieltä