Dokumentace / Obrazovky

Obrazovky

Návrh vlastních Obrazovek a přehled dostupných prvků.

CS

Obrazovky

Obrazovka je vlastní rozvržení pro ePaper. Sestavíte ji z textů, Hodnot, ikon, kalendáře a dalších prvků a server ji při převede na výsledný obrázek pro zařízení.

Nejkratší interval, kdy lze Obrazovku pro ePaper znovu vygenerovat, je 5 minut (kvůli rozložení zátěže na serveru + bývá doporučený jako nejkratší vhodný pro ePaper).

Základní nastavení obrazovky

Základní nastavení Obrazovky

Základní údaje

Název je vaše pojmenování Obrazovky v administraci a ve výběru zdroje obsahu. Pomocí Skupiny obrazovek ji můžete zařadit do některé z připravených skupin a zpřehlednit si tak vlastní seznam.

V poli Předvolba rozlišení (z vašich ePaperů) lze vybrat rozměry některého z vašich zařízení. Obě hodnoty se automaticky doplní do polí Rozlišení obrazovky. Vlastní šířku a výšku můžete zadat v rozsahu 40 až 8192 px a ikonami snadno přepnout orientaci.

Chcete-li Obrazovku vytvořit na výšku, například 300×400, a ePaper má nativní rozlišení 400×300, rozměry Obrazovky zde prohoďte. V nastavení samotného ePaperu vždy ponechte skutečné rozlišení displeje.

Výchozí font pro texty se automaticky použije při přidávání nových textových prvků. Font lze následně změnit i samostatně u každého prvku.

Volba Veřejná obrazovka zpřístupní Obrazovku ostatním uživatelům jako zdroj obsahu. Pokud zapnete Povolit ostatním kopírovat tuto obrazovku, mohou si ostatní vytvořit vlastní upravitelnou kopii; kopírovatelná Obrazovka se při uložení automaticky nastaví také jako veřejná. Mějte na paměti, že pokud si uživatel k sobě Obrazovku zkopíruje, tak se mu budou zobrazovat Vaše případné hodnoty, které jsou do obrazovky vložené. Bude si místo nich moct nastavit svoje, ale do té doby bude fungovat kvůli zobrazení propojení na ty vaše původní.

Nastavení obnovování

V poli Kdy obnovovat zvolte jeden ze způsobů:

  • Čas v rámci dne - jeden nebo více konkrétních časů ve formátu HH:MM oddělených čárkami.
  • Interval - pravidelný interval od 5 do 240 minut.
  • Rozvrh - tabulka s výchozím intervalem a hodinami 0 až 23, stejná jako Rozvrh obnovování u ePaperu. Pro každou hodinu lze ponechat výchozí hodnotu, nastavit jedno připojení v určitou část hodiny, zvolit opakovaný interval, nebo obnovování vypnout.

Krátký interval zvyšuje spotřebu baterie. Zvolte jej podle toho, jak často se mění data na Obrazovce a jak rychle je potřebujete zobrazit. Nastavení lze pro konkrétní zařízení přepsat Rozvrhem obnovování nebo Pokročilým rozvrhem.

Při úpravách Obrazovky se může ePaper kvůli rychlejšímu náhledu dočasně obnovovat po jedné minutě, nejdéle po dobu 5 minut od poslední úpravy.

Podkladový obrázek

Jako statický podklad lze nahrát soubor JPG, PNG, GIF nebo WebP, ideálně v přesném rozlišení Obrazovky. Existující podklad můžete optimalizovat pro konkrétní ePaper, nahradit nebo smazat.

Jakmile si vytvoříte rozložení obrazovky, se kterým budete spokojení, tak si ho můžete jako obrázek vložit do grafického programu v PC (zobrazenou Obrazovku uložit jako PNG do PC) a doplnit si na konkrétní místa ikony. Obrázek s rozmístěním prvků poté můžete vyexportovat bez původní vrstvy s obrazovkou a použít ho jako podkladový, takže k textu a hodnotám doplníte na patřičná místa grafiku.

