Nový design systému macOS Tahoe se dostává do vašich aplikací 4D

S macOS Tahoe představuje společnost Apple Inc. nový vizuální styl nazvaný Liquid Glass. V této verzi se řídíme tímto stylem uživatelského rozhraní, abychom drželi krok s nejnovějším vývojem designu macOS.

Počínaje verzí 4D 21 R3 vaše desktopové aplikace 4D automaticky přejímají toto nové rozhraní Liquid Glass. Nejsou nutné žádné aktualizace formulářů, změny kódu ani redesign.

Aby tuto změnu podpořila, společnost 4D přizpůsobila své vykreslování tak, aby vyhovovalo novým omezením Liquid Glass zavedeným systémem macOS. 4D přebírá složitost vývoje uživatelského rozhraní, takže vaše aplikace zůstanou aktuální s minimálním úsilím. Výsledkem je, že uživatelé Maců mohou těžit z rozhraní, které je v souladu s aktuálním vizuálním stylem systému, a to s minimálním úsilím ze strany vývojářů.

Co je Liquid Glass

Podle společnosti Apple je Liquid Glass nový styl vykreslování rozhraní založený na průsvitných materiálech, dynamickém rozostření a jemných světelných efektech. Tyto prvky se přizpůsobují obsahu pozadí a vnášejí větší pocit hloubky při zachování čitelnosti.

Nativní a automatická integrace

Renderování Liquid Glass zajišťuje přímo macOS. 4D využívá grafický engine systému k automatickému použití těchto vizuálních aktualizací na okna aplikací a standardní ovládací prvky.

Není nutná žádná konfigurace, dodatečný kód ani migrace formulářů. Když aplikace 4D běží na macOS Tahoe, využívá vykreslování poskytované systémem.

Tento přístup zajišťuje, že vaše rozhraní zůstanou v souladu se standardy operačního systému a zároveň zachovají vaše stávající investice.

Tipy pro přechod při zavádění Liquid Glass do aplikací 4D

Ačkoli se Liquid Glass aplikuje automaticky, kontrola určitých prvků uživatelského rozhraní může pomoci zachovat vizuální konzistenci a integritu rozvržení.

Tlačítka

Věnujte zvláštní pozornost variantám tlačítek. V Liquid Glass:

• Tlačítka v běžné variantě mají čtvercový vzhled.
• Tlačítka ve velké variantě vypadají zaobleněji.

K vizuální změně dochází při rozdílu ve výšce pouhého jednoho pixelu. Pokud vaše formuláře obsahují řady tlačítek s mírně nekonzistentními výškami, může se zobrazit směsice čtvercových a zaoblených stylů.

Věnujte chvíli ověření výšek tlačítek, abyste zachovali konzistentní vizuální zarovnání.

Přepínače a zaškrtávací políčka

Přepínače a zaškrtávací políčka se v režimu Liquid Glass zobrazují o něco větší.

Zkontrolujte mezery a zarovnání kolem těchto ovládacích prvků, abyste zajistili čitelnost a vizuální vyváženost s aktualizovanými velikostmi ovládacích prvků.

Rozbalovací seznamy

S Liquid Glass používají rozbalovací seznamy nyní průsvitné vykreslení. Prvky pozadí, které byly dříve neviditelné, se tak mohou objevit skrz rozbalovací seznam.

Pokud máte ve formulářích překrývající se objekty, pečlivě tyto oblasti zkontrolujte. Možná budete muset pomocí kódu upravit viditelnost objektů v pozadí, abyste zachovali přehlednost a zabránili zobrazení nechtěných objektů.

Přizpůsobení uživatelského rozhraní pomocí CSS a motivu FORM

Ačkoli se Liquid Glass aplikuje automaticky, 4D také poskytuje nástroje pro jemné doladění vašeho rozhraní v případě potřeby.

Můžete použít mediální dotazy CSS k přizpůsobení stylů v závislosti na aktuálním motivu formuláře. To je obzvláště užitečné pro řešení rozdílů mezi macOS Classic, macOS Liquid Glass, Windows Classic a Windows Fluent UI.

@media (form-theme: liquid-glass) {
    .panel {
        borderRadius: 10px;
        fill: #F5F7FA;
        stroke: #CDD6E0;
    }
}

@media (form-theme: mac-classic) {
    .panel {
        borderRadius: 4px;
        fill: #F2F2F2;
        stroke: #D0D0D0;
    }
}

V tomto příkladu se vzhled třídy „.panel“ automaticky přizpůsobuje podle aktivního motivu formuláře, což umožňuje, aby vaše rozhraní odpovídalo vizuálním charakteristikám Liquid Glass nebo klasického stylu macOS bez nutnosti další logiky.

Kromě toho vám FORM theme příkaz detekovat aktuální režim vykreslování programově. Nyní vrací hodnoty jako LiquidGlass nebo Classic, což usnadňuje přizpůsobení chování v případě potřeby.

Tento přístup vám poskytuje flexibilitu: ve většině případů nejsou nutné žádné změny, ale stále máte plnou kontrolu, když jsou nutné jemné úpravy.

O deaktivaci Liquid Glass

Je třeba si uvědomit jeden důležitý rozdíl.

U aplikací 4D a 4D Server běžících s 4D 21 R3 na macOS 26 Tahoe nelze Liquid Glass deaktivovat. Vykreslování je nativně zpracováváno operačním systémem a je aplikováno automaticky.

U aplikací založených na enginu je však možné Liquid Glass během přechodové fáze deaktivovat. Chcete-li to provést, přidejte klíč „UIDesignRequiresCompatibility“ do souboru „Info.plist“ aplikace. To umožní aplikaci enginu zachovat předchozí vizuální styl, zatímco přizpůsobujete své rozhraní.

Tato flexibilita může pomoci k hladkému přechodu. Z dlouhodobého hlediska zajišťuje přijetí nativního vykreslování systému lepší vizuální konzistenci a integraci.

Závěr

Díky podpoře Liquid Glass v macOS Tahoe aplikace 4D automaticky přejímají aktuální vizuální styl systému, aniž by bylo nutné měnit kód nebo formuláře.

Tato nativní integrace zdůrazňuje jednu z klíčových výhod 4D: aplikace se vyvíjejí v souladu se standardy uživatelského rozhraní operačního systému s minimálním úsilím, zatímco jiné technologie mohou vyžadovat ruční přepracování nebo přizpůsobení.

Díky tomu se vývojáři mohou soustředit na funkčnost a zároveň poskytovat rozhraní, která zůstávají vizuálně aktuální.