Dobrý den, habravchane-makovody!

Dnes se pokusíme přijít na základy vytváření widgetu Dashboard pro Mac OS X. Potřebujeme program Dashcode, který je uznávaný sám o sobě.

Trochu teorie na zadní straně. Dashboard Widget – speciálně navržená webová stránka, zabalená v balíčku se spoustou zdrojů. No, trohi servisní informace pro doplnění. Je zřejmé, že jazyk programování v JavaScriptu byl napaden. Pokud o tom již víte a také o HTML / CSS (pokud je nechcete potřebovat), pak ano již napsat jednoduchý widget. I kdyby ne, pak se neztrapni, moje matka je už jednoduchá a intuitivně srozumitelná, dá se s ní rychle mluvit. Prozradím, že čtenář JS ví čím dál méně. Samotný článek je vyhrazen pro nováčky, proto vás prosím, abyste neštěkali za "jednoduchý projev a podrobný popis elementárních projevů." Kromě toho, pro design, žádám vás, abyste neshturhat - no, já nejsem designér, ne designér! Cokoli chcete pravou rukou pomoci - vítej =)

Kvůli přehlednosti byly všechny výstupy (a také hotové widgety) zveřejněny na githubu, zveřejněny ve statistikách článku. Ale, nespěchej, jen je zavantazhuvat! Je lepší plýtvat trochas na hodinu, vyrůst, jako byste všechno vytvářeli sami.

Otzhe, pojďme na to. Jako meta pro experimenty jsem to pochopil, když jsem si vybral náš oblíbený habr. Budeme work-by-bit widget, který ukazuje karmu, hodnocení a pozici v hodnocení vybraného habrausera.


Takový widget (no, je to podobné) již vytvořil neoromantický habratocomrade již v roce 2007, ale nebyli to roboti, kdo byli posláni ke stažení, ale navíc tento článek nepomstil praktickou zvědavost na vytváření takových widgetů.

Vidíme vpravo Můžeme vidět nedolіki.

Vytvoříme prázdný projekt. Pro koho spusťte Dashcode a klikněte v požadovaném měsíci. Proces je triviální.

Co to děláme? Základní widget může být hlavní a doplňkový objekt (primárně přední a zadní v levém panelu). Jednak se používá v běžném režimu práce, druhá slouží k úpravě parametrů widgetu. Mezi nimi je možné přepínat výběrem nejvyšších bodů v seznamu komponentů levé ruky. Směle vidíme všechny názvy kromě tlačítek „info“ a „Hotovo“, neboť slouží k přepínání mezi hlavní a doplňkovou zemí. Dali se pro zjednodušení nazývá celá strana pasu widgetu.

Nyní na přední stranu našeho widgetu (bez řádku kódu!) hodíme potřebné komponenty: kopii zápisu. Pro kterou knihovnu komponent je otevřena - tlačítko Knihovna vpravo nahoře - je přetažením do widgetu komponenty typu "Text". Nyní můžete vidět Inspektora (takže tlačítko je v horách pravé) a k tomu nám můžete pomoci rozšířit se, barvy jsou pro náš widget tak akorát. Z tohoto důvodu vám pomůžeme porozumět názvům našeho psaní - pro snadný přístup ke kódu.

Vstupní pole je napsáno na titulní straně kina. No a další obrázek - pro krásu. A ve výsledku bereme přibližně následující:

No, to není špatné, naše GUI je již připraveno! Můžeme stisknout Cmd+R a kliknout na tlačítka (i) a Hotovo, čímž zbožňujeme efekt překlápění widgetu.

Jedno GUI nám ale nestačí, přejděme tedy k logice. Pro čtenáře pro leváky klikněte na tlačítko Zobrazit a vyberte jej ze seznamu Zdrojový kód, který vidíte. І již můžeme bachiti náš automaticky generovaný JavaScript-kód. Odvážně začínám jógu vládnout!