V prémiovém režimu lze místo statického souboru vybrat Galerii fotek jako pozadí. Použít lze vlastní nebo veřejnou Galerii; její fotografie se vykreslí přes celou plochu a respektuje nastavení názvu fotografie. Nová fotografie se načítá nejdříve po 4 minutách. Režim zobrazení obrázku galerie určuje, zda se fotografie roztáhne, ořízne při vyplnění plochy, nebo se celá přizpůsobí a doplní okraji.

Vložit jinou Obrazovku

Po prvním uložení umožňuje prémiová funkce Vložit jinou Obrazovku použít jinou vlastní Obrazovku jako společnou šablonu. Vyberte Obrazovku pod svým účtem a určete Pořadí renderování:

  • nejdříve šablona a potom aktuální Obrazovka vykreslí šablonu pod aktuálním obsahem,
  • nejdříve aktuální Obrazovka a potom šablona vykreslí šablonu nad aktuálním obsahem.

Tímto způsobem lze na více Obrazovkách sdílet například společné pozadí, rámečky nebo prvky, které mají zůstávat stejné.

Tlačítka a gesta

Po prvním uložení se zobrazí prémiový panel Tlačítka a gesta. Slouží pro ePapery, jejichž firmware umí serveru nahlásit stisk tlačítka nebo gesto na dotykové vrstvě. Ke každé události zvolíte Obrazovku, na kterou se má ePaper přepnout, když k události dojde právě při zobrazení této Obrazovky. Události bez vybrané akce se ignorují.

Podporované události:

Skupina Volba ve formuláři Hodnota, kterou posílá firmware
Tlačítka Tlačítko 1 až Tlačítko 5 buttonPressed: 1 až 5
Gesta Swipe vlevo gesture: swipeLeft
Gesta Swipe vpravo gesture: swipeRight
Gesta Swipe nahoru gesture: swipeUp
Gesta Swipe dolů gesture: swipeDown
Gesta Dlouhý stisk (long press) gesture: longPress

Dotyk do konkrétního místa Obrazovky se nenastavuje tady, ale přímo v editoru widgetem Dotyk.

Jako cíl lze vybrat libovolnou vlastní Obrazovku, nebo volbu Výchozí obsah ePaperu (zrušit navigaci). Ta ePaper vrátí k obsahu, který má nastavený ve svém vlastním nastavení (včetně Pokročilého rozvrhu či Kalendářních pravidel).

Po přepnutí ePaper na nové Obrazovce zůstává i při dalších běžných probuzeních, dokud jiná událost nepřepne dál. Aby se zařízení „nezaseklo“ na detailu, nastavte u detailní Obrazovky Automatický návrat po zadaném počtu minut (0 = bez omezení). Návrat proběhne při nejbližším probuzení po uplynutí doby; server podle toho zkrátí i interval spánku. Aktivní přepnutí vidíte v detailu ePaperu nad výběrem zdroje obsahu, kde ho lze tlačítkem Zrušit navigaci ukončit ručně.

Události se vyhodnocují na Obrazovce, kterou ePaper podle serveru právě zobrazuje. Zdrojem obsahu ePaperu proto musí být Obrazovka - přímo, přes Rychlý start, Pokročilý rozvrh nebo Kalendářní pravidla. U Galerie, Playlistu, URL nebo Vlastních obrázků se tlačítka a gesta ignorují.

Přesný formát požadavku, který musí firmware odeslat, popisuje Komunikace se serverem.

Design obrazovky

Editor Obrazovky s náhledem a seznamem prvků

V editoru Obrazovky skládáte jednotlivé prvky na náhledu a jejich přesnou polohu určují souřadnice X a Y v pixelech. Prvky lze přesunovat myší, šipkami nebo přímou změnou souřadnic.

Výběr a úprava prvků

Při opětovném otevření editoru se prvky v seznamu řadí přibližně podle svého umístění: shora dolů a v rámci stejné řady zleva doprava. Snadněji tak najdete prvek, který chcete upravit.

