Modernizace rozhraní 4D pomocí Fluent UI

V zákulisí bylo vynaloženo značné inženýrské úsilí na zavedení nativní integrace uživatelského rozhraní Fluent do 4D. To znamená, že formuláře 4D lze nyní zobrazovat pomocí návrhového systému Fluent UI společnosti Microsoft, stejného moderního vizuálního stylu, který definuje systémy Windows, Office a Teams. 4D je jedním z prvních vývojových prostředí, které nabízí nativní integraci WinUI, což vývojářům umožňuje přenést autentické prostředí Fluent UI do jejich desktopových aplikací. Na straně klienta nemůže být přechod jednodušší. Stačí v nastavení projektu povolit vykreslování Fluent UI a provést několik drobných úprav rozvržení ve formulářích, abyste si mohli užívat nový, moderní vzhled.

Tato hluboká integrace představuje jednu z klíčových evolucí v aplikaci 4D 21, která zavádí vykreslování Fluent UI jako nový způsob zobrazení formulářů pomocí moderního grafického rozhraní společnosti Microsoft. Dosud se vaše formuláře zobrazovaly pomocí známého klasického stylu Windows. Nyní si můžete vybrat mezi důvěryhodným klasickým vzhledem a elegantním stylem Fluent UI, čímž se vaše aplikace přizpůsobí moderním očekáváním uživatelů. Tato flexibilita vám umožní přizpůsobit aplikace očekáváním uživatelů a zároveň si zachovat kontrolu nad tempem modernizace rozhraní.

Fluent UI je k dispozici jako Developer Preview v 4D 21 Beta, ale nebude zahrnut do finální verze. Vývojáři však budou moci pokračovat v testování a experimentování s touto technologií počínaje verzí 4D 21 R2.

Fluent UI: Moderní návrhový systém společnosti Microsoft

Fluent UI je návrhový systém, který pohání aplikace společnosti Microsoft, jako jsou Windows, Office a Teams. Jeho cílem je poskytovat konzistentní, elegantní a příjemné vizuální prostředí.

Podle dokumentace Fluent UI je založen na několika klíčových principech:

• Jednoduchost a jasnost: jasná vizuální hierarchie, čitelná typografie a vyvážené využití prostoru.
• Hloubka a světlo: jemné stíny a efekty průhlednosti pro moderní dojem.
• Plynulý pohyb: animace, které uživatele vedou, aniž by zpomalovaly navigaci.
• Přizpůsobivost: nativní podpora světlých a tmavých témat i obrazovek s vysokým rozlišením.
• Soudržnost: jednotné prostředí napříč ekosystémem společnosti Microsoft.

Fluent UI zkrátka není jen nový vzhled, ale skutečná filozofie designu, díky níž jsou aplikace příjemnější, modernější a intuitivnější.

WinUI 3: technologie pro desktopové aplikace

Pro desktopové aplikace systému Windows je Fluent UI implementováno prostřednictvím rozhraní WinUI 3, které je součástí sady Windows App SDK.

Tuto technologii nyní integruje společnost 4D, což vám umožní vnést do formulářů moderní vzhled s podporou tmavého režimu a zároveň zachovat stabilitu stávajících aplikací.

Vizuální náhled

Jak povolit Fluent UI ve 4D

Nejprve je třeba nainstalovat sadu Windows App SDK verze 1.7.3. Pokud SDK není nainstalován, 4D automaticky zobrazí formulář pomocí klasického stylu bez generování chyb.

Dále můžete v nastavení projektu definovat globální styl vaší aplikace. Tato možnost je ideální, pokud jste připraveni převzít WinUI v celém projektu.

Pokud dáváte přednost postupnému přechodu, může každý formulář globální nastavení přepsat prostřednictvím vlastnosti „Vzhled widgetu“. Výchozí možností je „Zděděný“, která se řídí globálním nastavením aplikace. Můžete také explicitně zvolit možnost Klasické pro zachování tradičního vykreslování nebo Fluent UI pro modernizaci konkrétního připraveného formuláře.

To znamená, že nad přechodem máte i nadále plnou kontrolu. Můžete přepnout celý projekt najednou, pokud jste připraveni, nebo modernizovat postupně povolením Fluent UI pouze na vybraných formulářích.

Aktuální omezení (Developer Preview)

Při použití vykreslování Fluent UI zatím nejsou podporovány některé funkce:

• Automatická instalace WinUI pro vývoj nebo nasazení
• WYSIWYG v editoru formulářů
• Panel nabídek, který se stále zobrazuje v klasickém stylu
• Widgety knihovny objektů (například rozhraní 4D Write Pro)
• Podpora formulářů se seznamem
• Zásuvné moduly

Souhrn

Díky možnosti přepínat mezi klasickým stylem Windows a stylem Fluent UI vám 4D poskytuje ještě větší svobodu při navrhování rozhraní na míru. Své aplikace můžete modernizovat vlastním tempem, podle svých priorit, a přitom výrazně zlepšit uživatelské prostředí. A to je jedna z věcí, která činí technologii 4D dlouhodobě tak silnou. Nemusíte začínat od nuly ani čelit složitým migracím. Na moderní knihovnu uživatelského rozhraní můžete přejít jen se zlomkem úsilí, které vyžadují jiné desktopové technologie.

Jen pro připomenutí: Fluent UI rendering je k dispozici jako Developer Preview v 4D 21 Beta, ale nebude zahrnuto do finální verze. Budete s ním však moci dále experimentovat v 4D 21 R2.

Vyzkoušejte Fluent UI rendering ve svých formulářích 4D ještě dnes a neváhejte se o své výsledky podělit s komunitou na fóru!