Závěr je významný pro „architekturu“ našeho widgetu. Použijeme časovač k vyžádání údajů o koristuvach, jejich analýze a zobrazení karmy a hodnocení na přední straně widgetu. Z tohoto důvodu globálně měním updateTimer na soubor main.js na cob, vytváříme funkce startTimer(msec) a stopTimer(), jako bychom s tímto časovačem pracovali. Vytvoříme také funkci updateStats(), jako by ji zavolal časovač.

Funkce startTimer(msec) ( updateTimer = setTimeout("updateStats()", msec); ) funkce stopTimer() ( clearTimeout(updateTimer); ) funkce updateStats() ( alert("Funguje!"); startTimer(upda )
Vložte volání startTimer(5000) do funkce show() pro spuštění časovače, když je widget zobrazen, a do funkce hide() zřejmě vložte stopTimer(), abyste ušetřili zdroje, pokud se widget nezobrazuje (Dashboard se nezobrazuje aktivní). Nyní můžeme spustit náš widget a spustit jej na konzole (Cmd+Alt+1) v části „Funguje to!“ kůže 5 sekund.

Ale, neříkej nám takový nesmysl, chceme získat karmu a hodnocení na časovači! Takže ve funkci updateStatus() nahraďte výstrahu a zpětné volání funkce execStatsRequest() (Habrovo API, aby se data o chybách dostávala častěji, alespoň jednou za čas, takže interval je zároveň větší) .

Nyní vpravo pro požadavky HTTP na Habrahabr API. Vytváříme nové funkce - execStatsRequest() a processStatsRequest(), které poslouží ke spuštění zpracování tohoto požadavku. Axis yak smrdí, podívej se na mě:
function execStatsRequest() ( if (userName().length > 0) ( var Url = "http://habrahabr.ru/api/profile/" + userName() + "/"; alert("User: " + userName () + "\nURL: " + Url); xmlHttp = new XMLHttpRequest(); xmlHttp.onreadystatechange = processStatsRequest; .send(); ) else ( resetStats(); ) ) funkce processStatsRequest() ( if (xmlHttp.readyState = = 4 && xmlHttp.status == 200) ( alert("xml je " + xmlHttp.responseXML); if ( xmlHttp.responseXML == null) ( resetStats(); ) else ( alert(xmlHttp.responseText); var error = xmlHttp.responseXML.getElementsByTagName("error"); if (error != null) ( alert("Došlo k nějaké chybě!"); resetStats(); setLogin("<" + userName() + " not found>"); return; ) var login = xmlHttp.responseXML.getElementsByTagName("login").firstChild.nodeValue; var karma = xmlHttp.responseXML.getElementsByTagName("karma").firstChild.node ("rating"). ;var position = xmlHttp.responseXML.getElementsByTagName("ratingPosition").firstChild.nodeValue; )
Zde vytvoříme požadavek na URL, vytvoříme objekt typu XMLHttpRequest a navíc si vyžádáme naše data metodou GET. Co je pozoruhodné, přinést vnutit násilím wіdpovіdі typu MIME "text/xml", více habra-apі zase chomus "text / html". A pro funkci processStatsRequest() jsme parimo otrimana v XML vodpovid. Zároveň jsme to obrátili na přítomnost milosti - a připomínáme vám o tse koristuvach.

Zde varto vіdvolіktisya vіd koda nalashtuvati vіdzhet sám - vám umožní cvičit se sítí. U toho v levém podokně přejděte dolů seznamem prvků a vyberte položku Atributy widgetu. Zde jednoduše zaškrtneme „Povolit síťový přístup“. Můžete také aktualizovat ID a verzi widgetu. Nyní pojďme ke kódu.

Funkce setLogin() , setKarma() a co s nimi zobrazí řádek, který je jim předán, v požadovaných polích přední strany. Pachy byly vytvořeny pro jasnost a vypadají stejně, z nějakého důvodu:

Funkce setLogin(login) ( document.getElementById("userName").innerText = přihlášení; )
Funkce resetStats() obnoví výchozí hodnoty pro všechna pole. A funkce setUserName() a userName() slouží jako obal nad polem pro zadání jména habrauseru na zadní straně widgetu:

Funkce userName() ( return document.getElementById("nameEdit").value; ) funkce setUserName(name) ( document.getElementById("nameEdit").value = name; )
Widget může být připraven. Proč mayzhe? Takže se musíme postarat o provádění im'ya koristuvach. Pro které napíšeme funkce loadPrefs() a savePrefs().

Var preferenceKey = "habraUserName"; function loadPrefs() ( var name = widget.preferenceForKey(widget.identifikátor + "-" + preferenceKey); alert(widget.identifier + "-" + preferenceKey); alert("název z předvoleb: " + název); if ( name != null) setUserName(name); ) function savePrefs() ( widget.setPreferenceForKey(userName(), widget.identifier + "-" + preferenceKey); )
Tyto funkce nemusí být klikatelné, dokud se nezobrazí funkce show() a hide(). Přizpůsobení bude jedinečné pro widget vzhledu, který vám umožní přidat widgety na Dashboard s informacemi o tolika, kolik chcete.

No, teď je to určitě widget připravený vyhrát. Ale, neexistuje žádná inter-dokonalost! Nyní je náš widget lokalizován pro mateřskou ruskou a anglickou verzi. Můžete také pracovat (jako domácí úkol) lokalizaci ve francouzštině a japonštině.

Pojďme na naši přední stranu, křičí inspektor. Nyní jej podle naší vize zapíšeme do sekce Lokalizace inspektoru, v poli Hodnota se nastaví s hodnotou anglického jazyka. Von, ymovіrno, zbіgatimutsya z vstanovlennymi pole Key. Tyto hodnoty budou přidány do výchozí (anglické) lokalizace, jak lze nalézt v souboru en.lproj/localizedStrings.js .

Nyní dodamo ruská lokalizace. Přechodem na Atributy widgetu a v sekci Lokalizace můžete přidat (do levého seznamu) ruský jazyk. Vyberte jej a nyní můžete zadávat lokalizované řádky do pravého seznamu.


Hodnoty budou samozřejmě registrovány v ru.lproj/localizedStrings.js.

Vlasne, axis a vše může spustit náš widget a smilovat se nad svou (nebo něčí) karmou! Chcete-li nainstalovat widget do řídicího panelu, musíte v levém panelu vybrat Spustit a sdílet a vybrat Uložit na disk nebo Nasadit na řídicí panel – v závislosti na našich potřebách.

Pokud si chcete stáhnout hotový widget, jste vítáni.

Spousta mistrů počítačů Mac potřebuje respektovat k uctivějším krokům – navíc nejen navenek, ale i „vnitřně“. Na to nestačí standardní "Monitorování systému": instalují 3-4 programy třetích stran a sledují více parametrů pro jejich pomoc. Běda, co když se všechno objeví přímo v centru Macovy vzpomínky, což je také ze skvělé vizuální implementace?

І takový widget. Vin se na Macu objevil minulý měsíc a jmenuje se MONIT. Jméno, co říct, co se děje? Vіn čerpá informace o neosobních indikacích - množství, dostupnost procesoru nebo operační paměti, zobrazuje údaje o souvislosti mezi počtem volných míst a stahování a mnoho dalšího.

Po stisknutí požadovaného parametru budete vyzváni k nahlášení informace o novém.

Program je efektivně chytrý a banální – chtěli vědět, chtěli znát procesor, zapnuli centrum podpory – a vy vidíte všechno! Ale největší plus je cena. MONIT rozpovsyudzhuetsya zcela zdarma, zavantazhity lze provést s nižšími náklady.

Název: MONITOVAT
Prohlížeč/prodejce: Společnost Tildeslash Norge Ltd
Cena: Zdarma
Očekávané nákupy: Ahoj
Moudrost: OS X 10.11 a další
Žádost:

Podle mého názoru více vіdzhetіv marnі. Ale přesto může být dobrý widget ještě zábavnější a vtipnější. :)

Snažil jsem se vybrat ty nejlepší widgety pro úžasný Mac. Digitální widgety vám pomohou získat maximální výstup z vašeho počítače Mac. Je zřejmé, že zde nejsou zahrnuty všechny oblíbené položky, takže pokud vás zajímá, co to je, co lze do tohoto seznamu přidat, řekněte mi o tom v komentářích!

Účelem widgetu je podívat se na všechny informace o těch, kteří jsou současně připojeni k vašemu Macu. S touto nápovědou můžete kontrolovat variace vašeho CPU a RAM, volné místo na pevném disku, stav systému a rychlost systému, vnitřní teplotu, rychlost ventilátoru, nabití baterie, tok procesu a spoustu dalších věcí. S velkou chutí bylo také rozděleno rozhraní widgetu.

iTunes automaticky vyzvednou obaly vašich skladeb, pokud máte existující nahrávku iTunes. Tento widzhet bude banální Tim, který nemá takový formální záznam. K vybraným skladbám na iTunes rychle vybereme obaly skladeb ze skvělé databáze Amazonu.

Pomocí tohoto widgetu je snadné odebrat texty vašich oblíbených skladeb. Vše, co musíte udělat, je vytvořit skladbu v iTunes a spustit Dashboard. Texty písně se automaticky zobrazí na widgetu a zkopírují se přímo do iTunes. Texty k nejdůležitějším populárním písním.

V systému Mac OS X je nemožné zapamatovat si všechny klávesové zkratky. :lol: Takže pokud potřebujete klávesovou zkratku pro rychlý přístup, widget xCuts je ten, který potřebujete. Widget zruchny tim, scho si můžete prohlédnout klávesové zkratky pro kategorie a shukati їх v databázi.

Time Machine je zázračná funkce, protože byla představena v Mac OS X 10.5 Leopard, program nedává reportovatelné informace o těch, kteří se zdají být pravdiví. Dobrá matka tři další informace o robotovi Time Machine. :) Tento widget zobrazuje systémové protokoly, které se po zálohování skinu změní, ukazující, zda proces zálohování probíhá nebo zda již byl dokončen.

Pokud stále hledáte nové widgety, pak je pro vás widget ideální. Zobrazuje 20 zbývajících widgetů na webu Apple.

Pro tiché, kdo potřebuje b o pouze bezpečnost, hádání hesel na základě jednoduchých slov - "technologický hřích" :). Ten smrad se dá jednoduše hacknout, po čemž bude například váš účet přístupný hackerům. iPassword vám pomůže toto heslo změnit pomocí abecedního generování písmen a číslic, takže můžete hádat například jako heslo pro vaše cloudové záznamy na internetu.

