Nasazujte Fluent UI bez námahy ve svých aplikacích 4D

Automaticky přeloženo z Deepl

Ve verzi 4D 21 R2 zůstává Fluent UI v režimu Developer Preview, ale dosahuje nového milníku díky plné nativní integraci přímo do 4D. I když je stále v režimu preview, je nyní snazší jej aktivovat, konfigurovat a nasadit a již není závislý na externích závislostech. Vaše aplikace okamžitě přijmou moderní rozhraní v souladu s Windows 11, aniž by uživatelé museli provádět další nastavení.

A pro vás jako vývojáře je zlepšení ještě významnější. Fluent UI se stává snáze aktivovatelným, flexibilnějším při konfiguraci a jednodušším při nasazení. Získáte nové nástroje a možnosti, které přirozeně zapadají do vašeho pracovního postupu a zároveň nabízejí plynulý a kontrolovaný přechod na nové rozhraní.

Kompletní integrace do 4D

Fluent UI je nyní součástí samotného 4D, přímo zabudované do produktu. Již není nutné provádět žádné složité nastavení ani spravovat externí framework.

Na straně vývojáře

Při instalaci 4D 21 R2 na počítač vývojáře může 4D navrhnout stažení Windows App SDK, které je nutné pro aktivaci Fluent UI během vývoje.

Pokud je Windows App SDK již na počítači nainstalován, lze tento instalační krok přeskočit. Počínaje Windows 11 25H2 se Windows App SDK instaluje nebo aktualizuje přímo s operačním systémem.

Během několika minut je vývojové prostředí připraveno k použití Fluent UI, aniž by byla nutná další konfigurace.

Na straně nasazení aplikace

Tato nativní integrace také výrazně zjednodušuje způsob nasazení aplikací.

S 4D 21 R2 můžete rozhodnout, zda má být Windows App SDK přímo zabudován do generované aplikace. Tato volba určuje, jak se bude Fluent UI chovat na počítačích koncových uživatelů, nezávisle na nastavení vývojáře.

  • Kdy zahrnout SDK?
    Zahrňte SDK, abyste zajistili, že vaše aplikace bude používat Fluent UI bez ohledu na konfiguraci počítače. Na počítači uživatele není nutná žádná instalace. Funguje okamžitě.
  • Kdy SDK nezahrnovat?
    Nezařazení SDK pomáhá udržet nasazenou aplikaci lehčí, ale může vyžadovat instalaci na klientských počítačích, s podporou nebo administrativním zásahem potřebným k přípravě prostředí.

 

Jak nakonfigurovat Fluent UI při sestavování

V dialogovém okně Sestavení aplikace se Fluent UI nyní zobrazuje v seznamu volitelných modulů. Zde se rozhodujete, zda SDK zahrnout nebo vyloučit. Ve výchozím nastavení je povoleno, ale můžete jej vypnout, pokud musí vaše aplikace zůstat 100% klasická. Ve všech případech zůstává nasazení jednoduché, bez nutnosti spravovat externí závislosti a s dokonale plynulým uživatelským prostředím.

Check box to activate the FluentUI module in the Build Application Dialog

Pokud při spuštění aplikace systémová konfigurace neumožňuje aktivaci Fluent UI, aplikace automaticky přejde do klasického režimu. Nezobrazí se žádná chybová zpráva, pouze se do diagnostického protokolu přidá varovný řádek. Tím je zajištěno předvídatelné, robustní a plně transparentní chování pro vaše uživatele.

Kontrola, zda vaše aplikace používá Fluent UI

4D 21 R2 rozšiřuje příkaz Application info, aby vám poskytl jasnou zpětnou vazbu o stavu Fluent UI ve vaší aplikaci.

var $useFluentUI; $canUseFluentUI : Boolean
$useFluentUI:=Application info.useFluentUI
$canUseFluentUI:=Application info.canUseFluentUI

Díky tomu můžete zjistit, zda aplikace skutečně používá Fluent UI a zda jej dané prostředí podporuje. Je to ideální pro diagnostiku a vylepšení protokolování nebo uživatelské podpory.

Nové dotazy CSS media query

4D zavedlo CSS mediální dotazy s preferencí barevného schématu pro zpracování světlého a tmavého režimu. S 4D 21 R2 jde platforma ještě o krok dál s novým mediálním dotazem nazvaným form-theme, který je věnován konkrétně vzhledu formuláře (klasický nebo Fluent UI).

Tento dotaz na média vám umožňuje aplikovat styly na základě motivu formuláře:

@media (form-theme: win-classic) {
	...
}
 
@media (form-theme: fluent-ui) {
	...
	}
	@media (prefers-color-scheme: dark) {
		... 
	}
}

Tato flexibilita je obzvláště cenná, pokud postupně migrujete své formuláře do Fluent UI. Můžete zachovat své stávající styly pro klasické formuláře a zároveň postupně zavádět nové styly optimalizované pro nový design. Každý formulář se může vyvíjet nezávisle, což umožňuje plynulý přechod bez ovlivnění zbytku aplikace.

Moderní a konzistentní dialogy 4D

Modernizace dialogových oken 4D byla zahájena. Následující příkazy nyní zobrazují okna v designu Fluent UI, pokud je databáze nakonfigurována pro Fluent UI:

  • ALERT
  • CONFIRM
  • REQUEST
  • MESSAGE

blank

A to není vše! Okno kontroly pravopisu nyní má stejný vzhled jako okno, ve kterém bylo otevřeno.

blank

To poskytuje uživatelům konzistentní a plynulý zážitek v celé aplikaci.

Závěrečné myšlenky

Ve verzi 4D 21 R2 zůstává Fluent UI v režimu Developer Preview, ale dosahuje nové úrovně nativní integrace na úrovni platformy. Aktivace je jednodušší, nasazení je flexibilnější, možnosti CSS jsou rozšířené a více dialogových oken nyní využívá moderní design Fluent UI.

Tato verze poskytuje vývojářům pevný a soudržný základ pro zkoumání, testování a postupné přijímání Fluent UI v reálných aplikacích, přičemž zachovává plnou kompatibilitu se stávajícími rozhraními.

A co je nejlepší, můžete postupovat svým vlastním tempem, formulář po formuláři, aniž byste narušili stávající rozhraní. Hladký přechod na Fluent UI, v duchu 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.