Najeďte myší na prvek v náhledu nebo na jeho kartu v seznamu. Odpovídající prvek se zvýrazní červeným rámečkem i na druhém místě. Kliknutím prvek vyberete; potom jej můžete upravovat, přetahovat nebo posouvat klávesami.

Prvek můžete také dočasně skrýt kliknutím na jeho ikonu v řádku. Ikona zešedne a prvek z náhledu zmizí; snadno tak ověříte, který prvek právě upravujete.

Ikona skrytého prvku v seznamu

U rozsáhlejších Obrazovek můžete prvky zařadit do Složky. Seznam se tím zpřehlední a celé skupině lze nastavit podmínky, kdy se má zobrazit nebo skrýt.

Přetahování a zarovnání

Při přetahování myší nastavíte, po kolika pixelech mají prvky poskakovat. Menší krok se hodí pro jemné doladění, větší pro rychlé rozložení.

Nastavení kroku přetahování prvků

Při pohybu se prvek může přichytávat k pomyslným vodorovným a svislým liniím ostatních prvků. Usnadní to zarovnání bez ručního opisování souřadnic.

Volba zarovnávání prvků při přetahování

Pro přesnější rozmístění zapněte mřížku. Zobrazuje se po 10 px a každý padesátý řádek i sloupec je zvýrazněný.

Volba pro zobrazení mřížky v editoru

Volbou pro invertování prohodíte černou a bílou barvu náhledu. Hodí se pro rychlé ověření, zda je návrh čitelný i v opačném barevném provedení.

Volba pro invertování náhledu Obrazovky

Klávesové zkratky

Klávesové zkratky fungují jen pro vybraný prvek. Vyberte jej kliknutím na kartu v levém seznamu nebo přímo v náhledu Obrazovky. Pod náhledem se poté zobrazí panel dostupných zkratek.

Při psaní do formulářového pole v levém sloupci se zkratky nepoužijí.

Klávesa Akce
↑, ↓, ←, → Posun o 1 px
SHIFT + šipka Posun o 10 px zvoleným směrem
[, ] Změna vrstvy o 1
-, + Změna velikosti písma/ikony
Shift a - / + Změna velikosti písma nebo ikony po 5 pixelech či úrovních
Ctrl+D Duplikování prvku (duplikát se poté automaticky ihned vybere)
Backspace/Delete Smazání prvku (budete dotázáni, zda opravdu - stačí odklepnout enterem)

Změna velikosti funguje jen u prvků s nastavením velikosti textu nebo ikony, například u Textu, Proměnné, Hodnoty, Ikony či Kalendáře.

Obecné vlastnosti u vkládaných prvků

Ne všechny volby jsou dostupné u každého typu prvku. Jejich význam je stejný napříč editorem:

Vlastnost Význam
X, Y Poloha prvku na vodorovné a svislé ose v pixelech.
Zarovnání Určuje vztah k souřadnici X: vlevo začátek textu, uprostřed střed a vpravo konec textu.
Font, Velikost, Písmena Styl písma, jeho výška v pixelech a úprava velikosti písmen.
Barva Barva podporovaná ePaperem. Nepodporovaná barva se může zobrazit tmavě nebo vůbec.
Vrstva Pořadí vykreslení. Pro bílý text v černém obdélníku nastavte obdélníku nižší vrstvu než textu.
Prefix, Suffix Text před nebo za hodnotou či proměnnou, například jednotka m/s. Pozicuje se společně s celým prvkem.
Obrys, Barva obrysu Obrys písma pro lepší čitelnost nad obrázkovým pozadím.
Rotace Natočení prvku o zadaný počet stupňů.

Prvky k přidání do Obrazovky

Podrobné nastavení jednotlivých prvků najdete na samostatných stránkách. Seznam je řazený abecedně:

Data pro počasí a Google kalendář dodávají skripty YrNoProvider a IcalTransformer od Petra Brouzdy.
Aktualizace: 2026-09-30