Někteří lidé možná vědí, ale nemusí vědět, že Apple Store pravidelně hostí bezplatné odbavení, jak smrdí, jak zpívat písničky na Macu: vytváření domácích videí v písničkách iMovie nebo GarageBand atd. Tento widget umístí seznam možných záznamů do nejbližšího Apple Storu, abyste věděli, zda obchod vidíte, a povzbudí ty, kteří na vás kliknou.

Výběr vánočních gobelínů letos vyšel bez výjimky. Nejprve letos před katolickou Rіzdvou: Ruští katolíci (nebo tiší, kdo chce být v Rusku moudrý) zpívá. A jinak, nadcházející pátek nebude mít prakticky každý čas na gobelíny. 🙂 No a zatřetí, na novou náladu je potřeba se předem naladit, aby s prvním zazvoněním kelihiv se šampaňským v hlavě bylo méně než rádiových myšlenek a nadějí na lepší.

Widget bez ovládacího panelu, který umožňuje vytvářet různé seznamy referencí. Zavdyaki іntegraciї z iCal i Apple Mail zbiraє všechny nebhіdnu pro koristuvacha іnformatsiyu na jednom místě. DoBeDo umí přijmout jednoduchý design a změnit téma.

Widget neznám, ale program je přímo propojen z Dashboardu. Vpravo je to, že Dasher vše přiřadí jedné jednoduché funkci a sám automaticky zobrazí Dashboard po jediném časovém období. Je to pohodlnější, i když jsou informace z widgetů banální, ale sami o sobě na Dashboard prostě zapomenete.

