Podpora

Open search

Watchmaker - Vyrobte si svůj vlastní ciferník

Superuser I
Superuser I

Pokud vlastníte chytré hodinky Gear S3 nebo Galaxy Watch, možná vás napadlo, že byste si mohli vyrobit vlastní ciferník. Samsung nabízí přímo aplikaci pro vytváření ciferníků, jenže ta je poměrně komplikovaná a co vadí hlavně mne, nenabízí možnosti jak udělat něco "navíc".

Naštěstí jsou tu alternativy, dnes si povíme něco o aplikaci Watchmaker.

Watchmaker se skládá ze dvou aplikací, jedna se instaluje do telefonu a druhá do hodinek. V telefonu je editor ciferníků a v hodinkách je vlastně univerzální ciferník, který je schopný zobrazit to, co v telefonní aplikaci vytvoříte.

Instalace

Jdeme na stránku s aplikací a nainstalujeme běžným způsobem. Potom aplikaci spustíme a projdeme průvodcem při prvním spuštění:

 

Screenshot_20190129-052912_Google Play Store.jpgPlayScreenshot_20190129-053006_WatchMaker.jpgNextScreenshot_20190129-053024_WatchMaker.jpgVyberte hodinkyScreenshot_20190129-053029_WatchMaker.jpgPodpůrná aplikaceScreenshot_20190129-053039_Samsung Internet.jpgPřes Galaxy AppsScreenshot_20190129-053046_Galaxy Apps.jpgInstalovatScreenshot_20190129-053136_Galaxy Apps.jpgPřenos do hodinekScreenshot_20190129-053216_Galaxy Apps.jpgStiskněte "použít"Screenshot_20190129-053249_Package installer.jpgPovolte přístup

  1. Jděte na Play a nainstalujte Watchmaker
  2. Po spuštění se zobrazí uvítací obrazovka, klikněte na Next
  3. Nyní vyberete vaše hodinky. Jak vidíte, podporováno je jich opravdu hodně.
  4. Teď je třeba nainstalovat doprovodnou aplikaci do hodinek, jedná se vlastně o programovatelný ciferník.
  5. Budete přesměrováni na Galaxy Apps.
  6. Zde kliknete na Instalovat.
  7. Aplikace se sama přenese do hodinek.
  8. Klikněte na "použít", tím se nastaví ciferník.
  9. Povolte přístup k úložišti.
  10. Zkontrolujte hodinky

Screen_20190129_053237.pngScreen_20190129_053241.png

20190129_062530x.jpg

 

Brrr... naštěstí se jedná jen o výchozí ciferník, který rychle změníme.

 

Vytváření ciferníku

Jdeme do aplikace na telefonu:

Screenshot_20190129-053257_WatchMaker.jpgPřepnout na editaciScreenshot_20190129-053305_WatchMaker.jpgVytvořit ciferníkScreenshot_20190129-053320_WatchMaker.jpgNew watchScreenshot_20190129-053326_WatchMaker.jpgA jsme tam

Screenshot_20190129-053427_WatchMaker.jpgInformace

  1. Stiskneme tlačítko vpravo dole, tím se dostaneme na vlastní ciferníky
  2. Vpravo nahoře je menu, stiskneme...
  3. Vybereme New watch
  4. Obrazovka s prázdným ciferníkem, stiskneme velké zelené tlačítko
  5. Nyní můžeme vyplnit informace o ciferníku

 

Stiskneme tlačítko "+", objeví se seznam prvků, které můžeme použít:

Screenshot_20190129-053432_WatchMaker.jpgScreenshot_20190129-053438_WatchMaker.jpgScreenshot_20190129-053447_WatchMaker.jpgScreenshot_20190129-053455_WatchMaker.jpgScreenshot_20190129-053503_WatchMaker.jpg

 

Vybereme hned na začátku "Numbers", pak znovu stiskneme "+" a vybereme "Hour + Minute markers"

Screenshot_20190129-053522_WatchMaker.jpgScreenshot_20190129-053527_WatchMaker.jpg

Vidíme, že se nám to hezky skládá vedle sebe, resp. nad sebe.

