El nuevo diseño de macOS Tahoe llega a tus aplicaciones 4D

Con macOS Tahoe, Apple Inc. presenta un nuevo lenguaje visual denominado Liquid Glass. En esta versión, seguimos este estilo de interfaz para adaptarnos a la última evolución del diseño de macOS.

A partir de 4D 21 R3, sus aplicaciones de escritorio 4D adoptan automáticamente esta nueva interfaz Liquid Glass. No se requieren actualizaciones de formularios, cambios en el código ni rediseños.

Para facilitar esta transición, 4D ha adaptado su renderizado para cumplir con las nuevas restricciones de Liquid Glass introducidas por macOS. 4D absorbe la complejidad de la evolución de la interfaz de usuario, de modo que sus aplicaciones se mantienen actualizadas con un esfuerzo mínimo. Como resultado, los usuarios de Mac se benefician de una interfaz coherente con el estilo visual actual del sistema, con un esfuerzo mínimo por parte de los desarrolladores.

¿Qué es Liquid Glass?

Según Apple, Liquid Glass es un nuevo estilo de renderización de la interfaz basado en materiales translúcidos, desenfoque dinámico y sutiles efectos de iluminación. Estos elementos se adaptan al contenido de fondo e introducen una mayor sensación de profundidad, al tiempo que mantienen la legibilidad.

Integración nativa y automática

El renderizado de Liquid Glass lo gestiona directamente macOS. 4D aprovecha el motor gráfico del sistema para aplicar estas actualizaciones visuales automáticamente a las ventanas de las aplicaciones y a los controles estándar.

No se requiere configuración, código adicional ni migración de formularios. Cuando una aplicación 4D se ejecuta en macOS Tahoe, se beneficia de la representación proporcionada por el sistema.

Este enfoque garantiza que sus interfaces sigan estando alineadas con los estándares del sistema operativo, al tiempo que preserva sus inversiones existentes.

Consejos para la transición al adoptar Liquid Glass en aplicaciones 4D

Aunque Liquid Glass se aplica automáticamente, revisar ciertos elementos de la interfaz de usuario puede ayudar a mantener la coherencia visual y la integridad del diseño.

Botones

Presta especial atención a las variantes de los botones. En Liquid Glass:

• Los botones de variante normal tienen una apariencia cuadrada.
• Los botones de la variante grande tienen un aspecto más redondeado.

El cambio visual se produce con una diferencia de altura de tan solo un píxel. Si tus formularios contienen secuencias de botones con alturas ligeramente inconsistentes, es posible que veas una mezcla de estilos cuadrados y redondeados.

Tómate un momento para verificar las alturas de los botones y mantener una alineación visual coherente.

Botones de opción y casillas de verificación

Los botones de opción y las casillas de verificación se ven ligeramente más grandes con Liquid Glass.

Revisa el espaciado y la alineación alrededor de estos controles para garantizar la legibilidad y el equilibrio visual con los tamaños de control actualizados.

Cuadros combinados

Con Liquid Glass, los cuadros combinados ahora utilizan un renderizado translúcido. Por lo tanto, los elementos de fondo que antes eran invisibles pueden aparecer a través del cuadro combinado.

Si tienes objetos superpuestos en tus formularios, revisa esas áreas con cuidado. Es posible que tengas que ajustar la visibilidad de los objetos de fondo mediante código para mantener la claridad y evitar que se muestren objetos no deseados.

Adaptación de la interfaz de usuario con CSS y el tema FORM

Aunque Liquid Glass se aplica automáticamente, 4D también proporciona herramientas para ajustar su interfaz cuando sea necesario.

Puede utilizar consultas de medios CSS para adaptar su estilo en función del tema de formulario actual. Esto resulta especialmente útil para gestionar las diferencias entre macOS Classic, macOS Liquid Glass, Windows Classic y Windows Fluent UI.

@media (form-theme: liquid-glass) {
    .panel {
        borderRadius: 10px;
        fill: #F5F7FA;
        stroke: #CDD6E0;
    }
}

@media (form-theme: mac-classic) {
    .panel {
        borderRadius: 4px;
        fill: #F2F2F2;
        stroke: #D0D0D0;
    }
}

En este ejemplo, la apariencia de la clase «.panel» se ajusta automáticamente en función del tema de formulario activo, lo que permite que tu interfaz se adapte a las características visuales de Liquid Glass o al estilo clásico de macOS sin necesidad de lógica adicional.

Además, el FORM theme comando te permite detectar el modo de renderizado actual mediante programación. Ahora devuelve valores como LiquidGlass o Classic, lo que facilita ajustar el comportamiento cuando sea necesario.

Este enfoque te ofrece flexibilidad: la mayoría de las veces no se requieren cambios, pero sigues teniendo control total cuando son necesarios ajustes precisos.

Acerca de la desactivación de Liquid Glass

Hay una distinción importante que debe tenerse en cuenta.

En el caso de las aplicaciones 4D y 4D Server que se ejecutan con 4D 21 R3 en macOS 26 Tahoe, Liquid Glass no se puede desactivar. El sistema operativo gestiona el renderizado de forma nativa y se aplica automáticamente.

Sin embargo, en el caso de las aplicaciones basadas en el motor, es posible desactivar Liquid Glass durante una fase de transición. Para ello, añada la clave «UIDesignRequiresCompatibility» al archivo «Info.plist» de la aplicación. Esto permite que la aplicación del motor conserve el estilo visual anterior mientras adapta su interfaz.

Esta flexibilidad puede facilitar las migraciones. A largo plazo, adoptar el renderizado nativo del sistema garantiza una mayor coherencia visual e integración.

Conclusión

Con la compatibilidad con Liquid Glass en macOS Tahoe, las aplicaciones 4D adoptan automáticamente el estilo visual actual del sistema, sin necesidad de cambios en el código o los formularios.

Esta integración nativa pone de relieve una de las ventajas clave de 4D: las aplicaciones evolucionan con los estándares de interfaz de usuario del sistema operativo con un esfuerzo mínimo, mientras que otras tecnologías pueden requerir un rediseño o una adaptación manual.

Como resultado, los desarrolladores pueden centrarse en la funcionalidad sin dejar de ofrecer interfaces que se mantienen visualmente actualizadas.