Stala se nejdůležitější verzí v řadě desktopových operačních systémů společnosti Apple. Platforma pokračuje přímo vpřed, což bylo nastaveno uvedením aktuálního OS X Mavericks, prosazuje ještě jasnější design a ještě více funkcí, inspirovaných iOS.

Rok, který pokračuje v tradici aktualizace, OS X Yosemitské informační centrum, které bylo rozšířeno o režim „Looking Today“ pro kalendář, věštění, počasí, promo akce a společenské akce. Pomocí této funkce lze zadní panel snadno rozšířit o widgety, které jsou přístupné z Mac App Store. Do této chvíle prodejci propagovali desítky modrých widgetů pro OS X. MacDigger propagoval nejlepší řešení pro využití kořenové funkce nového operačního systému Apple.

wunderlist

Dodávky

Pro pomoc Dodávky můžete ručně zkontrolovat zásilku. Vše, co někdo potřebuje, je spustit program a zadat sledovací číslo (číslo rady). Sledování je přitom přiřazeno co nejvíce prakticky pro jakýkoli způsob přesilovky. Widget dokáže zpracovat zásilky všech hlavních kurýrních služeb.

letecká pošta

Airmail je inovativní poštovní klient, který podporuje služby Gmail, Google Apps, iCloud, Yahoo!, AOL a IMAP. Trial Hour je v beta testování a je nedávno k dispozici ke stažení z Mac App Store. Těsně předtím, než byl vytvořen design Airmail, byli prodejci nacpáni oficiálním twitterovým klientem pro Mac.