Kdo neznáte, jak fungují vrstvy (layers), tak si představte, že kreslíte na průhledné fólie a ty pokládáte na sebe. Pokud bychom vložili obrázek, překryl by všechno pod sebou. Proto musí být hlavní grafika ciferníku hned jako první vrstva, případně se využívá PNG s průhledností.

 

Nyní přidáme ručičky:

Screenshot_20190129-053533_WatchMaker.jpgVýběr ručičekScreenshot_20190129-053544_WatchMaker.jpgVlastnostiScreenshot_20190129-053551_WatchMaker.jpgRotaceScreenshot_20190129-053612_WatchMaker.jpgMinutováScreenshot_20190129-053619_WatchMaker.jpgSekundová

Mrkněte na vlastnosti ručiček. Vidíme, že mají přednastavenou vlastnost Rotation. Pokud jste zvědaví a kliknete na danou vlastnost, můžete prozkoumat, co všechno lze použít. V rotaci mají smysl jen přednastavené hodnoty pro hodiny, minuty a sekundy. Když opustíme editor, můžeme zkontrolovat, jak ciferník vypadá. Vidíme, že sekundová ručička skáče po celých sekundách. Pokud bychom chtěli, aby byl pohyb plynulý, změníme nastavení vlastnosti Rotation tak, že místo {drs} bude {drss}. Můžeme využít přednastavené hodnoty nebo to zapsat ručně, je to jedno. Nyní bude pohyb sekundové ručičky plynulý:

 

Screenshot_20190129-053650_WatchMaker.jpg

 

Další zajímavá vlastnost je Display. Ta určuje, jestli má být vrstva zobrazena jen při zapnutém displeji, jen při pohasnutém nebo vždy. Vidíme, že sekundová ručička se při pohasnutém displeji skryje. To proto, že Watchmaker neumí animovat, když je displej pohasnutý.

Screenshot_20190129-053714_WatchMaker.jpgScreenshot_20190129-053718_WatchMaker.jpg

 

Jsme patrioti, takže se chceme pochlubit naším členstvím v Samsung Community. Protože jsme ale líní patrioti a nechce se nám dělat s grafikou, použijeme jen text

Screenshot_20190129-053745_WatchMaker.jpgTextScreenshot_20190129-053754_WatchMaker.jpgZměna pozice a velikostiScreenshot_20190129-053759_WatchMaker.jpgEditace vrstevScreenshot_20190129-053810_WatchMaker.jpgPřesun

Stiskneme "+", vybereme Text a vepíšeme "Samsung Community". OK, jenže text je teď uprostřed a moc velký! Sjedeme tedy trochu dolů ve vlastnostech a změníme velikost textu na 30. Nyní můžeme buď změnou hodnoty Position X a Y nebo prostě tažením posunout text, kam chceme.

Jenže je tu další komplikace - text se zobrazuje nad ručičkami! Podržíme tedy chvíli prst na příslušné ikoně vrstvy a po chvilce se u vrstev zobrazí křížky a ikonky se začnou třepat. Křížek slouží k odstranění vrstvy, ale to teď nechceme. My podržíme prst na vrstvě s textem, dokud se nezobrazí menu "Duplicate layer". To ignorujeme (hodí se, když vytváříme více podobných prvků), ale nyní můžeme s vrstvou hýbat. Posuneme ji doleva, tím se dostane pod ručičky. A hned to vypadá přirozeněji.

 

Máme hodinky s ručičkami. Co si budeme nalhávat, tímto nikoho neoslníme. Jsou to přece chytré hodinky, takže by mohly zobrazit třeba informaci o počasí a stavu baterie, ne?

 

Screenshot_20190129-053822_WatchMaker.jpgScreenshot_20190129-053827_WatchMaker.jpgScreenshot_20190129-053852_WatchMaker.jpgScreenshot_20190129-053857_WatchMaker.jpg

Stiskneme opět "+", vybereme Weather, zde je k dispozici několik sad ikon. Vybereme nějakou sadu a zobrazí se velká ikona počasí. Opět ji zmenšíme a odsuneme na lepší pozici. To samé provedeme s ikonou baterie. Zde si můžeme vybrat, jestli chceme zobrazit informaci o baterii v hodinkách nebo v telefonu. Jen pozor, protože jsme na telefonu, obě hodnoty budou v editoru stejné!

 

