Implementa Fluent UI senza sforzo nelle tue applicazioni 4D

Con 4D 21 R2, Fluent UI rimane in Developer Preview, ma raggiunge un nuovo traguardo con una piena integrazione nativa direttamente in 4D. Pur essendo ancora in anteprima, ora è più facile da abilitare, configurare e distribuire e non dipende più da componenti esterni. Le vostre applicazioni adottano immediatamente un’interfaccia moderna coerente con Windows 11, senza alcuna configurazione aggiuntiva per i vostri utenti.

E per voi sviluppatori, il miglioramento è ancora più significativo. Fluent UI diventa più facile da attivare, più flessibile da configurare e più semplice da implementare. Ottenete nuovi strumenti e opzioni che si adattano naturalmente al vostro flusso di lavoro, offrendo al contempo una transizione fluida e controllata alla nuova interfaccia.

Una completa integrazione in 4D

Fluent UI è ora parte integrante di 4D, integrata direttamente nel prodotto. Non sono più necessarie configurazioni complesse o framework esterni da gestire.

Dal punto di vista dello sviluppatore

Quando si installa 4D 21 R2 sul computer dello sviluppatore, 4D potrebbe suggerire di scaricare Windows App SDK, necessario per abilitare Fluent UI durante lo sviluppo.

Se Windows App SDK è già presente sul computer, questo passaggio di installazione può essere saltato. A partire da Windows 11 25H2, Windows App SDK viene installato o aggiornato direttamente con il sistema operativo.

In pochi minuti, l’ambiente di sviluppo è pronto per utilizzare Fluent UI, senza necessità di ulteriori configurazioni.

Dal punto di vista della distribuzione delle applicazioni

Questa integrazione nativa semplifica notevolmente anche il modo in cui distribuisci le tue applicazioni.

Con 4D 21 R2, è possibile decidere se l’SDK per app Windows debba essere incorporato direttamente nell’applicazione generata. Questa scelta determina il comportamento di Fluent UI sui computer degli utenti finali, indipendentemente dalla configurazione dello sviluppatore.

• Quando includere l’SDK?
  Includere l’SDK per garantire che l’applicazione utilizzi Fluent UI indipendentemente dalla configurazione del computer. Non è richiesta alcuna installazione sul computer dell’utente. Funziona immediatamente.
• Quando non includere l’SDK?
  Non includere l’SDK aiuta a mantenere più leggera l’applicazione distribuita, ma potrebbe richiedere l’installazione sui computer client, con il supporto o l’intervento amministrativo necessario per preparare l’ambiente.

 

Come configurare Fluent UI in fase di compilazione

Nella finestra di dialogo Build Application, Fluent UI ora appare nell’elenco dei moduli opzionali. È qui che si decide se includere o escludere l’SDK. È abilitato per impostazione predefinita, ma è possibile disattivarlo se l’applicazione deve rimanere classica al 100%. In tutti i casi, la distribuzione rimane semplice, senza dipendenze esterne da gestire e con un’esperienza utente perfettamente fluida.

All’avvio dell’applicazione, se la configurazione di sistema non consente l’attivazione di Fluent UI, l’applicazione torna automaticamente alla modalità classica. Non viene visualizzato alcun messaggio di errore, ma viene aggiunta solo una riga di avviso al log diagnostico. Ciò garantisce un comportamento prevedibile, robusto e completamente trasparente per gli utenti.

Verifica se la tua applicazione utilizza Fluent UI

4D 21 R2 espande il comando Application info per fornire un feedback chiaro sullo stato di Fluent UI nella tua applicazione.

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

Ciò consente di sapere se l’applicazione sta effettivamente utilizzando Fluent UI e se l’ambiente lo supporta. È ideale per la diagnostica e per migliorare la registrazione o l’assistenza agli utenti.

Nuova media query CSS

4D ha introdotto le media query CSS con prefers-color-scheme per gestire le modalità chiara e scura. Con 4D 21 R2, la piattaforma fa un ulteriore passo avanti con una nuova media query chiamata form-theme, dedicata specificamente all’aspetto del modulo (classico o Fluent UI).

Questa media query consente di applicare stili basati sul tema del modulo:

@media (form-theme: win-classic) {
	...
}
 
@media (form-theme: fluent-ui) {
	...
	}
	@media (preferisce-schema-colori: scuro) {
		... 
	}
}

Questa flessibilità è particolarmente utile se stai gradualmente migrando i tuoi moduli a Fluent UI. Puoi mantenere gli stili esistenti per i moduli classici e introdurre progressivamente nuovi stili ottimizzati per il nuovo design. Ogni modulo può evolversi in modo indipendente, consentendo una transizione fluida senza influire sul resto dell’applicazione.

Finestre di dialogo 4D moderne e coerenti

La modernizzazione delle finestre di dialogo 4D è iniziata. I seguenti comandi ora visualizzano finestre nel design Fluent UI quando il database è configurato per Fluent UI:

• ALERT
• CONFIRM
• REQUEST
• MESSAGE

E non è tutto! La finestra del correttore ortografico ora adotta lo stesso aspetto della finestra che l’ha aperta.

Ciò offre agli utenti un’esperienza coerente e senza soluzione di continuità in tutta l’applicazione.

Considerazioni finali

Con 4D 21 R2, Fluent UI rimane in Developer Preview raggiungendo un nuovo livello di integrazione nativa a livello di piattaforma. L’attivazione è più semplice, l’implementazione è più flessibile, le funzionalità CSS sono state ampliate e ora più finestre di dialogo adottano un design Fluent UI moderno.

Questa versione fornisce agli sviluppatori una base solida e coerente per esplorare, testare e adottare progressivamente Fluent UI nelle applicazioni reali, preservando la piena compatibilità con le interfacce esistenti.

E, soprattutto, è possibile procedere al proprio ritmo, modulo per modulo, senza compromettere le interfacce esistenti. Una transizione fluida a Fluent UI, nel vero spirito di 4D.