PCalc

PCalc je chytrá kalkulačka pro Mac, která vám umožňuje přidat widget do centra výstrah. Poednuє v sobі vyvagi zvichaynogo (sledovnі kolіdovnі, shvidke vykonannya z klavіatura) ta kalkulačka, která vvazhaє virazi. Program má originální, moderní vzhled, rozhraní, které lze znovu konfigurovat, a různé typy designu. K dispozici verze pro iOS.

iStat Mini

iStat Mini je jednoduchý a praktický widget pro Informační centrum. Malý minipřídavek umožňuje v reálném čase řídit vytížení procesoru, operační paměť a akumulaci šířky pásma budovy. Všechna data lze vidět ručně před panelem OS před koláčovými grafy.

Monity

Monity - verze iStat Mini je protlačena. Umožňuje ovládat procesor, paměť, baterii, diskové úložiště, hodinu nepřetržitého provozu počítače a další systémové parametry. Widget zobrazuje systémové statistiky v bílém panelu, což šetří místo na ploše a vypadá stručně a esteticky.

fotodesk

PhotoDesk pro Instagram vám dává příležitost kontrolovat, zaznamenávat novinky a aktualizace, pořizovat snímky a videa a přidávat a pořizovat fotografie a videa ze sociálních médií. Obsah můžete uchopit pro další přetažení. Můžete si vybrat uložení více fotografií do alb nebo nastavit automatickou synchronizaci obrázků ve vybrané složce. Widget umožňuje prohlížet si řadu fotografií s počtem lajků a datem zveřejnění.

Kronika

Pro pomoc kroniky je třeba vést zjevení vitrátů. Program se může stát skvělým pomocníkem. Nezapomeňte zaplatit za rahunkami a vědět, zda, kolik a za co jste zaplatili. Synchronizace s verzí programu pro iPhone a iPad.

Tiskárny