Možná by to chtělo ještě informaci o teplotě...

Screenshot_20190129-053914_WatchMaker.jpgTextScreenshot_20190129-053929_WatchMaker.jpgNěco zapíšemeScreenshot_20190129-053936_WatchMaker.jpgTohle ale není teplotaScreenshot_20190129-053942_WatchMaker.jpgCurrent temperatureScreenshot_20190129-053955_WatchMaker.jpgKde je?Screenshot_20190129-054008_WatchMaker.jpgPořád nic?Screenshot_20190129-054013_WatchMaker.jpgNastaveníScreenshot_20190129-054017_WatchMaker.jpgWeaherScreenshot_20190129-054021_WatchMaker.jpgGPSScreenshot_20190129-054030_WatchMaker.jpgOpenWeatherMapScreenshot_20190129-054052_WatchMaker.jpgNáhledScreenshot_20190129-054113_WatchMaker.jpgDoladíme

  1. Přidáme textové pole
  2. Vepíšeme cokoliv. Pozn.: nepřišel jsem na to, jak napřímo vyvolat editor proměnných, proto takhle složitě.
  3. V editoru jdeme na vlastnost Text
  4. A vybereme v sekci Weather položku Current Temperature {wt}
  5. Jenže se zobrazí prázdný prvek!
  6. Opustíme editor
  7. Jdeme do nastavení (Settings)
  8. Zde vybereme Weather, zobrazí se nabídka, jestli chceme použít ruční nastavení polohy nebo podle GPS
  9. Pak ještě změníme poskytovatele počasí. To proto, že v sobě psaní článku Yahoo zrovna nefunguje.
  10. Jdeme na náhled ciferníku a vida, už tam je číslo!
  11. Protože samotné číslo je ošklivé, doplníme jednotky.

Screenshot_20190129-054137_WatchMaker.jpgNáhled pohasnutí

Nyní bychom mohli zkontrolovat, jak vypadá ciferník, když displej pohasne. Vidíme, že všechno ztmavlo a zmizela sekundová ručička.

 

Ještě bychom mohli chtít vědět, kolikátého dnes je:

 

Screenshot_20190129-054221_WatchMaker.jpgScreenshot_20190129-054228_WatchMaker.jpg

Přidáme datum, už nás nepřekvapí, že je nad ručičkami a zkušeně ho přesuneme, kam patří.

Takový datum, to je fajn věc, ale co kdyby byl ještě užitečnější?

Jdeme do vlastností a najdeme úplně dole Tap action a zvolíme Watch: Agenda

Screenshot_20190129-054231_WatchMaker.jpg

Teď je už nejvyšší čas si ciferník vyzkoušet na hodinkách. Opustíme editor a stiskneme velké zelené tlačítko. Hodinky by měly zavibrovat a zobrazí se animace. Úžasné! Když nyní klikneme na datum, měl by se zobrazit kalendář.

x20190129_054328.jpgx20190129_072008.jpg

 

 

Pojďme si hrát dál. Ikona baterie je nudně bílá, změňme ji na červenou pomocí vlastnosti Tint:

Screenshot_20190129-054414_WatchMaker.jpg

 

Červená je méně nudná, ale ta barva by mohla něco vypovídat. Třeba úroveň nabití.

Jdeme opět na vlastnost Tint, klikneme na text s hexadecimálním vyjádřením barvy a zadáme následující:

 

{bl} > 95 and 'ffffff' or 'ff0000'

 

Tím říkáme: pokud je splněna podmínka, že úroveň nabití je nad 95%, použij první hodnotu, jinak použij druhou.

Screenshot_20190129-054550_WatchMaker.jpgScreenshot_20190129-054600_WatchMaker.jpgScreenshot_20190129-054604_WatchMaker.jpg

Vzhledem k tomu, že úroveň nabití byla "jen" 91%, je baterie červená. Můžete zkusit použít jiné hraniční hodnoty, abyste viděli, že to opravdu funguje.

