Implemente Fluent UI sin esfuerzo en sus aplicaciones 4D.

Con 4D 21 R2, Fluent UI sigue estando en Developer Preview, pero alcanza un nuevo hito con una integración nativa completa directamente en 4D. Aunque aún está en fase de previsualización, ahora es más fácil de habilitar, configurar e implementar, y ya no depende de elementos externos. Sus aplicaciones adoptan al instante una interfaz moderna coherente con Windows 11, sin necesidad de configuración adicional para sus usuarios.

Y para usted, como desarrollador, la mejora es aún más significativa. Fluent UI es ahora más fácil de activar, más flexible de configurar y más sencillo de implementar. Dispondrá de nuevas herramientas y opciones que se adaptan de forma natural a su flujo de trabajo, al tiempo que le ofrecen una transición fluida y controlada a la nueva interfaz.

Una integración completa en 4D

Fluent UI ahora forma parte de 4D, integrado directamente en el producto. Ya no hay que gestionar ninguna configuración compleja ni ningún marco externo.

Por parte del desarrollador

Al instalar 4D 21 R2 en el equipo del desarrollador, 4D puede sugerir la descarga del SDK de la aplicación Windows, que es necesario para activar Fluent UI durante el desarrollo.

Si Windows App SDK ya está presente en el equipo, se puede omitir este paso de la instalación. A partir de Windows 11 25H2, Windows App SDK se instala o actualiza directamente con el sistema operativo.

En solo unos minutos, el entorno de desarrollo estará listo para utilizar Fluent UI, sin necesidad de configuración adicional.

En cuanto a la implementación de la aplicación

Esta integración nativa también simplifica enormemente la forma de implementar sus aplicaciones.

Con 4D 21 R2, puede decidir si el SDK de aplicaciones de Windows debe integrarse directamente en la aplicación generada. Esta elección determina cómo se comportará Fluent UI en los equipos de los usuarios finales, independientemente de la configuración del desarrollador.

• ¿Cuándo incluir el SDK?
  Incluya el SDK para garantizar que su aplicación utilice Fluent UI independientemente de la configuración del equipo. No es necesaria ninguna instalación en el equipo del usuario. Funciona inmediatamente.
• ¿Cuándo no incluir el SDK?
  No incluir el SDK ayuda a que su aplicación desplegada sea más ligera, pero puede requerir la instalación en los equipos de los clientes, con la necesidad de asistencia técnica o intervención administrativa para preparar el entorno.

 

Cómo configurar Fluent UI en el momento de la compilación

En el cuadro de diálogo Build Application, Fluent UI aparece ahora en la lista de módulos opcionales. Aquí es donde se decide incluir o excluir el SDK. Está activado por defecto, pero puede desactivarlo si su aplicación debe permanecer 100 % clásica. En todos los casos, la implementación sigue siendo sencilla, sin dependencias externas que gestionar y con una experiencia de usuario perfectamente fluida.

Cuando se inicia la aplicación, si la configuración del sistema no permite activar Fluent UI, la aplicación vuelve automáticamente al modo clásico. No se muestra ningún mensaje de error, solo se añade una línea de advertencia al registro de diagnóstico. Esto garantiza un comportamiento predecible, robusto y totalmente transparente para los usuarios.

Comprobación de si su aplicación utiliza Fluent UI

4D 21 R2 amplía el comando Application info para ofrecerle información clara sobre el estado de Fluent UI en su aplicación.

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

Esto le permite saber si la aplicación está utilizando realmente Fluent UI y si el entorno lo admite. Es ideal para el diagnóstico y la mejora de su registro o asistencia al usuario.

Nueva consulta de medios CSS

4D introdujo las consultas de medios CSS con prefers-color-scheme para gestionar los modos claro y oscuro. Con 4D 21 R2, la plataforma va un paso más allá con una nueva consulta de medios llamada form-theme, dedicada específicamente a la apariencia del formulario (clásico o Fluent UI).

Esta consulta de medios le permite aplicar estilos basados en el tema del formulario:

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

Esta flexibilidad es especialmente valiosa si está migrando gradualmente sus formularios a Fluent UI. Puede mantener sus estilos existentes para los formularios clásicos mientras introduce progresivamente nuevos estilos optimizados para el nuevo diseño. Cada formulario puede evolucionar de forma independiente, lo que permite una transición fluida sin afectar al resto de la aplicación.

Diálogos 4D modernos y coherentes

La modernización de los diálogos 4D ha comenzado. Los siguientes comandos ahora muestran ventanas con el diseño Fluent UI cuando la base de datos está configurada para Fluent UI:

• ALERT
• CONFIRM
• REQUEST
• MESSAGE

¡Y eso no es todo! La ventana del corrector ortográfico ahora adopta el mismo aspecto que la ventana que la abrió.

Esto ofrece a los usuarios una experiencia coherente y fluida en toda la aplicación.

Reflexiones finales

Con 4D 21 R2, Fluent UI sigue estando en Developer Preview, al tiempo que alcanza un nuevo nivel de integración nativa a nivel de plataforma. La activación es más sencilla, la implementación es más flexible, se amplían las capacidades CSS y ahora más diálogos adoptan un diseño Fluent UI moderno.

Esta versión ofrece a los desarrolladores una base sólida y coherente para explorar, probar y adoptar progresivamente Fluent UI en aplicaciones del mundo real, al tiempo que se mantiene la compatibilidad total con las interfaces existentes.

Y lo mejor de todo es que puede avanzar a su propio ritmo, formulario a formulario, sin romper sus interfaces existentes. Una transición fluida a Fluent UI, en el verdadero espíritu de 4D.