Definiciones estilo y estado
Definiciones de estilo
Todos los colores, formatos de texto y formatos de línea se gestionan y se representan en el entorno de mashup mediante entidades de definiciones de estilo. Una definición de estilo es una recopilación de elementos de estilo HTML que se pueden aplicar a un widget, igual como se aplica una definición CSS (hoja de estilo en cascada) a una etiqueta HTML.
Definición y utilización de definiciones de estilo
Cuando se crea un estilo, pueden definirse las siguientes propiedades:
• Cadena para mostrar: cadena descriptiva que se muestra para indicar la definición de estilo aplicada actualmente.
• Color de fondo: fondo para gráficos, botones, paneles, etc.
• Color de fondo secundario: se utiliza para widgets que soportan gradientes.
• Fuente en negrita (verdadero/falso).
• Fuente en cursiva (verdadero/falso).
• Fuente subrayada (verdadero/falso).
• Imagen: si el estilo del widget soporta visualizaciones de imagen, como botones, se puede seleccionar una imagen para representar el estilo de la imagen.
• Color de línea: para el estilo de plumillas en los gráficos.
• Espesor de línea: para el estilo de plumillas en los gráficos.
• Estilo de línea: se hace referencia normalmente a los bordes. En ThingWorx se proporcionan las siguientes opciones: Sólido, Con guiones, Con puntos, Ninguno.
• Tamaño de texto: permite elegir un tamaño de fuente de 9 a 72 px.
Se proporcionan muchas definiciones de estilo preinstaladas. Se recomienda crear un aspecto propio coherente para los componentes de mashup.
Definiciones de estado
Una definición de estado es una recopilación de definiciones de estilo, junto con reglas sobre cuándo se debe aplicar cada definición de estilo. La regla más la definición de estilo forman un estado. Una definición de estado debe tener más de un estado. De este modo, se puede aplicar formato de celdas basado en datos en una rejilla, por ejemplo, en función del valor de una columna del servicio de datos enlazado a la rejilla.
Al aplicar una definición de estado a un widget, también se debe seleccionar el campo del conjunto de datos del widget con el que desea que se evalúe la regla. De este modo, se pueden utilizar campos distintos de la columna de datos visible como el campo que determine el estado.
Definición y utilización de definiciones de estado
Al crear una definición de estado, se debe aplicar el tipo de estado como un tipo Cadena/Valor o Numérico. La definición de un tipo Cadena/Valor aplica la definición de estilo a una coincidencia exacta. La definición de un tipo Numérico aplica la definición de estilo a cualquier número dentro de un rango definido.
Al definir una definición de estado de Cadena/Valor, defina los siguientes campos para cada estado:
• Cadena/Valor: cadena con la que se desea coincidir.
• Nombre mostrado: se utiliza para indicar una bomba en ejecución frente a desactivada, por ejemplo, en lugar de utilizar el valor de coincidencia. Este nombre también se muestra al enlazar dinámicamente valores de estado (consulte lo siguiente).
• Estilo: la definición de estilo que desea aplicar en una coincidencia.
Al definir una definición de estado Numérico, defina los siguientes campos para cada estado:
• Operador: permite seleccionar Menor o igual que o Menor que.
• Valor: un valor numérico.
• Nombre mostrado: nombre que se utiliza para rotular el estado en tiempo de ejecución. Este nombre también se muestra al enlazar dinámicamente valores de estado (consulte lo siguiente).
• Estilo: la definición de estilo que desea aplicar en una coincidencia.
Es importante observar que se puede definir una definición de estado de manera bastante genérica y se pueden utilizar sustituciones específicas cuando el estado se aplica a un objeto. Por ejemplo, se puede tener un escenario típico donde haya una condición Bajo-Bajo, una condición Bajo, una condición Normal, una condición Alto y una condición Alto-Alto. Es recomendable utilizar la siguiente disposición de colores siempre que se aplique este concepto:
• Bajo-Bajo: naranja
• Bajo: amarillo
• Normal: verde
• Alto: violeta
• Alto-Alto: rojo
Sin embargo, el rango numérico real puede ser diferente para distintos puntos de datos, aunque los cinco estados sean los mismos. En lugar de definir una definición de estado para cada punto de datos, se puede aplicar la misma definición de estado, pero sustituir los rangos numéricos reales para la aplicación específica de una definición de estado para un widget. Esto se realiza en la configuración del widget.
Reemplazo de definiciones de estado
Hay dos maneras de sustituir la definición de estado:
• Elija la definición de estado que se debe utilizar para un widget específico y los valores específicos del widget de entrada en el cuadro de diálogo de configuración de procesador y estado.
• Enlace los valores de estado a un servicio de datos. Cuando se elige una definición de estado para aplicar a un widget, se añaden propiedades adicionales al panel de propiedades de widget, una para cada estado de una definición de estado. Las propiedades adicionales se denominan ValueFormat_<Display Name>, donde Display Name es el nombre que se ha aplicado en la definición original de estado. Se puede enlazar un valor de cualquier servicio de datos a dichas propiedades, lo que permite definir dinámicamente los límites de la definición de estado y hacer que esté completamente gobernada por datos.