Dvě barvy jsou pořád nuda....

{bl} > 85 and '00ff00' or {bl} > 30 and 'ffffff' or 'ff0000'

 

Když je baterie nad 85%, použij zelenou (RGB), pokud ne, ale je nad 30%, použij bílou, jinak červenou. Takže 0-30% bude červená, 31-85% bílá a nad 85% zelená.

 

Screenshot_20190129-054740_WatchMaker.jpgScreenshot_20190129-054807_WatchMaker.jpg

 

Ikona počasí, kterou jsme vytvořili, by také něco mohla dělat, třeba zobrazit detailní předpověď. Jdeme na ikonu počasí, vlastnosti, Tap action - no jo, ale počasí tam není! Vybereme tedy Watch: Select application a tam najdeme Počasí.

Screenshot_20190129-054824_WatchMaker.jpgScreenshot_20190129-054836_WatchMaker.jpgScreenshot_20190129-054849_WatchMaker.jpg

Nyní se po kliknutí na ikonu počasí spustí předinstalovaná aplikace s předpovědí počasí.

 

Skripty

Co kdybychom strašně moc chtěli, aby se barva s aktuální teplotou měnila, když na ni klikneme? (Věřím, že barvu na základě teploty určitě už zvládnete sami.)

 

Teď to začne být malinko složitější. Opustíme editor a hned se do něho zase vrátíme (nepřišel jsem na jinou metodu, jak zobrazit hlavní obrazovku ciferníku). Sjedeme dolů a vybereme Script a zde napíšeme jednoduchý řádek:

var_mode = 1

 

Screenshot_20190129-054957_WatchMaker.jpgScreenshot_20190129-073632_WatchMaker.jpg

 

Tím jsme vytvořili proměnnou, která říká, jaký mód zrovna používáme. Výchozí bude 1.

Půjdeme na textovou vrstvu s teplotou a změníme vlastnost Color:

var_mode == 1 and '00ff00' or 'ff0000'

Tím říkáme: pokud je var_mode rovno jedné, použij zelenou barvu, jinak červenou.

Teď musíme zařídit, aby se hodnota var_mode měnila, když klikneme na teplotu. Jdeme do vlastnosti Tap action, a vybereme Run Script:

Screenshot_20190129-055021_WatchMaker.jpgScreenshot_20190129-055025_WatchMaker.jpgScreenshot_20190129-055107_WatchMaker.jpg

 

příkaz pro skript je:

var_mode = var_mode == 1 and 2 or 1

 

Tím říkáme, že pokud je mód 1, má se změnit na 2, jinak na 1. To zajistí, že se budou neustále tyto dvě hodnoty střídat.

Teď můžeme vyzkoušet, že se opravdu barva textu s teplotou mění, když na ni klikneme.

 

To by pro začátek asi stačilo, pokud bude zájem a síla, povíme si příště něco víc o skriptech. Např. jak zařídit, aby se něco dělo každou sekundu nebo jak zobrazit informaci, kdo má dnes zrovna svátek.

6 Poznámky
Superuser I
Superuser I

Skvělá práce, tohle tu opravdu chybělo. Myslím, že většina uživatelů hodinek občas zatouží vytvořit si svůj ciferník přesně na míru. Ať už kvůli vzhledu, tak hlavně kvůli funkcím, které chce mít na dosah ruky.

Superuser I
Superuser I

Zapomněl jsem zmínit, že velký výběr ciferníků je k dispozici třeba tady: https://facerepo.com/app/

Apprentice

To je super, ze si muzete prakticky vyrobit hodinky po svem. Design maji luxusni a s tim co bude vevnitr jsem mel casto problem si vybrat.

Superuser I
Superuser I

Popravdě, já mám raději jednoduché. Častý problém ciferníků je, že jsou hezké, ale mám potíže najít na nich, kolik je hodin

Superuser I
Superuser I

Mně se třeba líbí skoro všechny, ale jejich stahování a natož vytváření vlastních jsem vzdal. Používám jeden defaultní, kde mám vteřinovku i na AOD a víc nepotřebuji