Tmavý režim je úžasný a vytváří vzrušující uživatelský zážitek. Proto od verze 4D v19 nyní 4D podporuje tmavý režim, který se aktivuje automaticky, pokud je tmavý režim zapnutý na úrovni systému macOS.
To je teprve začátek a v budoucích verzích se objeví další novinky, například podpora tmavého režimu pro všechny komponenty (např. widget 4D Write Pro) a režim návrhu.
Chcete se podívat, jak Tmavý režim promění vzhled prvků 4D? Čtěte dál!
Formuláře se automaticky přizpůsobují
Pokud jsou písmo, rámeček a barva pozadí objektů formuláře již nastaveny na „automatické“, nemusíte nic měnit, vaše formuláře se automaticky přizpůsobí tématu operačního systému.
Světlý vzhled
Tmavý vzhled
Aktualizovali jsme také objekty knihovny, aby podporovaly světlý a tmavý vzhled, s výjimkou objektů „Bohatá textová oblast“ a „Rozhraní 4D Write Pro“, které budou přizpůsobeny v některé z budoucích verzí.
CSS pro světlý a tmavý vzhled
Pokud jste definovali vlastní barvy podle grafické karty společnosti, můžete definovat styl CSS pro Světlý i Tmavý režim. Tímto způsobem se vaše aplikace zcela přizpůsobí nastavení operačního systému.
Světlý vzhled
Tmavý vzhled
Stačí orámovat třídy CSS dotazem media query nastaveným na hodnotu světlého vzhledu a totéž udělat s hodnotou tmavého vzhledu.
Níže uvedený příklad nastavuje černý text na bílém pozadí pro Světlý režim a bílý text na černém pozadí pro Tmavý režim.
@media (prefers-color-scheme: light) { .textTheme { fill: MidnightBlue; stroke: black; } } @media (prefers-color-scheme: dark) { .textTheme { fill: MidnightBlue; stroke: LightGrey; } }
Pokud nejste obeznámeni s CSS ve 4D, doporučujeme vám přečíst si tento příspěvek na blogu nebo shlédnout toto 30minutové video ze summitu 4D.
Obrázky A ikony
Pro tmavý vzhled aplikace bude možná nutné vytvořit nové obrázky. Tyto nové obrázky mají stejný název jako obrázky světlé verze, za kterým následuje „_dark“, a jsou umístěny vedle nich:
Ve 4D nemusíte nic upravovat. Správný obrázek se načte v závislosti na vzhledu formuláře.
ČÁSTEČNĚ TEMNÝ REŽIM a další
Pokud nejste připraveni, máte pochybnosti nebo si chcete vynutit motiv pro některou komponentu, můžete se rozhodnout, že změny nebudete aplikovat na celou aplikaci a použijete je pouze na formulář. Můžete také nastavit, aby se téma řídilo tématem hostitelské databáze nebo předvolbami operačního systému.
Na úrovni aplikace
Hodnotu barevného schématu můžete nastavit v dialogovém okně nastavení nebo prostřednictvím kódu pomocí nové vlastnosti SET APPLICATION COLOR SCHEME příkazem. Možné hodnoty jsou:
- tmavý
- světlý
- zděděné
Zděděná hodnota znamená následující:
- pokud se nacházíte v komponentě, následujte barvu hostitelské databáze.
- pokud jste v hostitelské bázi, následujte barvu operačního systému
Úroveň formuláře
Ve vaší aplikaci nejsou některé dialogy připraveny na tmavý vzhled. Barevné schéma je nová vlastnost formuláře, která umožňuje vynutit, aby formulář přijal světlý nebo tmavý vzhled.
Co bude dál?
Vydali jste se na dlouhou cestu do tmy. Pokud máte nějaké dotazy nebo připomínky, zapojte se do diskuse na fóru 4D!