Dynamic Properties and Stylesheets/es

This article may require cleanup to meet the Qt Wiki's quality standards. Reason: Auto-imported from ExpressionEngine. Please improve this article if you can. Remove the {{cleanup}} tag and add this page to Updated pages list after it's clean.

Spanish English German

Propiedades dinámicas y Hojas de estilo

Las hojas de estilo permiten personalizar el aspecto de las aplicaciones Qt sin tener que dominar la magia detrás de los estilos de Qt. Desde ligeros retoques a cosas muy complejas, las hojas de estilo pueden hacer el trabajo. Por la experiencia de usuario única real, y QtQuick QGraphicsView es una mejor opción.

Para una real y única experiencia de usuario, QtQuick y QGraphicsView son una mejor opción.

Cuando usamos hojas de estilo, los estilos son aplicados usando selectores. Por ejemplo, en el siguiente fragmento de código se muestra que todos los widgets QLineEdit tienen un fondo de color amarillo. Aqui el selecto es la palabra QLineEdit.

QLineEdit
{
 background: yellow;
}

Hay numerosos selectores basados en nombres de objetos, sub-controles, pseudo-estados y más. Estos pueden ser usados para cambiar el aspecto de una interfaz de usuario y hacer que todos los widgets QPushButton llamados okButton tengan el texto en verde y así sucesivamente.

Para cambios dinámicos en el aspecto de la interfaz de usuario, el selector de valor de la propiedad se puede utilizar en combinación con propiedades dinámicas. Las propiedades dinámicas se introdujeron en Qt 4.2 y permiten asignar el valor de las propiedades de QObjects para las propiedades que no existen en tiempo de compilación. Es decir, si decide establecer la propiedad de una llamada urgent en true para un QObject.

La creación de un selector de estilo dependendiente de una propiedad dinámica, por ejemplo, urgent, permite resaltar las partes de la interfaz de usuario de una manera muy dinámica. Por ejemplo, agregando la siguiente regla a la hoja de estilo anterior hará que cualquier QLineEdit con la propiedad urgent establezca el texto en rojo sobre un fondo amarillo.

[urgent=true]
{
 color: red;
}