Pentru Windows 7 întrebări și răspunsuri - dezvoltarea de gadget-uri pentru Windows 7 din bara laterală

anterior ◈ următoarea

În mod implicit, Windows 7 include furnizarea de gadget-uri care pot monitoriza prețul de stoc, afișa știri, vreme și alte fleacuri. Cu toate acestea, cele mai interesante pentru utilizator va fi acele aplicații care oferă informații extrem de specializate de interes pentru el și având o formă convenabilă pentru el (servicii web corporate sau individuale).

Gadget la locul de muncă, trebuie să vă înregistrați și de a obține o cheie API de la Flickr. Această cheie trebuie introdusă în al treilea rând al codului ShowMeLife.js de pornire.

Pentru Windows 7 întrebări și răspunsuri - dezvoltarea de gadget-uri pentru Windows 7 din bara laterală

Înainte de a începe scrierea de tine, să aruncăm o privire la lumea de dezvoltare gadget.

Imediat necesar să se precizeze că există trei tipuri diferite de gadget-uri (care pot crea unele confuzii): Ferestre gadget-uri live, gadgeturi Sidebar Vista / 7 și Windows gadgeturi SideShow. În acest articol, considerăm doar gadget-uri pentru bara laterală. Din păcate, API-ul acestor trei platforme de astăzi nu sunt compatibile, deși Microsoft spune că este de lucru pe ea. La momentul scrierii, gadget cross-platform necesită unele compromisuri și o planificare atentă. Să ne uităm pe scurt la începutul, în toate cele trei platforme.

Gadgeturile din bara laterală

Windows 7 vine la pachet cu un anumit set de gadget-uri, care poate fi extins cu ușurință cu ajutorul Windows Live Gallery sau secțiunea corespunzătoare a acestui site. Bara laterală care rulează local pe o mașină, are o serie de avantaje față de omologii lor web. De exemplu, aceste gadget-uri pot avea acces la unele dintre resursele de calcul locale.

Windows Live Gadgets

