Modernizzare le interfacce 4D con Fluent UI

Dietro le quinte, è stato compiuto un significativo sforzo ingegneristico per portare l’integrazione nativa di Fluent UI in 4D. Ciò significa che i moduli 4D possono ora essere visualizzati utilizzando il sistema di progettazione Fluent UI di Microsoft, lo stesso stile visivo moderno che definisce Windows, Office e Teams. 4D è uno dei primi ambienti di sviluppo a offrire l’integrazione nativa di WinUI, consentendo agli sviluppatori di portare l’autentica esperienza Fluent UI nelle loro applicazioni desktop. Sul lato client, la transizione non potrebbe essere più semplice. È sufficiente abilitare il rendering di Fluent UI nelle impostazioni del progetto e apportare alcune piccole modifiche al layout dei moduli per godere del nuovo look moderno.

Questa profonda integrazione segna una delle principali evoluzioni di 4D 21, che introduce il rendering Fluent UI come nuovo modo di visualizzare i moduli utilizzando la moderna interfaccia grafica di Microsoft. Finora i moduli venivano visualizzati con il classico stile Windows. Ora è possibile scegliere tra l’affidabile aspetto classico e l’elegante stile Fluent UI, allineando le applicazioni alle aspettative degli utenti moderni. Questa flessibilità consente di adattare le applicazioni alle aspettative degli utenti, mantenendo il controllo sul ritmo di modernizzazione delle interfacce.

Fluent UI è disponibile come anteprima per gli sviluppatori in 4D 21 Beta, ma non sarà inclusa nella versione finale. Tuttavia, gli sviluppatori potranno continuare a testare e sperimentare questa tecnologia a partire da 4D 21 R2.

Fluent UI: Il moderno sistema di progettazione di Microsoft

Fluent UI è il sistema di progettazione che alimenta le applicazioni Microsoft come Windows, Office e Teams. Il suo obiettivo è offrire un’esperienza visiva coerente, elegante e piacevole.

Secondo la documentazione di Fluent UI, si basa su alcuni principi chiave:

• Semplicità e chiarezza: gerarchia visiva chiara, tipografia leggibile e uso equilibrato dello spazio.
• Profondità e luce: ombre sottili ed effetti di trasparenza per un’atmosfera moderna.
• Movimento fluido: animazioni che guidano l’utente senza rallentare la navigazione.
• Adattabilità: supporto nativo per temi chiari e scuri e per schermi ad alta risoluzione.
• Coerenza: un’esperienza unificata in tutto l’ecosistema Microsoft.

In breve, Fluent UI non è solo un nuovo aspetto, ma una vera e propria filosofia di design che rende le applicazioni più piacevoli, moderne e intuitive.

WinUI 3: la tecnologia per le applicazioni desktop

Per le applicazioni desktop di Windows, Fluent UI è implementato attraverso WinUI 3, che fa parte del Windows App SDK.

Questa è la tecnologia che 4D integra ora, consentendovi di dare un aspetto moderno con il supporto della modalità scura ai vostri moduli, preservando la stabilità delle vostre applicazioni esistenti.

Un’anteprima visiva

Come abilitare la Fluent UI in 4D

Innanzitutto, è necessario installare la versione 1.7.3 del Windows App SDK. Se l’SDK non è installato, 4D visualizzerà automaticamente il modulo utilizzando lo stile classico senza generare errori.

Successivamente, è possibile definire lo stile globale dell’applicazione nelle impostazioni del progetto. Questa opzione è ideale se si è pronti ad adottare WinUI in tutto il progetto.

Se si preferisce una transizione graduale, ogni modulo può sovrascrivere l’impostazione globale attraverso la proprietà “Aspetto del widget”. L’opzione predefinita è “Ereditato”, che segue l’impostazione globale dell’applicazione. È anche possibile selezionare esplicitamente Classic per mantenere il rendering tradizionale o Fluent UI per modernizzare un modulo specifico che è pronto.

In questo modo si ha il pieno controllo della transizione. È possibile cambiare l’intero progetto in una sola volta, se si è pronti, oppure modernizzare passo dopo passo, abilitando Fluent UI solo su moduli selezionati.

Limitazioni attuali (Anteprima per sviluppatori)

Alcune funzionalità non sono ancora supportate quando si utilizza il rendering Fluent UI:

• Installazione automatica di WinUI per lo sviluppo o il deployment
• WYSIWYG nell’editor dei moduli
• Barra dei menu che viene ancora visualizzata nello stile classico
• Widget della libreria degli oggetti (come l’interfaccia 4D Write Pro)
• Supporto per i moduli elenco
• Plugin

Riassunto

Grazie alla possibilità di passare dallo stile classico di Windows allo stile Fluent UI, 4D offre ancora più libertà di progettare interfacce su misura. Potete modernizzare le vostre applicazioni al vostro ritmo, in base alle vostre priorità, migliorando significativamente l’esperienza dell’utente. Questo è uno degli aspetti che rende la tecnologia 4D così potente nel lungo periodo. Non è necessario partire da zero o affrontare migrazioni complesse. È possibile passare a una libreria UI moderna con una frazione dello sforzo richiesto da altre tecnologie desktop.

Un promemoria: Il rendering fluente dell’interfaccia utente è disponibile come anteprima per gli sviluppatori in 4D 21 Beta, ma non sarà incluso nella versione finale. Tuttavia, sarà possibile continuare a sperimentarlo in 4D 21 R2.

Provate oggi stesso il rendering Fluent UI nei vostri moduli 4D e non esitate a condividere i vostri risultati con la comunità sul forum!