Modernice sus interfaces 4D con Fluent UI

Se ha realizado un importante esfuerzo de ingeniería para llevar la integración nativa de Fluent UI a 4D. Esto significa que los formularios 4D ahora se pueden mostrar utilizando el sistema de diseño Fluent UI de Microsoft, el mismo estilo visual moderno que define Windows, Office y Teams. 4D es uno de los primeros entornos de desarrollo en ofrecer integración nativa WinUI, permitiendo a los desarrolladores llevar la auténtica experiencia Fluent UI a sus aplicaciones de escritorio. Del lado del cliente, la transición no podría ser más sencilla. Basta con activar la renderización de Fluent UI en los parámetros del proyecto y realizar unos pequeños ajustes de diseño en los formularios para disfrutar del nuevo y moderno aspecto.

Esta profunda integración marca una de las evoluciones clave de 4D 21, que introduce la renderización Fluent UI como una nueva forma de mostrar sus formularios utilizando la moderna interfaz gráfica de Microsoft. Hasta ahora, sus formularios se mostraban utilizando el familiar estilo clásico de Windows. Ahora, puede elegir entre el aspecto clásico de confianza y el elegante estilo Fluent UI, alineando su aplicación con las expectativas de los usuarios modernos. Esta flexibilidad le permite adaptar sus aplicaciones a las expectativas de sus usuarios, al tiempo que mantiene el control sobre el ritmo al que moderniza sus interfaces.

Fluent UI está disponible como Developer Preview en 4D 21 Beta, pero no se incluirá en la versión final. Sin embargo, los desarrolladores podrán continuar probando y experimentando con esta tecnología a partir de 4D 21 R2.

INTERFAZ DE USUARIO FluIDA: El sistema de diseño moderno de Microsoft

Fluent UI es el sistema de diseño que alimenta las aplicaciones Microsoft como Windows, Office y Teams. Su objetivo es ofrecer una experiencia visual consistente, elegante y agradable.

Según la documentación de Fluent UI, se basa en algunos principios claves:

• Simplicidad y claridad: jerarquía visual clara, tipografía legible y uso equilibrado del espacio.
• Profundidad y luz: sombras sutiles y efectos de transparencia para dar una sensación de modernidad.
• Movimiento fluido: animaciones que guían al usuario sin ralentizar la navegación.
• Adaptabilidad: compatibilidad nativa con temas claros y oscuros, así como con pantallas de alta resolución.
• Coherencia: una experiencia unificada en todo el ecosistema de Microsoft.

 

En resumen, Fluent UI no es sólo una nueva apariencia, sino una verdadera filosofía de diseño que hace que las aplicaciones sean más agradables, modernas e intuitivas.

WinUI 3: la tecnología para aplicaciones de escritorio

Para las aplicaciones de escritorio Windows, Fluent UI se implementa a través de WinUI 3, que forma parte del Windows App SDK.

Esta es la tecnología que 4D integra ahora, permitiéndole aportar un aspecto moderno con soporte de modo oscuro a sus formularios mientras preserva la estabilidad de sus aplicaciones existentes.

Una vista previa visual

Cómo activar Fluent UI en 4D

Primero, necesita instalar la versión 1.7.3. del Windows App SDK. Si el SDK no está instalado, 4D mostrará automáticamente el formulario utilizando el estilo clásico sin generar errores.

A continuación, puede definir el estilo global de su aplicación en la configuración del proyecto. Esta opción es ideal si está listo para adoptar WinUI en todo su proyecto.

 

Si prefiere una transición gradual, cada formulario puede anular la configuración global a través de la propiedad «Apariencia del Widget». La opción por defecto es «Heredado», que sigue la configuración global de la aplicación. También puede seleccionar explícitamente Clásico para mantener el renderizado tradicional o Fluent UI para modernizar un formulario específico que esté listo.

Esto significa que mantiene el control total de la transición. Puede cambiar todo su proyecto a la vez si está preparado, o modernizar paso a paso activando Fluent UI sólo en formularios seleccionados.

Limitaciones actuales (Developer Preview)

Algunas funcionalidades aún no son compatibles cuando se utiliza Fluent UI:

• Instalación automática de WinUI para desarrollo o despliegue
• WYSIWYG en el editor de formularios
• Barra de menú que aún se muestra en el estilo clásico
• Widgets de la librería de objetos (como la interfaz 4D Write Pro)
• Soporte para formularios de lista
• Plugins

Resumen

Con la posibilidad de cambiar entre el estilo clásico de Windows y el estilo Fluent UI, 4D le da aún más libertad para diseñar interfaces a medida. Usted puede modernizar sus aplicaciones a su propio ritmo, de acuerdo con sus prioridades, mientras mejora significativamente la experiencia del usuario. Y esa es una de las cosas que hace que la tecnología 4D sea tan poderosa a largo plazo. No necesita empezar de cero o enfrentarse a migraciones complejas. Puede pasar a una biblioteca de interfaz de usuario moderna con sólo una fracción del esfuerzo que requieren otras tecnologías de escritorio.

Sólo un recordatorio: Fluent UI rendering está disponible como Developer Preview en 4D 21 Beta pero no se incluirá en la versión final. Sin embargo, podrá seguir experimentando con ella en 4D 21 R2.

Pruebe el renderizado Fluent UI en sus formularios 4D hoy, ¡y no dude en compartir sus resultados con la comunidad en el foro!