Windows Live Gadgets rulează într-un separat pe pagina în care sunt conduse. Acest lucru nu se aplică la site-uri Microsoft și cele ale partenerilor săi. Aceste gadget-uri nu au acces la live.com DOM sau cookie și funcționează pe baza unor setări de securitate mai complexe decât Gadgeturile din bara laterală.</p> <h2>gadgeturi SideShow</h2> <p>Spre deosebire de cele două platforme anterioare gadgeturi SideShow sunt dezvoltate în C ++. Aceste gadget-uri au propriile lor interfață de utilizator, dar platforma de transfer de date SideShow. Platforma, la rândul său, afișează informațiile de pe ecran. Până în prezent, aceste soluții hardware nu sunt multe și nu sunt foarte frecvente.</p> <p>Gadgetul este un fișier cu extensia .gadget. fișier .gadget este comprimat în ZIP sau CAB format de arhivă. Atunci când un utilizator deschide un fișier .gadget, bara laterală gadget va extrage resursele care sunt în interior.<br> fișier .gadget include:</p> <p>După extragerea fișierelor dintr-o arhivă, acestea sunt copiate în directorul home al utilizatorului. Calea completă la directorul cu gadget-uri -% USERPROFILE% \ AppData \ Local \ Microsoft \ Windows Sidebar \ Gadgets, în cazul în care% USERPROFILE% - directorul home al utilizatorului root, de exemplu, C: \ Users \ w7q.</p> <p>În cazul în care instalarea gadget este complet, acesta va apărea în galeria bara laterală. Utilizatorul va fi acum posibilitatea de a adăuga acest obiect gadget la desktop făcând dublu-clic sau trăgând-o cu mouse-ul. Ștergerea unui obiect gadget va elimina fișierele de pe disc. Ca dezvoltatori, putem scrie gadgetul direct în directorul corespunzător sau să utilizați instrumentul MSBuild, pentru a copia dosarul gadget în timpul asamblării. Să ne uităm la un gadget pe care o vom crea.</p> <p><div style="text-align:center;"><img src="https://images-on-off.com/scrieunblog/dmg/windows7vvoprosaxiotvetaxrazrabotkagadzh-b682e86f.jpg" title="Windows 7: Întrebări și răspunsuri - dezvoltarea de gadget-uri pentru Windows 7 panoul lateral (e)" alt="Pentru Windows 7 întrebări și răspunsuri - dezvoltarea de gadget-uri pentru Windows 7 din bara laterală" /></div><br> In acest articol vom face un gadget care va afișa pe ecran prezentarea de fotografii de la serviciul Flickr. Gadgetul va căuta fotografii pentru anumite cuvinte cheie. Vom face o interfață grafică pentru utilizator se poate defini cuvinte cheie. După Flickr returnează o listă de rezultate, gadget începe să afișeze imagini pe ecran unul câte unul.</p> <p>gadgetul nostru va consta din:</p> <ul> <li>Gadget.xml - obligatoriu descrierea fișierului;</li> <li>ShowMeLife.htm - marcarea pentru interfața;</li> <li>ShowMeLife.css - stiluri care sunt utilizate în interfața de utilizare;</li> <li>ShowMeLife.js - un script care se leagă la Flickr și actualizează interfața;</li> <li>Settings.htm, Settings.css și Setting.js - un set separat de fișiere cu caseta de dialog setări care permite utilizatorului să introducă termeni de căutare.</li> </ul> <p>Să observăm etichetele de bază în gadget.xml:<br> etichetă <name> Acesta descrie numele gadgetului. Utilizatorul va utiliza acest nume pentru a identifica gadgetul în panoul de control și galeria bara laterală.<br> etichetă <author> Acesta oferă informații despre creatorul gadgetului. În plus față de <info> aceasta poate include un element <icon> cu atributul src, indicând pictograma gadgetului.<br> etichetă <host> Este obligatoriu și determină locația pentru gadget. În acest caz, există doar un singur atribut corect «bara laterală».<br> etichetă <base> Acesta determină tipul de gadget. În cazul nostru, acest tip de «HTML». Atributul src specifică formatul de fișier HTML pe care trebuie să descarce bara laterală pentru a rula gadget.</p> <p>Gadget și script-ul<br><br> document.onreadystatechange = function ()<br> în cazul în care (document.readyState == "complet")<br><br> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8686842323494376" data-ad-slot="9763162049" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-8686842323494376" data-ad-slot="7692344576"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br> flickr = new Flickr ();<br> System.Gadget.settingsUI = "Settings.htm";<br> System.Gadget.onSettingsClosed = settingsClosed;<br> System.Gadget.onUndock = resizeGadget;<br> System.Gadget.onDock = resizeGadget;<br> showPhotos ();<br>><br>><br><br> Acesta este un handler eveniment care este declanșat atunci când gadgetul pentru a efectua o descărcare inițială. Este posibil să observați că suntem crearea unui obiect nou sub numele de Flickr, care este o clasă care este definită mai târziu în acest scenariu. Noi folosim, de asemenea, System.Gadget API (nu este un obiect, pe care îl definim ca un nou API pentru dezvoltatorii de gadget-uri).</p> <p>System.Gadget<br> API Gadgeturi ne permite să interacționeze cu mașina locală, shell-ul Windows și panoul lateral. De exemplu, System.Network.Wireless obiect permite verificarea intensitatea semnalului și conexiunea la rețeaua fără fir. Puteți utiliza System.Machine.Powerstatus obiect pentru a vedea puterea rămasă a bateriei. Funcțiile rămase pot fi găsite în documentația MSDN.</p> <p>Noi folosim System.Gadget obiecte pentru a „stabili un contact“ din bara laterală de gadgeturi. De exemplu, putem face setările de interfață de utilizator. Această interfață va apărea imediat ce utilizatorul face clic pe butonul mic de lângă gadget. fereastra de cod HTML cu setările stocate în fișierul Settings.htm și trebuie să ne asigurăm că link-ul System.Gadget.settingsUI la acest fișier așa cum se arată în Listing codul de mai sus. Putem regla, de asemenea, atașamentul față de panoul lateral (atunci când utilizatorul aduce gadgetul la bara laterală) și andocarea (atunci când utilizatorul elimină gadgetul din bara laterală). Am lega aceste evenimente folosind funcția resizeGadget.<br><br> Funcția resizeGadget ()<br> dacă (== System.Gadget.docked true)<br> mainBody.style.height = 130;<br> mainBody.style.width = 130;<br> photo.style.height = 128;<br> photo.style.width = 128;<br>><br> altfel<br> mainBody.style.height = 640;<br> mainBody.style.width = 640;<br> photo.style.height = 638;<br> photo.style.width = 638;<br>><br>><br><br> Aici vom folosi System.Gadget API, pentru a determina dacă gadget este în stare atașată, sau invers deconectat de la bara laterală. Lățimea ideală pentru gadget în starea atașată - 130 pixeli, astfel încât să putem ajusta lățimea și înălțimea cererii. În cazul în care gadgetul este deconectat de la panoul lateral, acesta poate fi crescut ușor, crescând astfel amploarea fotografiilor.</p> <p><link href=»Settings.css» rel=»stylesheet» type=»text/css» /><br> </head><br> <body><br> tag-uri:<br> <br /><br> <input name=»searchBox» type=»text» maxlength=»50″ /><br> </body><br> </html></p> <p>Deci, am identificat caseta de text pentru a introduce o interogare de căutare. Sidebar deja propria interfață de complement OK și Cancel butoane. Cod numai sarcini și stochează rezultatele.<br><br> document.onreadystatechange = function ()<br> în cazul în care (document.readyState == "complet")<br> var searchTags = System.Gadget.Settings.read ( "searchTags");<br> în cazul în care (searchTags! = "")<br> searchBox.value = searchTags;<br>><br>><br>></p> <p>System.Gadget.onSettingsClosing = funcție (eveniment)<br> if (event.closeAction == event.Action.commit)<br> var searchTags = searchBox.value;<br> dacă (searchTags! = «»)<br> System.Gadget.Settings.write ( «searchTags», searchTags);<br>><br> event.cancel = false;<br>><br>></p> <p><div style="text-align:center;"><img src="https://images-on-off.com/scrieunblog/dmg/windows7vvoprosaxiotvetaxrazrabotkagadzh-b69b922f.jpg" title="Windows 7: Întrebări și răspunsuri - dezvoltarea de gadget-uri pentru Windows 7 panourile laterale (lateral)" alt="Pentru Windows 7 întrebări și răspunsuri - dezvoltarea de gadget-uri pentru Windows 7 din bara laterală" /></div></p> <p>Aici puteți vedea cum obiect pe care il System.Gadget.Settings de citire și scriere. Aceste metode pot fi folosite pentru a salva și de a restabili simplu perechi nume-valoare în lucrările gadget. Este important de știut că aceste setări funcționează numai atunci când gadgetul este atașat la panoul lateral. Cu alte cuvinte, în cazul în care utilizatorul îndepărtează gadgetul din bara laterală, toate setările sunt resetate, iar data viitoare când utilizatorul se întoarce înapoi la gadgetului din bara laterală, toate setările revin la valorile implicite.</p> <p>Atunci când utilizatorul închide fereastra cu setările, gadgetul va fi capabil de a citi aceste setări cu ajutorul onSettingsClosed. Următorul cod este conținută în fișierul ShowMeLife.js.<br><br> Funcția settingsClosed (eveniment)<br> if (event.closeAction == event.Action.commit)<br> loadSettings ();<br>><br>></p> <p>loadSettings funcție ()<br> var searchTags = System.Gadget.Settings.read ( «searchTags»);<br> dacă (searchTags! = «»)<br> flickr.applySearchTags (searchTags);<br>><br>></p> <p>Alte caracteristici ale gadgetului<br> În plus față de System.Gadget API există alte câteva caracteristici. Ele sunt sub forma unor noi elemente HTML.</p> <ul> <li>g: fundal - definește Gadget imagine de fundal</li> <li>g: imagine - indică imaginea Gadget</li> <li>g: text - oferă posibilitatea de a manipula textul din gadget</li> </ul> <p>Aceste elemente oferă noi comportamente de scripting și proprietăți speciale pe care le putem utiliza în bara laterală. Narimer Element g: Imaginea poate utiliza un nou protocol (gImage). Protocolul gImage creează automat o miniatură a imaginii principale. De exemplu, dacă ne referim la imaginea folosind folosind src = »Kartinka.png“ Eu folosesc întreaga imagine complet. Dacă ne referim la imaginea folosind src = »gImage: apare ///Kartinka.png“ image miniayutra.</p> <p>Protocolul gImage poate fi utilizat numai pe mașina locală, adică, nu puteți încărca o imagine de pe un server de la distanță. Pentru informații complete despre aceste trei elemente pot fi explorate pe MSDN.</p> <p>ambalaj gadget<br> La etapa finală de dezvoltare, putem ambala toate fișierele de gadget noastre într-un fișier zip sau cabină. Apoi, aveți nevoie pentru a schimba extensia pe .gadget fișierul.<br> Așa cum am menționat mai devreme, aplicarea Bara laterală Windows va extrage automat .gadget conținutul fișierului în folderul cu gadget-uri de utilizator. De exemplu, pe mașina mea fișiere Dezarhivati folderul C: \ Users \ w7q \ AppData \ Local \ Microsoft \ Windows \ Perciuni gadgeturi. Puteți face, de asemenea, fără fișierul de instalare, și pur și simplu copiat în acest director fișierele.</p> <p>După toate aceste manipulări gadget ar trebui să fie afișate în galeria de bara laterală.</p> <p><div style="text-align:center;"><img src="https://images-on-off.com/scrieunblog/dmg/windows7vvoprosaxiotvetaxrazrabotkagadzh-fb6039da.jpg" title="Windows 7: Întrebări și răspunsuri - dezvoltarea de gadgeturi pentru bara laterală, Windows 7 (gadget-uri)" alt="Pentru Windows 7 întrebări și răspunsuri - dezvoltarea de gadget-uri pentru Windows 7 din bara laterală" /></div></p> <p>Gadget-uri și localizare<br> Dacă doriți să includeți în sprijinul dumneavoastră de localizare gadget, va trebui să creați subfoldere în arhiva care se potrivesc cu setările locale pentru Windows. De exemplu, en-US subfolder pot conține localizate pentru limba engleză SUA. Puteți lăsa fișiere non-localizate în directorul rădăcină.</p> <p>Gadgets și siguranță</p> <p>Acum, toți utilizatorii acordă o mare atenție siguranței în utilizarea diferitelor programe. Dacă vrem să extindem gadgetul nostru în rețea, trebuie să aibă grijă de securitate.</p> <p>Gadget-uri vor lucra în Explorer pe «Local mașină Zone». Această zonă nu apare în fila Internet Explorer Security, dar în realitate există ca o zonă de securitate implicită a cincea. Administratorii pot edita setările pentru această zonă, prin schimbarea de intrări de registry. Setările de securitate pentru toți utilizatorii computerului sunt în registru HKEY_LOCAL_MACHINE \ Software \ Microsoft \ Windows \ CurrentVersion \ Internet Settings \ Zone \ 0.</p> <p>În mod implicit, script-ul în zona de pe mașina locală poate crea controale ActiveX și date de încărcare locale în domenii diferite, dar gadget-uri nu se poate descărca și instala noi controale ActiveX. Gadget-uri, în orice caz, nu ar trebui să fie executată cu drepturi de administrator.</p> <p>gadget trebuie să utilizeze API-ul Windows Management și Instrumentation (WMI) pentru a avea acces la informații despre mașina locală. WMI - un instrument puternic și poate oferi informații detaliate despre dispozitivele și procesele de software. Cu Control cont utilizator obiect gadget nu poate fi utilizat la întregul API WMI din cauza restricțiilor legale.</p> <p>Gadgets - un mecanism minunat care poate furniza utilizatorului informațiile necesare prin intermediul aplicațiilor simple, care rulează în bara laterală Windows. Gadget-uri ușor de a crea, mai ales dacă sunteți familiarizați cu elementele de limbaj HTML și programare limbaj de scripting. Oportunități de gadget-uri sunt în continuă expansiune ca Microsoft îmbunătățește platforma pentru gadget-uri la.</p> <p>Și încă o dată, gadgetul rezultat poate fi descărcat de aici.</p> <p>Putem avea un loc de gadget Nod32</p> <br> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8686842323494376" data-ad-slot="8576168847" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-8686842323494376" data-ad-slot="9162386769"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br> </div> <div class="extra"> <div class="info"><a href="/articles/in-cazul-in-care-pentru-a-obtine-un-imprumut-in.html">anterior</a> ◈ <a href="/articles/metoda-electronic-balance.html">următoarea</a></div> <div class="clear"></div> </div> </article> </div> </div> </div> </div> <div id="sidebar" class="col-1-3"> <div class="wrap-col"> <div class="box"> <div class="heading"><h4 class="title">Meniu</h4></div> <div class="content"> <a href="/tags/manuale.html" class="tag-links" title="102" style="font-size: 11pt;">Manuale</a> <a href="/tags/windows.html" class="tag-links" title="100" style="font-size: 11pt;">Windows</a> <a href="/tags/abstract.html" class="tag-links" title="159" style="font-size: 13pt;">abstract</a> <a href="/tags/acasa.html" class="tag-links" title="554" style="font-size: 24pt;">acasă</a> <a href="/tags/care.html" class="tag-links" title="137" style="font-size: 12pt;">care</a> <a href="/tags/casa.html" class="tag-links" title="119" style="font-size: 11pt;">casa</a> <a href="/tags/cauze.html" class="tag-links" title="126" style="font-size: 12pt;">cauze</a> <a href="/tags/comentarii.html" class="tag-links" title="100" style="font-size: 11pt;">comentarii</a> <a href="/tags/copii.html" class="tag-links" title="218" style="font-size: 14pt;">copii</a> <a href="/tags/copil.html" class="tag-links" title="114" style="font-size: 11pt;">copil</a> <a href="/tags/curat.html" class="tag-links" title="98" style="font-size: 11pt;">curat</a> <a href="/tags/cuvinte.html" class="tag-links" title="109" style="font-size: 11pt;">cuvinte</a> <a href="/tags/caine.html" class="tag-links" title="118" style="font-size: 11pt;">câine</a> <a href="/tags/de-ce.html" class="tag-links" title="139" style="font-size: 12pt;">de ce</a> <a href="/tags/dieta.html" class="tag-links" title="99" style="font-size: 11pt;">dieta</a> <a href="/tags/dreapta.html" class="tag-links" title="191" style="font-size: 14pt;">dreapta</a> <a href="/tags/face.html" class="tag-links" title="243" style="font-size: 15pt;">face</a> <a href="/tags/fata.html" class="tag-links" title="115" style="font-size: 11pt;">fata</a> <a href="/tags/fotografie.html" class="tag-links" title="243" style="font-size: 15pt;">fotografie</a> <a href="/tags/fotografii.html" class="tag-links" title="168" style="font-size: 13pt;">fotografii</a> <a href="/tags/ghid.html" class="tag-links" title="190" style="font-size: 13pt;">ghid</a> <a href="/tags/gratuit.html" class="tag-links" title="195" style="font-size: 14pt;">gratuit</a> <a href="/tags/internet.html" class="tag-links" title="102" style="font-size: 11pt;">internet</a> <a href="/tags/lor.html" class="tag-links" title="89" style="font-size: 11pt;">lor</a> <a href="/tags/lui.html" class="tag-links" title="117" style="font-size: 11pt;">lui</a> <a href="/tags/masina.html" class="tag-links" title="121" style="font-size: 11pt;">masina</a> <a href="/tags/mediu.html" class="tag-links" title="340" style="font-size: 18pt;">mediu</a> <a href="/tags/maini.html" class="tag-links" title="207" style="font-size: 14pt;">mâini</a> <a href="/tags/mainile.html" class="tag-links" title="231" style="font-size: 15pt;">mâinile</a> <a href="/tags/nunta.html" class="tag-links" title="247" style="font-size: 15pt;">nunta</a> <a href="/tags/oameni.html" class="tag-links" title="115" style="font-size: 11pt;">oameni</a> <a href="/tags/om.html" class="tag-links" title="91" style="font-size: 11pt;">om</a> <a href="/tags/on-line.html" class="tag-links" title="105" style="font-size: 11pt;">on-line</a> <a href="/tags/pisici.html" class="tag-links" title="120" style="font-size: 11pt;">pisici</a> <a href="/tags/poate.html" class="tag-links" title="93" style="font-size: 11pt;">poate</a> <a href="/tags/prelegere-shkolopediya.html" class="tag-links" title="136" style="font-size: 12pt;">prelegere shkolopediya</a> <a href="/tags/par.html" class="tag-links" title="226" style="font-size: 15pt;">păr</a> <a href="/tags/retete.html" class="tag-links" title="145" style="font-size: 12pt;">rețete</a> <a href="/tags/sarcina.html" class="tag-links" title="102" style="font-size: 11pt;">sarcina</a> <a href="/tags/sfaturi.html" class="tag-links" title="131" style="font-size: 12pt;">sfaturi</a> <a href="/tags/simptome.html" class="tag-links" title="114" style="font-size: 11pt;">simptome</a> <a href="/tags/studopediya.html" class="tag-links" title="157" style="font-size: 13pt;">studopediya</a> <a href="/tags/tratament.html" class="tag-links" title="233" style="font-size: 15pt;">tratament</a> <a href="/tags/vopsea.html" class="tag-links" title="155" style="font-size: 12pt;">vopsea</a> </div> </div> <div class="box"> <div class="content"> <div class="box"> <div class="content"> <br> <br> <script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" async=""></script> <script> if(document.getElementsByTagName("body")[0].offsetWidth>=900) { document.write('<ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-8686842323494376" data-ad-slot="1432548440"></ins>'); }else{ document.write('<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8686842323494376" data-ad-slot="2447347631" data-ad-format="auto" data-full-width-responsive="true"></ins>'); } (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br> </script> </div> </div> </div> </div> <div class="box"> <div class="heading"><h4 class="title">Tag-uri articol</h4></div> <div class="content"> <a href="/tags/ferestre.html">ferestre</a>, <a href="/tags/gadgeturi-laterale.html">gadgeturi laterale</a>, <a href="/tags/panouri.html">panouri</a> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer pominodiko"> <div class="row"> <div class="col-1-1"> <div class="wrap-col"> <div class="box"> <div class="content"> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>Copyright © 2024</p> <script> new Image().src = "https://counter.yadro.ru/hit;scrieunblog?r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";h"+escape(document.title.substring(0,150))+ ";"+Math.random();</script> </div> </footer></div> </body> </html>