Podpora tmavého režimu v systému macOS je tu.

Automaticky přeloženo z Deepl

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

blank

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

blank

Tmavý vzhled

blank

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:

blank

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

blank

Ú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.

blank

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!

Vanessa Talbot
• Product Owner • Vanessa Talbot se připojila k programovému týmu 4D v červnu 2014. Jako Product Owner má na starosti psaní uživatelských příběhů a jejich převod do funkčních specifikací. Její úlohou je také zajistit, aby implementovaná funkce odpovídala potřebám zákazníka. Od svého příchodu pracovala na definování klíčových prvků ve 4D. Pracovala na většině nových funkcí preemptivního multi-threadingu a také na velmi složitém tématu: nové architektuře pro enginované aplikace. Vanessa má titul z Telecom Saint-Etienne. Svou kariéru začala ve Výzkumném ústavu kriminalistickém jako vývojářka pro audiovizuální oddělení. Působila také v mediální a lékařské oblasti jako expertka na technickou podporu, produkci i dokumentaci novinek.