Estilo universal

El Estilo Universal se basa en las Directrices de Diseño Universal de Microsoft. Más...

Propiedades adjuntas

• accent: color
• fondo: color
• primer plano: color
• tema: enumeración

Métodos adjuntos

• color color(enumeración predefinida)

Descripción detallada

El estilo Universal es un estilo independiente del dispositivo basado en las directrices de diseño universal de Microsoft. El estilo Universal ha sido diseñado para verse bien en todos los dispositivos, desde teléfonos y tabletas hasta PC.

Para ejecutar una aplicación con el estilo Universal, consulte Uso de estilos en Qt Quick Controls.

Personalización

El estilo Universal permite personalizar cuatro atributos: tema, acento, primer plano y fondo.

Ambos atributos pueden especificarse para cualquier ventana o elemento, y se propagan automáticamente a los hijos del mismo modo que fonts. En el siguiente ejemplo, la ventana y los tres botones de radio aparecen en el tema oscuro utilizando un color de acento violeta:

import QtQuick
import QtQuick.Controls
import QtQuick.Controls.Universal

ApplicationWindow {
    visible: true

    Universal.theme: Universal.Dark
    Universal.accent: Universal.Violet

    Column {
        anchors.centerIn: parent

        RadioButton { text: qsTr("Small") }
        RadioButton { text: qsTr("Medium");  checked: true }
        RadioButton { text: qsTr("Large") }
    }
}

Además de especificar los atributos en QML, también es posible especificarlos mediante variables de entorno o en un archivo de configuración. Los atributos especificados en QML tienen prioridad sobre todos los demás métodos.

Fichero de configuración

Consulte Qt Quick Controls Archivo de configuración para obtener más información sobre el archivo de configuración.

Variables de entorno

Consulte Variables de entorno compatibles en Qt Quick Controls para ver la lista completa de variables de entorno compatibles.

Dependencia

El estilo Universal debe importarse por separado para poder acceder a los atributos específicos del estilo Universal. Debe tenerse en cuenta que, independientemente de las referencias al estilo Universal, el mismo código de aplicación se ejecuta con cualquier otro estilo. Los atributos específicos de Universal sólo tienen efecto cuando la aplicación se ejecuta con el estilo Universal.

Si el estilo Universal se importa en un archivo QML que se carga siempre, el estilo Universal debe desplegarse con la aplicación para poder ejecutar la aplicación independientemente del estilo con el que se ejecute la aplicación. Mediante el uso de selectores de archivo, se pueden aplicar ajustes específicos de estilo sin crear una dependencia dura a un estilo.

Colores universales predefinidos

Colores predefinidos disponibles:

Ver también la sección Estilo básico, Estilo material

Documentación de propiedades adjuntas

Esta propiedad adjunta contiene el color de acento del tema. La propiedad puede adjuntarse a cualquier ventana o elemento. El valor se propaga a los hijos.

El valor por defecto es Universal.Cobalt.

En el siguiente ejemplo, el color de acento del botón resaltado se cambia a Universal.Orange:

Button {
    text: qsTr("Button")
    highlighted: true
    Universal.accent: Universal.Orange
}

Esta propiedad adjunta contiene el color de fondo del tema. La propiedad puede adjuntarse a cualquier ventana o elemento. El valor se propaga a los hijos.

El valor por defecto es específico del tema (claro u oscuro).

En el siguiente ejemplo, el color de fondo del panel se cambia a Universal.Steel:

Pane {
    Universal.background: Universal.Steel

    Button {
        text: qsTr("Button")
    }
}

Esta propiedad adjunta contiene el color de primer plano del tema. La propiedad puede adjuntarse a cualquier ventana o elemento. El valor se propaga a los hijos.

El valor por defecto es específico del tema (claro u oscuro).

En el siguiente ejemplo, el color de primer plano del botón es Universal.Pink:

Button {
    text: qsTr("Button")
    Universal.foreground: Universal.Pink
}

Esta propiedad adjunta indica si el tema es claro u oscuro. La propiedad puede adjuntarse a cualquier ventana o elemento. El valor se propaga a los hijos.

Temas disponibles:

Si se establece el tema en System, se elige el tema claro u oscuro basándose en los colores del tema del sistema. Sin embargo, cuando se lee el valor de la propiedad theme, el valor nunca es System, sino el tema actual.

En el siguiente ejemplo, el tema del panel y del botón es Universal.Dark:

Pane {
    Universal.theme: Universal.Dark

    Button {
        text: qsTr("Button")
    }
}

Documentación del método adjunto

Este método adjunto devuelve el valor de color efectivo del color Universal predefinido especificado.

Rectangle {
    color: Universal.color(Universal.Red)
}

Información relacionada

• Estilización Qt Quick Controls