Parte 5 - Referencia a Diseñador de Controles (PDF, 4.3 - B
Anuncio
Guía de Usuario Parte 5 Controles Disponibles para Diseño de Scada Status Enterprise Controles Disponibles para Diseño de Scada Contents CONTROLES DE INTERFAZ DE USUARIO ............................................................................................. 12 1 PROPIEDADES COMUNES DE LOS CONTROLES ........................................................................... 13 2 CONTROLES 3D........................................................................................................................ 14 2.1 Depósitos para Fluidos ....................................................................................................... 14 2.2 Motor Pesado...................................................................................................................... 15 2.3 Motor de Bobina Helicoidal ................................................................................................. 15 2.4 Medidor Magnético de Fluidos ............................................................................................ 16 2.5 Depósito de Fluidos Rectangular ........................................................................................ 16 2.6 Tanque de Agua ................................................................................................................. 17 2.7 Depósito en Torre para Fluidos .......................................................................................... 17 3 ALARMAS 19 3.1 Control de Alarmas ............................................................................................................. 19 4 BOTONES 21 4.1 Botón con Flecha ................................................................................................................ 21 4.2 Interruptor Plano ................................................................................................................. 22 4.3 Botón de “Gel” ..................................................................................................................... 23 4.4 Botón de Gel de Repetición ................................................................................................ 23 4.5 Botón de Gel de Palanca .................................................................................................... 24 4.6 Botón Genérico ................................................................................................................... 24 4.7 Botón de Repetición Generico ............................................................................................ 25 4.8 Botón de Conmutación Generico ........................................................................................ 25 4.9 Botón Industrial de Presión ................................................................................................. 26 4.10 Botón Industrial de Repetición ............................................................................................ 26 4.11 Botón de Conmutación Industrial........................................................................................ 27 4.12 Botón de Conmutación de Potencia ................................................................................... 28 4.13 Interruptor Conmutador ...................................................................................................... 28 4.14 Botón de Seguridad ............................................................................................................ 29 5 DIAGRAMAS ............................................................................................................................. 31 5.1 Diagrama de Barras ............................................................................................................ 31 5.2 Gráfico Mixto ....................................................................................................................... 32 5.2.1 [Añadir] Barra Mixta ......................................................................................................... 33 5.2.2 [Añadir] Línea Mixta ......................................................................................................... 34 5.3 Gráfico de Pastel ................................................................................................................ 34 5.3.1 [Añadir] Pieza de Pastel .................................................................................................. 35 5.4 Gráfico Apilado ................................................................................................................... 37 5.4.1 [Añadir] Parte de Barra Apilada ...................................................................................... 37 6 CONTROLES DE COLECCIÓN ..................................................................................................... 38 6.1 Colección Cuadrícula o ‘Grid’ ............................................................................................. 38 6.2 Árbol del Documento .......................................................................................................... 42 6.3 Control de Datos Históricos ................................................................................................ 43 6.4 Control Lista de Fichas de Objetos ..................................................................................... 45 6.5 Propiedad ‘Grid’ .................................................................................................................. 47 7 CONTROLES COMUNES ............................................................................................................. 49 7.1 ‘Check Box’ ......................................................................................................................... 49 7.2 Expansor ............................................................................................................................. 50 7.3 Deslizador Horizontal .......................................................................................................... 51 7.4 Imagen ................................................................................................................................ 52 7.5 Etiqueta ............................................................................................................................... 52 7.6 Campo de Password .......................................................................................................... 53 1 Status Enterprise Controles Disponibles para Diseño de Scada 7.7 Barra de Progreso............................................................................................................... 53 7.8 Caja de texto Enriquecido ................................................................................................... 54 7.9 Caja de Texto...................................................................................................................... 55 7.10 Botón Conmutador .............................................................................................................. 56 7.11 Deslizador Vertical .............................................................................................................. 56 8 CONTENEDORES ....................................................................................................................... 58 8.1 Lupa .................................................................................................................................... 58 8.2 Control Tipo Placa .............................................................................................................. 59 9 CINTAS 60 9.1 Cinta Transportadora .......................................................................................................... 60 10 CONTROLES DE ADMINISTRACIÓN DE DATOS ............................................................................. 61 10.1 Botón de Cambio de Componente ..................................................................................... 61 10.2 Botón de Gel de Cambio de Componente .......................................................................... 62 10.3 Botón para Crear Objeto ..................................................................................................... 63 10.4 Botón de Gel para Crear objetos ........................................................................................ 64 11 CONTROLES DE FECHA Y HORA ................................................................................................ 66 11.1 Reloj Analógico ................................................................................................................... 66 11.2 Calendario ........................................................................................................................... 67 11.3 Selector de Fecha ............................................................................................................... 68 11.4 Panel de Fecha y Hora ....................................................................................................... 69 11.5 Control de Tiempo Transcurrido ......................................................................................... 69 11.6 Control de Hora................................................................................................................... 71 12 DIAGNOSTICO ........................................................................................................................... 72 12.1 Control de Log de Actividad ................................................................................................ 72 13 DOCUMENTOS .......................................................................................................................... 74 13.1 Visor de Documentos ......................................................................................................... 74 13.2 Enlace a Documentos ......................................................................................................... 74 14 MEDIDORES.............................................................................................................................. 76 14.1 Doble Medidor ..................................................................................................................... 76 14.2 Medidor Dinámico ............................................................................................................... 78 14.3 Medidor Lineal Horizontal o “Horizontal Linear Gauge” ..................................................... 79 14.4 Medidor Parabólico o “Parabolic Gauge” ........................................................................... 80 14.5 Medidor de Competición o “Racing Gauge” ....................................................................... 81 14.6 Medidor Radial .................................................................................................................... 82 14.7 Medidor Simple ................................................................................................................... 83 14.8 Medidor Variable ................................................................................................................. 84 14.9 Medidor Lineal Vertical ....................................................................................................... 85 15 GRIDS Y PANELES .................................................................................................................... 87 15.1 Borde .................................................................................................................................. 87 15.2 Lienzo o “Canvas” ............................................................................................................... 87 15.3 “Dock Panel” ....................................................................................................................... 88 15.3.1 Cuadrícula o “Grid” .......................................................................................................... 88 15.4 Divisor de Cuadrícula o “Grid Splitter” ................................................................................ 89 15.5 “Ink Canvas” ........................................................................................................................ 89 15.6 “Stack Panel” ...................................................................................................................... 90 15.7 Cuadrícula Uniforme o “Uniform Grid” ................................................................................ 90 15.8 Lupa .................................................................................................................................... 91 15.9 “Viewport 3D” ...................................................................................................................... 91 15.10 “Wrap Panel” ....................................................................................................................... 92 16 CONTROLES CON INDICADORES ................................................................................................ 93 2 Status Enterprise Controles Disponibles para Diseño de Scada 16.1 Indicador de Nivel de Cinco Estados .................................................................................. 93 16.2 Indicador de Nivel de Tres Estados .................................................................................... 94 16.3 Columna Indicador de Cinco Estados ................................................................................ 95 16.4 Columna Indicador de Tres Estados .................................................................................. 96 17 VALORES DE ENTRADA ............................................................................................................. 97 17.1 Caja de Texto...................................................................................................................... 97 18 CONTROL DE ELEMENTOS ......................................................................................................... 98 18.1 Control de Enumeración ..................................................................................................... 98 18.1.1 Control de Enumeración de Elementos ........................................................................... 99 18.2 Barra de Estado .................................................................................................................. 99 18.2.1 [Agregar] Elemento de Barra de Estado. ....................................................................... 100 18.3 Control de Tipo Ficha ....................................................................................................... 100 18.3.1 [Agregar] Componente Ficha......................................................................................... 101 18.4 Barra de Herramientas y Bandeja de Barra de Herramientas .......................................... 102 18.5 Control Vista de Arbol ....................................................................................................... 103 18.5.1 Tree View Item [Add] ..................................................................................................... 103 19 ETIQUETAS ............................................................................................................................. 105 19.1 Etiqueta de Datos ............................................................................................................. 105 19.2 Etiqueta Genérica ............................................................................................................. 105 19.3 Etiqueta Indicadora ........................................................................................................... 106 19.4 Etiqueta de Función Varianza ........................................................................................... 107 20 VISORES DE LED ................................................................................................................... 109 20.1 Visor de LED de Cinco por Siete ...................................................................................... 110 20.2 Luz LED ............................................................................................................................ 110 20.3 LED de Siete Segmentos ................................................................................................. 112 20.4 LED de Dieciseis Segmentos ........................................................................................... 112 21 MULTIMEDIA ........................................................................................................................... 114 21.1 Imagen Enlazable ............................................................................................................. 114 21.2 Media Control.................................................................................................................... 114 21.3 “Video Text Block”............................................................................................................. 115 21.4 Navegador Web ................................................................................................................ 116 22 CONTROLES DE MISCELÁNEA.................................................................................................. 117 22.1 Fuego Animado................................................................................................................. 117 22.2 Control de Botón de Radio de Enumeración .................................................................... 118 22.2.1 Control de Elemento de Botón de Radio de Enumeración ............................................ 118 22.3 Control de Puntuaciones .................................................................................................. 120 23 MOTORES Y VENTILADORES .................................................................................................... 121 23.1 Bomba Centrifugadora ...................................................................................................... 121 23.2 Engranaje .......................................................................................................................... 122 23.3 Motor Pesado.................................................................................................................... 122 23.4 Motor de Bobina Helicoidal ............................................................................................... 123 23.5 Rueda de Metal................................................................................................................. 125 23.6 Rueda de Palas ................................................................................................................ 125 23.7 Ventilador Simple .............................................................................................................. 126 23.8 Rueda Pequeña ................................................................................................................ 126 23.9 Rueda Dentada ................................................................................................................. 127 23.10 Motor Cuadrado ................................................................................................................ 128 23.11 Neumático ......................................................................................................................... 129 23.12 Aero Generador ................................................................................................................ 129 24 BOTONES DE NAVEGACIÓN. .................................................................................................... 131 24.1 Botón de Navegación de Funciones Clave ...................................................................... 133 3 Status Enterprise Controles Disponibles para Diseño de Scada 24.2 Botón de Navegación de Gel “Atrás” ................................................................................ 134 24.3 Botón de Navegación de Gel ............................................................................................ 134 24.4 Botón de Navegación “Atrás” ............................................................................................ 135 24.5 Borde de Navegación ....................................................................................................... 137 24.6 Botón de Navegación ....................................................................................................... 137 24.7 Menú Desplegable de Navegación ................................................................................... 138 24.8 Lista de Opciones de Navigation ...................................................................................... 139 25 CONDUCTOS Y DEPÓSITOS...................................................................................................... 140 25.1 Conector de Conductos .................................................................................................... 140 25.2 Depósito Seccionado ........................................................................................................ 141 25.3 Depósito Cilindrico ............................................................................................................ 141 25.4 Fitted Elbow Pipe .............................................................................................................. 142 25.5 Conducto Ajustable ........................................................................................................... 143 25.6 Conducto Ajustable con Indicador de Flujo ...................................................................... 143 25.7 Tanque de Embudo .......................................................................................................... 144 25.8 Depósito con Indicador Vertical ........................................................................................ 144 25.9 Depósito Mezclador .......................................................................................................... 146 25.10 Conducto Curvado Estandar ............................................................................................ 146 25.11 Conducto Estandar ........................................................................................................... 147 25.12 Conducto Estandar con Indicador de Flujo ...................................................................... 147 25.13 Conector Universal de Conductos .................................................................................... 148 25.14 Válvula .............................................................................................................................. 148 25.15 Depósito Vessel ................................................................................................................ 149 26 SCRIPT 150 26.1 Botón ................................................................................................................................. 150 26.2 Combo Box ....................................................................................................................... 150 26.2.1 Elemento de Combo Box [Agregar] DISEÑADOR DE ‘MIMICS’| DISEÑADOR DE APLICACIONES150 26.3 Lista .................................................................................................................................. 151 26.3.1 Añadir Elemento Lista .................................................................................................... 152 26.4 Vista de Lista .................................................................................................................... 152 26.4.1 [Añadir] Elemento a la Vista de Lista ............................................................................. 153 26.5 Menu ................................................................................................................................. 153 26.5.1 [Añadir] Elemento a Menú ............................................................................................. 154 26.6 Control de Script ............................................................................................................... 155 27 CONTROLES DE DESPLAZAMIENTO .......................................................................................... 156 27.1 Desplazamiento Decolorado ............................................................................................. 156 27.2 Marquesina ....................................................................................................................... 157 27.3 Visor de Canal RSS .......................................................................................................... 158 28 FORMAS BÁSICAS .................................................................................................................. 159 28.1 Elipse ................................................................................................................................ 159 28.2 Línea ................................................................................................................................. 159 28.3 Trazos ............................................................................................................................... 160 28.4 Polígono ............................................................................................................................ 161 28.5 Multilíneas ......................................................................................................................... 161 28.6 Polígono y Lápiz Multilínea ............................................................................................... 161 28.7 Rectangulo ........................................................................................................................ 162 29 GRÁFICAS DE TENDENCIA ....................................................................................................... 163 29.1 Gráfica de Tendencia ....................................................................................................... 163 29.2 Línea Gráfica de Tendencia ............................................................................................. 165 30 VISORES 167 30.1 Barra de Desplazamiento ................................................................................................. 167 30.2 Controles de Terceros ...................................................................................................... 168 4 Status Enterprise 30.3 Controles Disponibles para Diseño de Scada Agregar Control WPF ....................................................................................................... 168 Imagen 1- Tabla de Propiedades Comunes ..................................................................................................... 13 Imagen 2 – Depósitos para Fluidos ................................................................................................................... 14 Imagen 3 – Tabla de propiedades del grupo de Depósitos para Fluidos ................................................. 14 Imagen 4 – Motor Pesado ..................................................................................................................................... 15 Imagen 5 – Tabla de propiedades del Motor Pesado .................................................................................... 15 Imagen 6 – Vista 3D del Motor de Bobina Helicoidal ..................................................................................... 15 Imagen 7 – Tabla de Propiedades del Motor de Bobina Helicoidal ........................................................... 15 Imagen 8 – Medidor Magnético de Fluidos ...................................................................................................... 16 Imagen 9 - Tabla de Propiedades del Medidor Magnético de Fluidos ...................................................... 16 Imagen 10 – Depósito de Fluidos Rectangular ............................................................................................... 16 Imagen 11 - Tabla de Propiedades del Depósito de Fluidos Rectangular ............................................... 17 Imagen 12 – Tanque de Agua .............................................................................................................................. 17 Imagen 13 - Tabla de Propiedades del Tanque de Agua .............................................................................. 17 Imagen 14 – Depósito en Torre para Fluidos .................................................................................................. 18 Imagen 15 - Tabla de Propiedades del Depósito en Torre para Fluidos .................................................. 18 Imagen 16 – Control de Alarmas......................................................................................................................... 19 Imagen 17 - Tabla de Propiedades del Control de Alarmas ........................................................................ 20 Imagen 18 - Tabla de Propiedades Comunes de Botones. .......................................................................... 21 Imagen 19 – Botón con Flecha ............................................................................................................................ 22 Imagen 20 - Tabla de Propiedades del Botón Flecha .................................................................................... 22 Imagen 21 – Interruptor Plano ............................................................................................................................. 22 Imagen 22 - Tabla de Propiedades del Interruptor Plano ............................................................................. 23 Imagen 23 – Botón de Gel .................................................................................................................................... 23 Imagen 24 - Tabla de Propiedades Botón de Gel ........................................................................................... 23 Imagen 25 – Botón de Gel de Repetición . ....................................................................................................... 23 Imagen 26 - Tabla de Propiedades Botón de Gel de Repetición ................................................................ 24 Imagen 27 – Botón de Gel de Palanca ............................................................................................................... 24 Imagen 28 - Tabla de Propiedades del Botón de Gel de Palanca............................................................... 24 Imagen 29 – Botón Genérico ............................................................................................................................... 24 Imagen 30 – Tabla de Propiedades del Botón Genérico .............................................................................. 25 Imagen 31 – Botón de Repetición Genérico .................................................................................................... 25 Imagen 32 - Tabla de Propiedades del Botón de Repetición Genérico .................................................... 25 Imagen 33 – Botón de Conmutación Genérico ............................................................................................... 25 Imagen 34 - Tabla de Propiedades Botón de Conmutación Generico ...................................................... 26 Imagen 35 – Botón Industrial de Presión ......................................................................................................... 26 Imagen 36 - Tabla de Propiedades Botón Industrial de Presión. ............................................................... 26 Imagen 37 – Botón Industrial de Repetición .................................................................................................... 27 Imagen 38- Tabla de Propiedades del Botón Industrial de Repetición ..................................................... 27 Imagen 39 – Botón de conmutación Industrial ............................................................................................... 27 Imagen 40 - Tabla de Propiedades del Botón de Conmutación Industrial .............................................. 28 Imagen 41 – Botón de Conmutación de Potencia .......................................................................................... 28 Imagen 42 – Tabla de Propiedades Botón de Conmutación de Potencia ................................................ 28 Imagen 43 – Interruptor Conmutador ................................................................................................................ 29 Imagen 44 - Tabla de Propiedades del Interruptor Conmutador ................................................................ 29 Imagen 45 – Botón de Seguridad ....................................................................................................................... 29 Imagen 46 – Tabla de Propiedades del Interruptor de Seguridad .............................................................. 30 Imagen 47 – Gráfico de Barras ............................................................................................................................ 31 Imagen 48 - Tabla de Propiedades de gráfico de Barras. ............................................................................ 31 Imagen 49 - Barra [Añadir] ................................................................................................................................... 32 Imagen 50 - Tabla de Propiedades [Añadir] Barra ......................................................................................... 32 Imagen 51 – Gráfico Mixto .................................................................................................................................... 32 Imagen 52 - Tabla de Propiedades de Gráfico Mixto ..................................................................................... 33 5 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 53 - [Añadir] Barra Mixta ........................................................................................................................ 33 Imagen 54 - Tabla de Propiedades [Añadir] Barra Mixta. ............................................................................. 34 Imagen 55 – Icono de [Añadir] Línea Mixta ...................................................................................................... 34 Imagen 56 - Tabla de Propiedades Línea Mixta .............................................................................................. 34 Imagen 57 – gráfico de Pastel ............................................................................................................................. 35 Imagen 58 - Tabla de Propiedades Gráfico de Pastel ................................................................................... 35 Imagen 59 – Icono [Añadir] Pieza de Pastel .................................................................................................... 35 Imagen 60 - Tabla de Propiedades [Añadir] Pieza de Pastel ....................................................................... 36 Imagen 61 – Gráfico Apilado................................................................................................................................ 37 Imagen 62 – Icono de [Añadir] Parte de Barra Apilada ................................................................................ 37 Imagen 63 - Tabla de Propiedades Parte de Barra Apilada ......................................................................... 37 Imagen 64 - Colección Cuadrícula o ‘Grid’ ...................................................................................................... 38 Imagen 65 – Cuadro de Diálogo Colección Cuadrícula o ‘Grid’ ................................................................. 38 Imagen 66 – Cuadro de Dialogo “Filtrar”.......................................................................................................... 39 Imagen 67 – Colección ‘Grid’ con un filtro añadido. ..................................................................................... 40 Imagen 68 - Tabla de Propiedades de Colección ‘Grid’ ................................................................................ 41 Imagen 69 – Control Árbol del Documento ...................................................................................................... 42 Imagen 70 - Tabla de Propiedades del Control Árbol de Documentos. ................................................... 42 Imagen 71 – Control Datos Históricos .............................................................................................................. 43 Imagen 72 – Configuración de Propiedades de la Colección del Control Histórico ............................. 43 Imagen 73 – Control Recogedor de Componentes Histórico ...................................................................... 44 Imagen 74 – Control Histórico ............................................................................................................................. 44 Imagen 75 - Tabla de Propiedades Control Histórico. .................................................................................. 45 Imagen 76 – Configuración de Propiedades de la Colección de Control Lista de Fichas de Objetos ............................................................................................................................................................................ 45 Imagen 77 - Control Lista de Fichas de Objetos............................................................................................. 45 Imagen 78 - Tabla de Propiedades de Control Lista de Fichas de Objetos ............................................. 46 Imagen 79 – Propiedad ‘grid’ con Adornos Azules para redimensionamiento. ..................................... 47 Imagen 80 – Propiedad ‘Grid’ en ejecución ..................................................................................................... 47 Imagen 81 – Cuadro de Dialogo de Instalación de la Propiedad ‘Grid’ .................................................... 48 Imagen 82 - Tabla de Propiedades Propiedad ‘Grid’ ..................................................................................... 48 Imagen 83 – ‘Check Box’ ...................................................................................................................................... 49 Imagen 84 - Tabla de Propiedades ‘Check Box’ ............................................................................................. 49 Imagen 85 - Expansor ............................................................................................................................................ 50 Imagen 86 - Tabla de Propiedades del Expander ........................................................................................... 50 Imagen 87 – Deslizador Horizontal..................................................................................................................... 51 Imagen 88 - Tabla de Propiedades del Deslizador Horizontal .................................................................... 51 Imagen 89 – Control de Imagen .......................................................................................................................... 52 Imagen 90 - Tabla de Propiedades del Control Imagen ................................................................................ 52 Imagen 91 - Etiqueta .............................................................................................................................................. 52 Imagen 92 - Tabla de Propiedades del Control Etiqueta .............................................................................. 53 Imagen 93 – Campo de Password ...................................................................................................................... 53 Imagen 94 - Tabla de Propiedades de Campo de Password ....................................................................... 53 Imagen 95 – Barra de Progreso .......................................................................................................................... 53 Imagen 96 - Tabla de Propiedades de la Barra de Progreso ....................................................................... 54 Imagen 97 – Caja de Texto Enriquecido ........................................................................................................... 54 Imagen 98 - Tabla de Propiedades Caja de Texto Enriquecido .................................................................. 54 Imagen 99 – Caja de Texto ................................................................................................................................... 55 Imagen 100 - Tabla de Propiedades de la Caja de Texto .............................................................................. 55 Imagen 101 – Botón Conmutador ....................................................................................................................... 56 Imagen 102 - Tabla de Propiedades del Botón Conmutador ....................................................................... 56 Imagen 103 – Deslizador Vertical ....................................................................................................................... 57 Imagen 104 - Tabla de Propiedades del Deslizador Vertical ....................................................................... 57 Imagen 105 - Lupa .................................................................................................................................................. 58 Imagen 106 - Tabla de Propiedades de la Lupa .............................................................................................. 58 6 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 107 –Control Tipo Placa ......................................................................................................................... 59 Imagen 108 - Tabla de Propiedades del Control Tipo Placa ........................................................................ 59 Imagen 109 – Cinta Transportadora ................................................................................................................... 60 Imagen 110 - Tabla de Propiedades de la Cinta Transportadora ............................................................... 60 Imagen 111 – Botón de Cambio de Componente ........................................................................................... 61 Imagen 112 - Tabla de Propiedades del Botón de Cambio de Componente ........................................... 61 Imagen 113 – Configuración del Botón Cambio de Componente .............................................................. 62 Imagen 114 – Selección de Usuario en el Botón de Cambio de Componente ........................................ 62 Imagen 115 – Botón de Gel de Cambio de Componente .............................................................................. 62 Imagen 116 - Tabla de Propiedades del Botón de Cambio de Componente de Tipo Gel .................... 63 Imagen 117 – Botón para Crear Objeto ............................................................................................................. 63 Imagen 118 - Tabla de Propiedades del Botón de Crear Objeto................................................................. 63 Imagen 119 – Ventana Setup de las propiedades del Botón de Crear Objeto ........................................ 64 Imagen 120 – Botón de Gel para Crear Objetos ............................................................................................. 64 Imagen 121 - Tabla de Propiedades del Botón de Gel para Crear Objetos ............................................. 65 Imagen 122 - Tabla de Propiedades de Fecha y Hora ................................................................................... 66 Imagen 123 – Reloj Analógico ............................................................................................................................. 66 Imagen 124 - Tabla de Propiedades del Reloj Analógico ............................................................................. 67 Imagen 125 - Calendario ....................................................................................................................................... 67 Imagen 126 - Tabla de Propiedades del Calendario ...................................................................................... 68 Imagen 127 – Selector de Fecha ......................................................................................................................... 68 Imagen 128 - Tabla de Propiedades del Selector de Fecha ......................................................................... 68 Imagen 129 – Panel de Fecha y Hora................................................................................................................. 69 Imagen 130 - Tabla de Propiedades del Panel de Fecha y Hora................................................................. 69 Imagen 131 – Conrol de Tiempo Transcurrido ................................................................................................ 69 Imagen 132 - Elapsed Time Control Tabla de Propiedades ......................................................................... 70 Imagen 133 – Control de Hora ............................................................................................................................. 71 Imagen 134 - Tabla de Propiedades Control de Hora .................................................................................... 71 Imagen 135 - Tabla de Propiedades de los Controles de Diagnóstico ..................................................... 72 Imagen 136 – Control de Log de Actividad ...................................................................................................... 72 Imagen 137 - Tabla de Propiedades de Control de Log de Actividad ....................................................... 73 Imagen 138 – Visor de Documentos .................................................................................................................. 74 Imagen 139 - Tabla de Propiedades del Visor de Documentos .................................................................. 74 Imagen 140 – Enlace a Documentos .................................................................................................................. 75 Imagen 141 - Tabla de Propiedades del Enlace de Documentos ............................................................... 75 Imagen 142 - Tabla de Propiedades de los Medidores ................................................................................. 76 Imagen 143 – Doble Medidor ............................................................................................................................... 76 Imagen 144 - Tabla de Propiedades de Medidor Dual ................................................................................... 78 Imagen 145 – Medidor Dinámico......................................................................................................................... 78 Imagen 146 - Tabla de Propiedades “Dynamic Gauge” ................................................................................ 79 Imagen 147 – Medidor Lineal Horizontal .......................................................................................................... 79 Imagen 148 - Tabla de Propiedades “Horizontal Linear Gauge” ................................................................ 80 Imagen 149 – Medidor Parabólico o Parabolic Gauge .................................................................................. 80 Imagen 150 - Tabla de Propiedades del Medidor Parabólico ...................................................................... 81 Imagen 151 – Medidor de Competición ............................................................................................................. 81 Imagen 152 - Tabla de Propiedades de Medidor de Competición. ............................................................. 82 Imagen 153 – Medidor Radial .............................................................................................................................. 82 Imagen 154 - Tabla de Propiedades del medidor Radial. ............................................................................. 83 Imagen 155 – Medidor Simple ............................................................................................................................. 83 Imagen 156 - Tabla de Propiedades de Medidor Simple .............................................................................. 84 Imagen 157 – Medidor Variable ........................................................................................................................... 84 Imagen 158 - Tabla de Propiedades de Medidor Variable. .......................................................................... 85 Imagen 159 – Medidor Lineal Vertical ............................................................................................................... 86 Imagen 160 - Tabla de Propiedades del Medidor Lineal Vertical ............................................................... 86 Imagen 161 - Borde ................................................................................................................................................ 87 7 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 162 - Tabla de Propiedades de Borde ................................................................................................ 87 Imagen 163 - Canvas .............................................................................................................................................. 87 Imagen 164 - Tabla de Propiedades del Canvas ............................................................................................. 88 Imagen 165 – “Dock Panel”.................................................................................................................................. 88 Imagen 166 - Tabla de Propiedades de Dock Panel ....................................................................................... 88 Imagen 167 – Cuadrícula o “Grid” ...................................................................................................................... 88 Imagen 168 - Tabla de Propiedades del Grid ................................................................................................... 89 Imagen 169 - Grid Splitter ..................................................................................................................................... 89 Imagen 170 - Tabla de Propiedades del Grid Splitter .................................................................................... 89 Imagen 171 - Ink Canvas ....................................................................................................................................... 89 Imagen 172 - Tabla de Propiedades de Ink Canvas ....................................................................................... 90 Imagen 173 – “Stack Panel” ................................................................................................................................. 90 Imagen 174 - Tabla de Propiedades del Stack Panel ..................................................................................... 90 Imagen 175 – “Uniform Grid” .............................................................................................................................. 90 Imagen 176 - Tabla de Propiedades de “Uniform Grid”................................................................................ 90 Imagen 177 - Lupa .................................................................................................................................................. 91 Imagen 178 - Tabla de Propiedades Lupa ........................................................................................................ 91 Imagen 179 – “Viewport 3D” ................................................................................................................................ 91 Imagen 180 - Tabla de Propiedades “Viewport 3D” ....................................................................................... 92 Imagen 181 – “Wrap Panel” ................................................................................................................................. 92 Imagen 182 - Tabla de Propiedades de “Wrap Panel” .................................................................................. 92 Imagen 183 - Tabla de Propiedades Comunes de Indicadores .................................................................. 93 Imagen 184 – Indicador de Nivel de Cinco Estados ...................................................................................... 94 Imagen 185 – Propiedades del Indicador de Nivel de Cinco Estados ....................................................... 94 Imagen 186 – Indicador de Nivel de Tres Estados ......................................................................................... 94 Imagen 187 – Tabla de Propiedades del Indicador de Tres Estados ........................................................ 95 Imagen 188 – Columna Indicador de Cinco Estados ..................................................................................... 95 Imagen 189 - Tabla de Propiedades de la Columna Indicador de Cinco Estados ................................. 96 Imagen 190 – Columna Indicador de Tres Estados ....................................................................................... 96 Imagen 191 - Tabla de Propiedades Columna Indicador de Tres Estados .............................................. 96 Imagen 192 – Caja de Texto ................................................................................................................................. 97 Imagen 193 - Data Text Box Tabla de Propiedades ....................................................................................... 97 Imagen 194 – Control de Enumeración con Lista Desplegable .................................................................. 98 Imagen 195 - Tabla de Propiedades Control Enumeración ......................................................................... 99 Imagen 196 - Control de Enumeración de Elementos ................................................................................... 99 Imagen 197 - Tabla de Propiedades de Control Enumeración y Control de Enumeración de Elementos ........................................................................................................................................................ 99 Imagen 198 – Barra de Estado ............................................................................................................................ 99 Imagen 199 – [Agregar] Elemento de la Barra de Estado .......................................................................... 100 Imagen 200 - Tabla de Propiedades de la Barra de Estado ....................................................................... 100 Imagen 201 – Control de Tipo Ficha ................................................................................................................ 101 Imagen 202 – Icono para [Agregar] Nueva Ficha ......................................................................................... 101 Imagen 203 - Tabla de Propiedades del Control de Tipo Ficha ................................................................ 102 Imagen 204 – Bandeja de Barra de Herramientas y Barras de Herramientas Asociadas. ................. 102 Imagen 205 - Tabla de Propiedades del Control Barra de Herramientas ............................................... 103 Imagen 206 – Control Vista de Arbol ............................................................................................................... 103 Imagen 207 - Tree View Item [Add] Icon ......................................................................................................... 103 Imagen 208 - Tabla de Propiedades Vista de Árbol ..................................................................................... 104 Imagen 209 – Etiqueta de Datos ....................................................................................................................... 105 Imagen 210 - Tabla de Propiedades de Etiquea de Datos. ......................................................................... 105 Imagen 211 – Etiqueta Genérica ....................................................................................................................... 106 Imagen 212 - Tabla de Propiedades Etiqueta Genérica .............................................................................. 106 Imagen 213 – Etiqueta Indicadora .................................................................................................................... 107 Imagen 214 - Tabla de Propiedades de la Etiqueta Indicadora. ................................................................ 107 Imagen 215 – Etiqueta de Función Varianza .................................................................................................. 107 8 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 216 - Tabla de Propiedades de la Etiqueta de Función Varianza .............................................. 108 Imagen 217 – Tabla de Propiedades Comunes de los Visores LED ........................................................ 109 Imagen 218 - Visor de LED de Cinco por Siete ............................................................................................. 110 Imagen 219 - Tabla de Propiedades de Visor de LED de Cinco por Siete ............................................. 110 Imagen 220 – Luz LED ......................................................................................................................................... 110 Imagen 221 - Tabla de Propiedades de Luz LED .......................................................................................... 110 Imagen 222 - LED de Siete Segmentos ........................................................................................................... 112 Imagen 223 - Tabla de Propiedades de LED de Siete Segmentos. .......................................................... 112 Imagen 224 - LED de Dieciseis Segmentos. .................................................................................................. 112 Imagen 225 - Tabla de Propiedades de LED de Dieciseis Segmentos. .................................................. 113 Imagen 226 – Imagen Enlazable ........................................................................................................................ 114 Imagen 227 - Tabla de Propiedades de Imagen Enlazable ......................................................................... 114 Imagen 228 - Media Control ............................................................................................................................... 115 Imagen 229 - Tabla de Propiedades Media Control ..................................................................................... 115 Imagen 230 – “Video Text Block” ..................................................................................................................... 115 Imagen 231 - Tabla de Propiedades “Video Text Block” ............................................................................ 116 Imagen 232 – Navegador Web ........................................................................................................................... 116 Imagen 233 – Tabla de Propiedades de Navegador Web. .......................................................................... 116 Imagen 234 - Animated Fire ............................................................................................................................... 117 Imagen 235 - Tabla de Propiedades de Fuego Animado ............................................................................ 117 Imagen 236 - Control de Botón de Radio de Enumeración........................................................................ 118 Imagen 237 – Tabla de Propiedades del Control Enumeración de Botón de Radio ........................... 118 Imagen 238 - Control de Elemento de Botón de Radio de Enumeración ............................................... 118 Imagen 239 - Tabla de Propiedades de Control de Elemento de Botón de Radio de Enumeración .......................................................................................................................................................................... 119 Imagen 240 – Control de Puntuaciones .......................................................................................................... 120 Imagen 241 - Rat Tabla de Propiedades del Control de Puntuaciónes. ................................................. 120 Imagen 242 – Tabla de Propiedades Comunes de Motores y Ventiladores .......................................... 121 Imagen 243- Bomba Centrifugadora ................................................................................................................ 121 Imagen 244 - Tabla de Propiedades de Bomba Centrifugadora ............................................................... 122 Imagen 245 - Engranaje ....................................................................................................................................... 122 Imagen 246 - Tabla de Propiedades de Engranaje ....................................................................................... 122 Imagen 247 – Motor Pesado ............................................................................................................................... 123 Imagen 248 - Tabla de Propiedades Motor Pesado ..................................................................................... 123 Imagen 249 – Motor de Bobina Helicoidal ...................................................................................................... 123 Imagen 250 - Tabla de Propiedades Motor de Bobina Helicoidal ............................................................. 124 Imagen 251 – Rueda de Metal ............................................................................................................................ 125 Imagen 252 - Tabla de Propiedades de Rueda de Metal ............................................................................. 125 Imagen 253 – Rueda de Palas ............................................................................................................................ 125 Imagen 254 - Tabla de Propiedades Rueda de Palas .................................................................................. 126 Imagen 255 – Ventilador Simple ....................................................................................................................... 126 Imagen 256 - Tabla de Propiedades de Ventilador Simple ........................................................................ 126 Imagen 257 – Rueda Pequeña ........................................................................................................................... 127 Imagen 258 - Tabla de Propiedades de Rueda Pequeña ............................................................................ 127 Imagen 259 – Rueda Dentada ............................................................................................................................ 127 Imagen 260 - Tabla de Propiedades de Rueda Dentada ............................................................................. 128 Imagen 261 – Motor Cuadrado .......................................................................................................................... 128 Imagen 262 - Tabla de Propiedades Motor Cuadrado. ................................................................................ 128 Imagen 263 - Neumático...................................................................................................................................... 129 Imagen 264 - Tabla de Propiedades de Neumático ...................................................................................... 129 Imagen 265 – Aero Generador ........................................................................................................................... 129 Imagen 266 - Tabla de Propiedades de Aero Generador. ........................................................................... 130 Imagen 267 – Configurar Propiedades de Navegación en el Diseñador de ‘Mimics’ ......................... 131 Imagen 268 – Configuración de Propiedades de Navegación en el Diseñador de Aplicaciones. ... 132 Imagen 269 - Tabla de Propiedades Comunes de los Botones de Navegación. .................................. 133 9 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 270 - Botón de Navegación de Funciones Clave ........................................................................... 133 Imagen 271 - Tabla de Propiedades de Botón de Navegación de Funciones Clave ........................... 134 Imagen 272 - Botón de Navegación de Gel “Atrás” ..................................................................................... 134 Imagen 273 - Tabla de Propiedades de Botón de Navegación de Gel “Atrás” ..................................... 134 Imagen 274 – Botón de Navegación de Gel ................................................................................................... 135 Imagen 275 - Tabla de Propiedades de Botón de Navegación de Gel. ................................................... 135 Imagen 276 - Botón de Navegación “Atrás” .................................................................................................. 135 Imagen 277 - Tabla de Propiedades de Botón de Navegación “Atrás” .................................................. 136 Imagen 278 – Borde de Navegación ................................................................................................................ 137 Imagen 279 - Tabla de Propiedades del Borde de Navegación ................................................................ 137 Imagen 280 – Botón de Navegación ................................................................................................................ 137 Imagen 281 - Tabla de Propiedades de Botón de Navegación. ................................................................ 138 Imagen 282 – Menú Desplegable de Navegación ......................................................................................... 138 Imagen 283 - Tabla de Propiedades del Menú Desplegable de Navegación ......................................... 138 Imagen 284 – Lista de Opciones de Navegación .......................................................................................... 139 Imagen 285 - Tabla de Propiedades de la Lista de Opciones de Navegación ...................................... 139 Imagen 286 – Tabla de Propiedades de Conductos y Depósitos. ............................................................ 140 Imagen 287 – Conector de Conductos ............................................................................................................ 140 Imagen 288 - Tabla de Propiedades de Conector de Conductos ............................................................. 141 Imagen 289 – Depósito Seccionado ................................................................................................................. 141 Imagen 290 - Tabla de Propiedades Deposito Seccionado ....................................................................... 141 Imagen 291 – Depósito Cilindrico..................................................................................................................... 142 Imagen 292 - Tabla de Propiedades de Depósito Cilíndrico ...................................................................... 142 Imagen 293 – Tubería en forma de codo ........................................................................................................ 142 Imagen 294 - Tabla de Propiedades Tubería en forma de codo. .............................................................. 142 Imagen 295 – Conducto Ajustable ................................................................................................................... 143 Imagen 296 - Tabla de Propiedades de Conducto Ajustable .................................................................... 143 Imagen 297 – Conducto Ajustable con Indicador de Flujo ........................................................................ 143 Imagen 298 - Tabla de Propiedades Conducto Ajustable con Indicador de Flujo ............................... 143 Imagen 299 – Tanque de Embudo .................................................................................................................... 144 Imagen 300 - Tabla de Propiedades del Tanque de Embudo. ................................................................... 144 Imagen 301 – Depósito con Indicador Vertical ............................................................................................. 144 Imagen 302 - Tabla de Propiedades del Depósito con Indicador Vertical ............................................. 145 Imagen 303 – Depósito Mezclador ................................................................................................................... 146 Imagen 304 - Tabla de Propiedades del Depósito Mezclador ................................................................... 146 Imagen 305 – Conducto Curvado Estandar ................................................................................................... 146 Imagen 306 - Tabla de Propiedades del Conducto Curvado Estandar ................................................... 147 Imagen 307 – Conducto Estandar .................................................................................................................... 147 Imagen 308 - Tabla de Propiedades del Conducto Estandar .................................................................... 147 Imagen 309 – Conducto Estandar con Indicador de Flujo ......................................................................... 147 Imagen 310 - Tabla de Propiedades del Conducto Estandar con Indicador de Flujo. ........................ 147 Imagen 311 – Conector Universal de Conductos ......................................................................................... 148 Imagen 312 - Tabla de Propiedades del Conector Universal de Conductor .......................................... 148 Imagen 313 - Válvula ............................................................................................................................................ 148 Imagen 314 - Tabla de Propiedades de la Válvula ........................................................................................ 149 Imagen 315 – Depósito Vessel .......................................................................................................................... 149 Imagen 316 – Depósito Vessel .......................................................................................................................... 149 Imagen 317 - Botón .............................................................................................................................................. 150 Imagen 318 - Combo Box.................................................................................................................................... 150 Imagen 319 – Elemento de Combo Box [Add] .............................................................................................. 150 Imagen 320 - Tabla de Propiedades de Añadir Elemento Combo ............................................................ 151 Imagen 321 - Lista................................................................................................................................................. 151 Imagen 322 - Añadir Elemento Lista ................................................................................................................ 152 Imagen 323 - Tabla de Propiedades Añadir Elemento Lista ...................................................................... 152 Imagen 324 - List View ......................................................................................................................................... 153 10 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 325 - [Añadir] Elemento a la Vista de Lista ..................................................................................... 153 Imagen 326 - Tabla de Propiedades de Vista de Lista ................................................................................ 153 Imagen 327 - Menu ............................................................................................................................................... 154 Imagen 328 - [Añadir] Elemento a Menú ......................................................................................................... 154 Imagen 329 - Tabla de Propiedades de Menú................................................................................................ 155 Imagen 330 – Panel de Propiedades cuando se selecciona un Control de Script. ............................. 155 Imagen 331 - Tabla de Propiedades del Control de Script ......................................................................... 155 Imagen 332 – Desplazamiento Decolorado .................................................................................................... 156 Imagen 333 - Tabla de Propiedades de Desplazamiento Decolorado ..................................................... 156 Imagen 334 - Marquesina .................................................................................................................................... 157 Imagen 335 - Tabla de Propiedades de la Marquesina................................................................................ 157 Imagen 336 – Visor de Canal RSS .................................................................................................................... 158 Imagen 337 - Tabla de Propiedades del Visor de Canal RSS .................................................................... 158 Imagen 338 - Tabla de Propiedades de las Formas Básicas ..................................................................... 159 Imagen 339 - Elipse .............................................................................................................................................. 159 Imagen 340 - Línea ............................................................................................................................................... 159 Imagen 341 – Objetos Utilizados en los Trazos ............................................................................................ 160 Imagen 342 - Polígono ......................................................................................................................................... 161 Imagen 343 – Polilinea ......................................................................................................................................... 161 Imagen 344 – Polígono y Lapiz Multilínea ...................................................................................................... 162 Imagen 345 - Rectangulo .................................................................................................................................... 162 Imagen 346 – Gráfica de Tendencia ................................................................................................................. 163 Imagen 347 - Tabla de Propiedades de la Gráfica de Tendencia ............................................................. 164 Imagen 348 - Línea Gráfica de Tendencia ...................................................................................................... 165 Imagen 349 - Tabla de Propiedades del Gráfico de Tendencia. ............................................................... 166 Imagen 350 – Barra de Desplazamiento.......................................................................................................... 167 Imagen 351 - Tabla de Propiedades de la Barra de Desplazamiento ...................................................... 167 Imagen 352 – Agregar Control WPF ................................................................................................................. 168 Imagen 353 – Ventana para localizar el control WPF .................................................................................. 168 Imagen 354 – Cuadro de Diálogo Exportar Tipo ........................................................................................... 168 11 Status Enterprise Controles Disponibles para Diseño de Scada Controles de Interfaz de Usuario El propósito de este documento es facilitar una visión general y referencias para los controles disponibles para la creación de “Mimics” en el Status Enterprise. La Tabla de Propiedades provista no es exhaustiva; son meramente representativas de las significativas propiedades que pueden ser modificadas para personalizar los controles en tus “mimics”. Las propiedades que no están definidas aquí están en el documento .NET para controles WPF. La “Toolbox” es muy extensa, y nos esforzamos por proveer controles para cada posible aplicación. Sin embargo, si se desean controles adicionales, el Diseñador de “Mimics” de Status Enterprise también soporta controles externos en WPF. Mientras la mayoría de los controles listados están disponibles en el Diseñador de “mimics” y en el Diseñador de Aplicaciones, algunos controles funcionan exclusivamente en uno u otro. Adicionalmente, solo un subconjunto de los controles disponibles son soportados en HTML 5 y pueden ser usados para ver los “mimics” en la Web. La disponibilidad de cada control será listada inmediatamente bajo el nombre del control(p.e. DISEÑADOR DE ‘MIMICS’| DISEÑADOR DE APLICACIONES | HTML5). Para una lista de terminos frecuentes, definiciones y abreviaturas, por favor mire la Parte 1 – Resumen y Conceptos Básicos 12 Status Enterprise Controles Disponibles para Diseño de Scada 1 Propiedades Comunes de los Controles Aunque este documento describe las propiedades de cada control de forma individual, existen un gran número de propiedades comunes a muchos de estos controles. La siguiente tabla nos muestra estas propiedades comunes. Nombre de la Propiedad Tipo Descripción Background BorderBrush BorderThickness FontFamily FontSize FontWeight Foreground Height Brush Brush Thickness FontFamily FontSize FontWeight Brush Double Left Double Opacity Double Top Double Value Width Double Double Workspaces String Configura el color del fondo del control. Configura el color del borde del control. Configura el grosor del borde del control. Configura la fuente de texto del control. Configura el tamaño de la fuente. Configura el grosor de la fuente. Configura el color del frontal. Configura la altura del elemento. Los cambios de estado son Auto y Numérico Configura la posicion del objeto en el canvas. El valor por defecto es Left=0. Configura el factor de opacidad aplicado al elemento. Configura la posición del objeto en el lienzo. El valor por defecto es Top=0. Configura el valor del control. Configura el ancho del elemento. Los cambios de estado son Auto y Numérico Asigna para qué Espacios de Trabajo será visible este control. Para configurar varios Espacios de Trabajo se deben separa con “;”. Imagen 1- Tabla de Propiedades Comunes 13 Status Enterprise 2 Controles Disponibles para Diseño de Scada Controles 3D Un control 3D nos proporciona ilustraciones más complejas que mejoran la sensación del usuario. Los controles 3D están disponibles para todos los entornos de diseño de B-Scada pero no están disponibles para el entorno de ejecución de la pasarela Web. 2.1 Depósitos para Fluidos Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 2 – Depósitos para Fluidos Los Depósitos para Fluidos, son un grupo de 3 tanques conectados. Cada depósito tiene una propiedad de valor mínimo y máximo así como un color individual y valor de nivel. Nombre de la Propiedad Tipo Descripción Tank1Brush Tank1Level Tank1Maximum Tank1Minimum Tank1ShowLevel Tank2Brush Tank2Level Tank2Maximum Tank2Minimum Tank2ShowLevel Tank3Brush Tank3Level Tank3Maximum Tank3Minimum Tank3ShowLevel Brush Double Double Double Boolean Brush Double Double Double Boolean Brush Double Double Double Boolean Asigna el color del fluido del Depósito1. Asigna el valor del Depósito1. Asigna el valor máximo del Depósito1. Asigna el valor mínimo del Depósito1. Oculta en fluido del Depósito 1. Asigna el color del fluido del Depósito2. Asigna el valor del Depósito2. Asigna el valor máximo del Depósito2. Asigna el valor mínimo del Depósito2. Oculta en fluido del Depósito 2. Asigna el color del fluido del Depósito3. Asigna el valor del Depósito3 Asigna el valor máximo del Depósito3. Asigna el valor mínimo del Depósito3. Oculta en fluido del Depósito 3. Imagen 3 – Tabla de propiedades del grupo de Depósitos para Fluidos 14 Status Enterprise 2.2 Controles Disponibles para Diseño de Scada Motor Pesado Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 4 – Motor Pesado Esta es una representación visual en 3D de un motor pesado. Este control tiene el aspecto de un gran motor industrial. Las propiedades de datos Booleanos se suelen enlazar as la propiedad “IsOn”. Nombre de la Propiedad Tipo Descripción IsOn ShowCutAway NullableBoolean Boolean Configura la posición "on" del control. Cuando se selecciona, se cubre el interior del motor. Imagen 5 – Tabla de propiedades del Motor Pesado 2.3 Motor de Bobina Helicoidal Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 6 – Vista 3D del Motor de Bobina Helicoidal Esta es una representación visual en 3D del motor de bobina Helicoidal. Este control tiene el aspecto de un gran motor industrial. Las propiedades de datos Booleanos se suelen enlazar as la propiedad “IsOn”. Nombre de la Propiedad Tipo Descripción IsOn ShowCutAway NullableBoolean Boolean Configura la posición "on" del control. Cuando está marcado, se cubrirá el interior del motor. Imagen 7 – Tabla de Propiedades del Motor de Bobina Helicoidal 15 Status Enterprise 2.4 Controles Disponibles para Diseño de Scada Medidor Magnético de Fluidos Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 8 – Medidor Magnético de Fluidos El medidor magnético de fluidos se conecta a un conducto y usa ondas magnéticas para determinar la frecuencia a la cual el fluido está moviéndose a través del conducto, por defecto la unidad es el Galón por minuto (GPM) pero se pueden seleccionar otras unidades. Nombre de la Propiedad Tipo Descripción IsOn NullableBoolean Maximum Minimum Units Double Double String Determina si el valor está on u off. Cuando se configura off, no se muestra nada. Asigna el valor máximo de flujo. Asigna el valor mínimo de flujo. Asigna las unidades en que se mostrarán los valores. Por defecto se muestra ‘GPM’ (Galones Por Minuto), estas unidades no tienen efecto sobre el valor. Value Double Asigna el valor de nivel del Medidor. Imagen 9 - Tabla de Propiedades del Medidor Magnético de Fluidos 2.5 Depósito de Fluidos Rectangular Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 10 – Depósito de Fluidos Rectangular Se trata de un depósito en posición horizontal y con propiedades configurables de nivel y color del fluido. Nombre de la Propiedad Tipo Descripción FluidBrush Maximum Brush Double Asigna el color del fluido. Asigna el valor máximo del Depósito. 16 Status Enterprise Minimum WaterLevel WaterTankShowLevel Controles Disponibles para Diseño de Scada Double Double Boolean Asigna el valor mínimo del Depósito. Asigna el valor del Depósito. Cuando se selecciona oculta el fluido del depósito. Imagen 11 - Tabla de Propiedades del Depósito de Fluidos Rectangular 2.6 Tanque de Agua Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 12 – Tanque de Agua Es un Tanque orientado verticalmente con un valor de nivel configurable, así como color de fondo del fluido. Nombre de la Propiedad Tipo Descripción FluidBrush Maximum Minimum WaterLevel WaterTankShowLevel Brush Double Double Double Boolean Asigna el color del fluido del Tanque de Agua. Asigna el valor máximo del Tanque. Asigna el valor mínimo del Tanque. Asigna el valor de nivel del Tanque de Agua. Cuando se selecciona, se oculta el nivel de fluido. Imagen 13 - Tabla de Propiedades del Tanque de Agua 2.7 Depósito en Torre para Fluidos Diseñador de ‘Mimics’| Diseñador de Aplicaciones 17 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 14 – Depósito en Torre para Fluidos Se posiciona verticalmente con valores configurables de nivel y de color de fluido. Nombre de la Propiedad Tipo Descripción FluidBrush Maximum Minimum WaterLevel WaterTankShowLevel Brush Double Double Double Boolean Asigna el color del Fluido del Depósito. Asigna el valor máximo del Depósito. Asigna el valor mínimo del Depósito. Asigna el valor de nivel del Depósito. Cuando se selecciona se oculta el nivel de fluido. Imagen 15 - Tabla de Propiedades del Depósito en Torre para Fluidos 18 Status Enterprise Controles Disponibles para Diseño de Scada 3 Alarmas Notifica al usuario de los cambios de estado en las propiedades del servidor. (Lea Parte 8 para información detallada sobre Alarmas.) 3.1 Control de Alarmas Diseñador de ‘Mimics’ Pueden mostrar información sobre alarmas y desviaciones. Imagen 16 – Control de Alarmas Nombre de la Propiedad Tipo Descripción ButtonBackground ButtonBorderBrush ButtonBorderThickness ButtonForeground ButtonHighlightBrush Brush Brush Thickness Brush Brush ButtonPadding Thickness HeaderBackground Brush HeaderBorderBrush Brush HeaderBorderThickness Thickness HeaderPadding Thickness RowBackground Brush RowSelectedBackground Brush Configura el color del fondo de un Botón. Configura el color del borde de un botón. Configura el grosor del borde de un botón. Configura el color del frontal del botón. Obtiene un ‘SolidBrush’ que es el color de resaltado de un elemento 3-D. Configura el relleno horizontal y vertical dentro de su matriz. El pincel The brush utilizado para pintar el fondo de la cabecera. Configura el color del fondo del borde de la cabecera del control. Configura el grosor del borde de la cabecera del control. Configura el relleno horizontal y vertical dentro de su matriz. Configura el pincel usado para pintar los fondos de las filas. Configura el pincel para el fondo de las filas que está actualmente seleccionado. 19 Status Enterprise Controles Disponibles para Diseño de Scada RowSelectedForeground Brush SetUp NavigatePa rameters Configura el pincel para el primer plano de las filas que está seleccionado. Asigna la ruta de los documentos que se visualizarán. Imagen 17 - Tabla de Propiedades del Control de Alarmas 20 Status Enterprise Controles Disponibles para Diseño de Scada 4 Botones El Control Botón es un ‘ContentControl’, lo cual significa que puede contener tanto texto, como imágenes o paneles. Un Botón de control reacciona con un ‘ButtonBase’. El evento al hacer clic se suele utilizar con “code behind” para implementar funcionalidades personalizadas. Los botones de palanca están normalmente enlazados a un valor Booleano. Nombre de la Propiedad Tipo Descripción Background BorderBrush BorderThickness ClickMode Brush Brush Thickness ClickMode Content* Object FocusBorderThickness Thickness FocusBrush Brush FuenteFamily* FontSize* FontStretch* FontFamily FontSize FontStretch FontStyle* FontWeight* Foreground* GlareBrush HorizontalContentAlignment * InnerBorderBrush InnerBorderThickness FontStyle FontWeight Brush Brush HorizontalAlign ment Brush Thickness InnerCornerRadius CornerRadius RequiresSafetySwitch Checkbox VerticalContentAlignment* VerticalAlignme nt Configura el color del fondo del control. Configura el color de fondo del control. Configura el grosor del borde del control. Configura que ocurre al hacer clic en el evento. Permite insertar texto u otros objetos en el contenido. El espesor del anillo de enfoque en el exterior del botón. Consigue o fija el pencil que aparecera en la parte exterior del elemento cuando pasemos el cursor del ratón por encima. Configura la Familia de fuentes del Control. Configura el tamaño de la fuente. Configura el grado en que una fuente se comprime o se expande en la pantalla. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura el color del color del frontal. Configura el brillo sobre todo el control. Configura la alineación horizontal del contenido del control. Configura el color del borde interior. Configura el grosor del borde interior del elemento. Configura el radio de la esquina del borde interior del elemento. Cuando se habilita, el botón o interruptor no pueden ser accionados a menos que el botón de seguridad esté presionado. Esta propiedad puede ser utilizada únicamente mediante interruptores de seguridad y pantallas táctiles. Configura la alineación vertical del contenido del control. Imagen 18 - Tabla de Propiedades Comunes de Botones. *Heredado, no se utiliza 4.1 Botón con Flecha Diseñador de Aplicaciones 21 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 19 – Botón con Flecha Se trata de un Botón con de tres tipos diferentes de flechas y en cualquier dirección cardinal: Arriba, Abajo, Derecha e Izquierda. Otras propiedades nos permiten editar la apariencia del botón. Nombre de la Propiedad Tipo Descripción ArrowDesign ArrowDirection PressedBrush ArrowDesign ArrowDirection Brush Configura el tipo de flecha que será mostrada. Configura la dirección de la fecha. Color de fondo cuando se pulsa el botón. Imagen 20 - Tabla de Propiedades del Botón Flecha 4.2 Interruptor Plano Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 21 – Interruptor Plano Es un botón con hasta tres estados disponibles: IsChecked=True, IsChecked=False, IsChecked=Null. Este interruptor provoca un evento cuando se activa. Nombre de la Propiedad Tipo Descripción CornerRadius CornerRadius IsChecked IsThreeState LeverBrush NullableBoolean Boolean Brush Configura el radio de la esquina del borde exterior del elemento. La posición de ‘two-state’ del control. Activa los tres estados en el control. Color de la palanca del control. 22 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 22 - Tabla de Propiedades del Interruptor Plano 4.3 Botón de “Gel” Diseñador de Aplicaciones Imagen 23 – Botón de Gel El Control Botón de Gel añade un botón con un estilo de gel a la superficie de diseño. La funcionalidad es tipicamente definida con “code-behind”. Nombre de la Propiedad Tipo Descripción CornerRadius CornerRadius Content Object Configura el radio de la esquina del borde exterior del elemento. Configura el contenido que aparecerá en el botón. Imagen 24 - Tabla de Propiedades Botón de Gel 4.4 Botón de Gel de Repetición Diseñador de Aplicaciones Imagen 25 – Botón de Gel de Repetición El Botón de Gel de Repetición añade un botón de repetición con un estilo de gel a la superficie de diseño. Al contrario que otros botones, los de repetición no necesitan ser clicados multiples veces para enviar multiples eventos, cuando mantenemos el botón pulsado se seguirán enviando pulsaciones de botón hasta que sea liberado. Nombre de la Propiedad Tipo Descripción Content Object Configura el contenido que aparecerá en el botón 23 Status Enterprise Controles Disponibles para Diseño de Scada CornerRadius CornerRadius Delay Int32 Configura el radio de la esquina del borde exterior del elemento. Configura la cantidad de tiempo en milisegundos que el Botón de Repetición espera desde que es presionado, hasta que empieza las repeticiones. Imagen 26 - Tabla de Propiedades Botón de Gel de Repetición 4.5 Botón de Gel de Palanca Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 27 – Botón de Gel de Palanca El botón de gel de palanca es un botón con estilo tipo gel. Este control tiene dos estados, true/false. Nombre de la Propiedad Tipo Descripción CornerRadius CornerRadius IsChecked IsThreeState NullableBoolean Boolean Configura el radio de la esquina del borde exterior del elemento. Habilita dos estados como posiciones del control. Habilita tres estados como posiciones del control. Imagen 28 - Tabla de Propiedades del Botón de Gel de Palanca 4.6 Botón Genérico Diseñador de Aplicaciones Imagen 29 – Botón Genérico Añade un botón a la capa de diseño que puede ser configurado a través de programación. 24 Status Enterprise Controles Disponibles para Diseño de Scada Nombre de la Propiedad Tipo Descripción Content CornerRadius Object CornerRadius Configura el contenido que aparecerá en el botón. Configura el radio de la esquina del borde exterior del elemento. Imagen 30 – Tabla de Propiedades del Botón Genérico 4.7 Botón de Repetición Generico Diseñador de Aplicaciones Imagen 31 – Botón de Repetición Genérico Añade un botón a la capa de diseño que puede ser configurado a través de programación. A diferencia de otros botones, el botón de repetición no precisa que se haga clic multiples veces para generar multiples eventos; cuando se mantiene pulsado, continua enviando eventos hasta que se libere. Nombre de la Propiedad Tipo Descripción Content CornerRadius Object CornerRadius Delay Int32 Configura el contenido que aparecerá en el botón. Configura el radio de la esquina del borde exterior del elemento. Configura la cantidad de tiempo en milisegundos en que el Botón de Repetición esperará antes de que las repeticiones comiencen. Imagen 32 - Tabla de Propiedades del Botón de Repetición Genérico 4.8 Botón de Conmutación Generico Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 33 – Botón de Conmutación Genérico 25 Status Enterprise Controles Disponibles para Diseño de Scada Tiene la posibilidad de configurarse con tres estados: IsChecked=True, IsChecked=Null, y IsChecked=False. Inicia un evento cuando se presiona. El color del botón cambia dependiendo de su estado (On, Off o Null). Nombre de la Propiedad Tipo Descripción CornerRadius CornerRadius IsChecked IsThreeState PressedBrush PressedBrushState3 NullableBoolean Boolean Brush Brush Configura el radio de la esquina del borde exterior del elemento. Activa los dos estados del control. Activa los tres estados del control. El fondo que aparece al presionarlo. El fondo que aparece cuando la condición de tres estados está activa y el valor es Null. Imagen 34 - Tabla de Propiedades Botón de Conmutación Generico 4.9 Botón Industrial de Presión Diseñador de Aplicaciones Imagen 35 – Botón Industrial de Presión Es un botón con acabado Hexagonal. La apariencia es distinta cuando se pulsa el botón. Nombre de la Propiedad Tipo Descripción Content PowerOffBrush PowerOnBrush Content Brush Brush Configura el contenido que aparecerá en el botón. Color del botón cuando el estado es Off. Color del botón cuando el estado es On. Imagen 36 - Tabla de Propiedades Botón Industrial de Presión. 4.10 Botón Industrial de Repetición Diseñador de Aplicaciones 26 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 37 – Botón Industrial de Repetición Es un botón de repeticiones con acabado hexagonal. Este botón tiene una apariencia independiente cuando se hace clic. Los botones de repetición permiten enviar con un solo clic, multiples eventos mientras se mantiene pulsado, hasta que se suelte. Nombre de la Propiedad Tipo Content Delay Object Int32 PowerOffBrush PowerOnBrush Brush Brush Descripción Configura el contenido que se mostrará en el botón. Configura la cantidad de tiempo en milisegundos que el botón espera antes de que empiece las repeticiones. El color del botón cuando el estado es Off. El color del botón cuando el estado es On. Imagen 38- Tabla de Propiedades del Botón Industrial de Repetición 4.11 Botón de Conmutación Industrial Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 39 – Botón de conmutación Industrial Es un botón con acabado Hexagonal. Este botón tiene tres posibles estados: IsChecked=True, IsChecked=Null, y IsChecked=False. Este botón conmuta entre los estados cada vez que es presionado. 27 Status Enterprise Controles Disponibles para Diseño de Scada Nombre de la Propiedad Tipo Descripción IsChecked IsThreeState PowerNullBrush PowerOffBrush PowerOnBrush NullableBoolean Boolean Brush Brush Brush Activa dos posiciones del control. Activa las tres posiciones del control. El color cuando está en el tercer estado. El color cuando el estado es Off. El color cuando el estado es On. Imagen 40 - Tabla de Propiedades del Botón de Conmutación Industrial 4.12 Botón de Conmutación de Potencia Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 41 – Botón de Conmutación de Potencia El Botón de Conmutación de Potencia es un control con el simbolo estándar de potencia en la cara del botón. Este control alterna entre estados de encendido y apagado cuando se pulsa. El simbolo de potencia cambia de color cuando el botón es presionado. Nombre de la Propiedad Tipo Descripción CornerRadius CornerRadius IsChecked IsThreeState PowerNullBrush NullableBoolean Boolean Boolean PowerOffBrush PowerOnBrush Stroke Thickness Brush Brush Double Configura el radio de la esquina del borde exterior del elemento. Activa las dos posiciones del control. Activa las tres posiciones del control. El color del símbolo de Potencia cuando está activo el tercer estado. Color del símbolo de Potencia cuando el control es Off. Color del símbolo de Potencia cuando el control es On. Configura el grosor del trazo del fondo. Imagen 42 – Tabla de Propiedades Botón de Conmutación de Potencia 4.13 Interruptor Conmutador Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 28 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 43 – Interruptor Conmutador Es un control con tres estados: IsChecked=True, IsChecked=Null, IsChecked=False. Cada vez que se activa, se crea un nuevo evento. Nombre de la Propiedad Tipo Descripción CornerRadius CornerRadius IsChecked IsThreeState NullableBoolean Boolean Configura el radio de la esquina del borde exterior del elemento. Activa las dos posiciones del control. Activa las tres posiciones del control. Imagen 44 - Tabla de Propiedades del Interruptor Conmutador 4.14 Botón de Seguridad Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 45 – Botón de Seguridad Se utiliza en pantallas táctiles, junto a otros botones e interruptores de tipo Botón Conmutador o Interruptor Conmutador, donde sus propiedades deben ser configuradas para requerir en sus 29 Status Enterprise Controles Disponibles para Diseño de Scada propiedades el Botón de seguridad, entonces el interruptor Conmutador por ejemplo, únicamente podrá ser activado si el botón de Seguridad se mantiene pulsado al mismo tiempo. Nombre de la Propiedad Tipo Descripción CornerRadius CornerRadius PressedBrush IsFlicksEnabled Brush Boolean Configura el radio de la esquina del borde exterior del elemento. Color de fondo cuando se pulsa el botón. Permite el uso de un gesto o un movimiento rápido. Utilizado únicamente en una pantalla táctil compatible. Imagen 46 – Tabla de Propiedades del Interruptor de Seguridad 30 Status Enterprise Controles Disponibles para Diseño de Scada 5 Diagramas Un Diagrama o Gráfico es una información con formato de tabla, gráfico o diagrama. Todos los gráficos son accesibles desde ambos diseñadores y todos los entornos excepto la Pasarela Web. 5.1 Diagrama de Barras Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 47 – Gráfico de Barras El diagrama de barras permite la cración de un gráfico de barras y la habilidad de enlazar cada barra con el valor individual de una propiedad. Nombre de la Propiedad Tipo Descripción Header HeaderFontSize RangeStart RangeEnd TickFrequency CornerRadius TickStroke Thickness TickStroke TickStrokeDashArray Object Double Double Double Double CornerRadius Double Brush DoubleCollection Asigna el título del gráfico. Asigna el tamaño de la fuente de la cabecera. Asigna el valor inicial. Asigna el valor final. Asigna la frecuencia de las marcas. Asigna el ‘CornerRadius’. Asigna el grosor del trazo. Asigna el trazo de la marca. Asigna en conjunto de instrumentos en la marca. Imagen 48 - Tabla de Propiedades de gráfico de Barras. 31 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 49 - Barra [Añadir] Los objetos barra son los responsables de suministrar datos a los gráficos de bara. La clase Barra incluye propiedades para configurar las características visuales al mostrar la barra. Nombre de la Propiedad Tipo Descripción Caption CornerRadius Value String CornerRadius Double Asigna el título de la barra. Asigna el ‘CornerRadius’ de la barra. Asigna el valor de la barra. Imagen 50 - Tabla de Propiedades [Añadir] Barra 5.2 Gráfico Mixto Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 51 – Gráfico Mixto 32 Status Enterprise Controles Disponibles para Diseño de Scada El gráfico mixto permite a los usuarios incluir un gráfico que incluya barras y líneas. Las barras y líneas serán añadidas como “hijos” del gráfico. El gráfico contiene eje-x y eje-y. Cualquier elemento ”hijo” añadido primero (barra o línea) usará la izquierda del eje-y. Nombre de la Propiedad Tipo Descripción AxisTitle String Background BorderBrush BorderThickness ChartMode Brush Brush Thickness Mode FontFamily FontSize FontStretch FontFamily FontSize FontStretch FontStyle FontWeight Foreground Header FontStyle FontWeight Brush Object Determina la etiqueta que aparecerá a lo largo del eje-yConfigura el color del fondo del control. Configura el color de borde del fondo. Configura la anchura del borde. Determina cuando el gráfico mostado será de líneas, barras o mixto. Configura la fuente de texto del control. Configura el tamaño de la fuente. Configura el grado en que una fuente se comprime o se expande en la pantalla. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura el color del frontal. Configura el contenido de la cabecera. Imagen 52 - Tabla de Propiedades de Gráfico Mixto 5.2.1 [Añadir] Barra Mixta Imagen 53 - [Añadir] Barra Mixta Selecciona esta opcion para añadir una nueva barra a tu gráfico. Las barras son añadidas con un valor por defecto de 0, así que no son visibles en el gráfico hasta que su valor ha cambiado. Configura la propiedad <Posición> para fijar la localización de la barra a lo largo del eje-x. Si dos barras caen en la misma posición, se dibujarán juntas. Sino están en la misma posición pero están cerca, se dibujarán una detrás de la otra. La que tenga el valor más alto del eje-x será la que esté delante. Nombre de la Propiedad Tipo Descripción Background Caption Brush String Position Double Value Double Configura el color del fondo de la barra. Determina la etiqueta que aparece a lo largo del color de la barra en la leyenda. Configura la posición de la barra a lo largo del eje-x. Configura el valor actual de la barra. 33 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 54 - Tabla de Propiedades [Añadir] Barra Mixta. 5.2.2 [Añadir] Línea Mixta Imagen 55 – Icono de [Añadir] Línea Mixta Selecciona esta opción para añadir una nueva línea al gráfico mixto. Las líneas usan un eje-y separado de las barras, pero barras y líneas están en el mismo eje-x. Nombre de la Propiedad Tipo Descripción Caption String Line Fill Brush PointFill Brush PointShape PointShape PointStrokeThicknes Value Thickness Double Determina la etiqueta que aparece a lo largo del color de la barra en la leyenda. Configura el pincel que define el color de la línea. Configura el pincel que define el color de relleno de la línea. Configura la forma de los puntos que son puestos en el gráfico. Configura el grosor de la línea. Configura el valor actual de la línea. Imagen 56 - Tabla de Propiedades Línea Mixta 5.3 Gráfico de Pastel Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 57 – gráfico de Pastel El gráfico de Pastel añadirá un pastel estándar a la superficie de diseño. Las piezas del pastel son añadidas al gráfico como “hijos”. Al contrario de otros gráficos, los de pastel no requieren eje-x y eje-y 34 Status Enterprise Controles Disponibles para Diseño de Scada para mostrar sus valores. Los valores son expresados en relación proporcional a las piezas del pastel. El tamaño y forma de cada pieza determina el valor que representa. Nombre de la Propiedad Tipo Descripción Background BorderBrush BorderThickness FontFamily FontSize FontStretch Brush Brush Thickness FontFamily FontSize FontStretch FontStyle FontWeight Foreground Header FontStyle FontWeight Brush Object Configura el color del fondo del control. Configura el color que define el fondo del Control. Configura el grosor del borde del control. Configura la fuente de texto del control. Configura el tamaño de la fuente. Configura el grado en que una fuente se comprime o se expande en la pantalla. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura el color del color del frontal. Configura el contenido de la cabecera del gráfico. Imagen 58 - Tabla de Propiedades Gráfico de Pastel 5.3.1 [Añadir] Pieza de Pastel Imagen 59 – Icono [Añadir] Pieza de Pastel Selecciona esta opción para añadir una nueva pieza a tu gráfico de pastel. Usa el panel de propiedades para configurar las opciones de color, etiqueta, y su valor actual. Nombre de la Propiedad Tipo Descripción Background Brush BorderBrush Brush Foreground SectionName Brush String Value Double Configura el color de fondo de la pieza. Configura el color del borde del fondo. Configura el color del frontal. Determina la etiqueta que aparece a lo largo del color de la barra en la leyenda. Configura el valor de la pieza. Imagen 60 - Tabla de Propiedades [Añadir] Pieza de Pastel 35 Status Enterprise 5.4 Controles Disponibles para Diseño de Scada Gráfico Apilado Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 61 – Gráfico Apilado Un gráfico apilado está emparentado con un gráfico de barras, excepto que las barras representan valores que pueden estar apilados verticalmente para representar una suma de valores. Multiples grupos de valores apilados se pueden representar para el mismo gráfico. 5.4.1 [Añadir] Parte de Barra Apilada Imagen 62 – Icono de [Añadir] Parte de Barra Apilada Selecciona este icono para añadir una parte de barra apilada. Configura las propiedades para asignar colores y valores a las partes, asi como asignarles un grupo específico si lo deseas. Nombre de la Propiedad Tipo Descripción Background GroupName Brush String Value Double Configura el color del fondo del control. Determina el grupo en el cual la parte de barra será posicionada, y la etiqueta que aparecerá a lo largo del eje-x. Configura el valor de la parte de barra para que esta aparezca en el gráfico. Imagen 63 - Tabla de Propiedades Parte de Barra Apilada 36 Status Enterprise 6 Controles Disponibles para Diseño de Scada Controles de Colección Un control de Colección representa una Colección de Objetos. 6.1 Colección Cuadrícula o ‘Grid’ Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 64 - Colección Cuadrícula o ‘Grid’ La Colección Cuadrícula o ‘Grid’ permite una manera simple, facil de leer y editable visualizar una colección con sus propiedades y valores asociados. La configuración inicial para la colección es establecida seleccionando <SetUp> en el panel de propiedades. Imagen 65 – Cuadro de Diálogo Colección Cuadrícula o ‘Grid’ Un número de opciones son provistas dentro del cuadro de diálogo <SetUp>. De arriba a abajo, el check box Relativo determina cuando tu selección de Ruta de Lista de Objetos será relativa al “mimic” dentro del cual el control sea posicionado, o una ruta absoluta seleccionada del Árbol. El botón de la Ruta de la Lista de Objetos te permite navegar hasta la colección objetivo. Tendrás una opción para elegir cual de las propiedades disponibles quieres que se muestren en tu ‘grid’. El botón de navegación te permite elegir un “mimic” para ser mostrado cuando un usuario presiona el botón <Edit> en un control en 37 Status Enterprise Controles Disponibles para Diseño de Scada ejecución. Tu también puedes elegir cuando una columna es mostrada para los nombres asignados. Finalmente, tu puedes seleccionar el número de filas que deberían ser devueltas en ejecución. La colección en ejecución provee de opciones de configuración adicionales, incluyendo la opción de opdenar la columna haciendo clc en la cabecera de la columna. Varios botones también son provistos en la ejecución. Selecciona el botón <filtrar> para revelar un cuadro de dialogo para filtrar información de acuerdo con el criterio seleccionado. Imagen 66 – Cuadro de Dialogo “Filtrar” Crea tu filtro seleccionando una propiedad desde un menú desplegable, entonces selecciona un operador de comparación (=, <, >, etc.) y el valor objetivo. Puedes refinar el filtro utilizando operadores booleanos y añadiendo condiciones adicionales. Elige <Evaluar> para testear la validez de tu filtro. Elige <OK> para aceptar el filtro y volver al ‘grid’. Elige <Cancelar> para deshacer todos los cambios. El botón <Añadir> añadirá otra línea para crear otra condicion de filtrado. <Borrar> eliminará la condición seleccionada actualmente. <Clear> las eliminará todas. Después de seleccionar <OK>, tu volverás al ‘grid’ con tu filtro etiquetado en la parte de arriba. Presiona <Go> para ejecutar el filtro. 38 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 67 – Colección ‘Grid’ con un filtro añadido. Opciones adicionales: <Añadir existente>, <Añadir>, y <Eliminar> permite añadir y eliminar los asignados al ‘grid’. El botón <Editar> recuperará el “mimic” que seleccionaste bajo opción del cuadro de diálogo <SetUp>, y puede ser usada para hacer cambios en la lista de asignados y sus valores en las propiedades. Nombre de la Propiedad Tipo Descripción AddButtonVisibility Visibility ButtonBackground Brush ButtonBorderBrush Brush ButtonBorderThickness Thickness ButtonForeground Brush ButtonHighlightBrush Brush ButtonPadding Thickness EditButtonVisibility Visibility HeaderBackground Brush HeaderBorderBrush Brush HeaderBorderThickness Thickness HeaderPadding Thickness RemoveButtonVisibility Visibility RowBackground Brush RowForeground Brush RowSelectedBackground Brush RowSelectedForeground Brush SetUp NavigateParameters ViewButtonVisibility Visibility Configura la visibilidad de la interfaz de usuario de un botón Añadir. Configura el color del fondo de un botón. Configura el color del borde del fondo de un botón. Configura el grosor del borde de un botón. Configura el color frontal de un botón. Conigue un ‘SolidBrush’ que destaca el color de un elemento 3D. Configura el relleno horizontal y vertical con su elemento “padre”. Configura la visibilidad de la interfaz de usuario de un botón Editar. El pincel utilizado para pintar el fondo de la cabecera. Configura el color del borde del fondo de la cabecera del control. Configura el grosor del borde de la cabecera del control Configura el relleno horizontal y vertical con su elemento “padre”. Configura la visibilidad de la interfaz de usuario de un botón Eliminar. Configura el pincel usado para pintar los fondos de las filas. Configura el color del frontal de las filas. Configura un pincel para el fondo de las filas que estan actualmente selecionadas. Configura un pincel para el frontal de las filas que están actualmente seleccionadas. Asigna la ruta de los documentos que se visualizarán. Configura la visibildad de la interfaz de usuario (UI) de un botón de vista. 39 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 68 - Tabla de Propiedades de Colección ‘Grid’ 40 Status Enterprise 6.2 Controles Disponibles para Diseño de Scada Árbol del Documento Diseñador de ‘Mimics’ Imagen 69 – Control Árbol del Documento Este control permite añadir a tus “mimics” una lista colapsable de documentos que reside en tu modelo de datos. El control permite a los usuarios añadir nuevos documentos, así como eliminar o ver los existentes. Para configurar el control, selecciona <SetUp> en el panel de propiedades. Usa el cuadro de diálogo para apuntar tu control a una Ruta de Activo específica donde está tu documento. Es una buena práctica cuando creas un Modelo de Datos especificar una Vista particular que almacene todos los documentos del modelo. Cuando usas este control en ejecución, los botones cerca de la parte de abajo, permiten a los usuarios editar el Árbol de Documentos. Seleccionando <Abrir> para abrir un documento con la aplicación por defecto para ese documento. Seleccionando <Eliminar> borrará permanentemente el documento de todas las colecciones. Destacando la raíz del Árbol del Documento hará que el botón <Añadir> se active y se deshabiliten los botones de <Abrir> y <Eliminar>. Seleccionando <Añadir> navegarás hasta el documento que quieras añadir de tu modelo de datos. Nombre de la Propiedad Tipo Descripción Background Brush BorderBrush Brush BorderThickness Thickness SetUp NavigateParameters ShowButtons Boolean Configura el pincel que describe el fondo del control. Configura el color tendrá el borde del fondo del control. Configura el grosor del borde del control. Asigna la ruta de los documentos que se visualizarán. Alterna la visibilidad de los botones del control. Imagen 70 - Tabla de Propiedades del Control Árbol de Documentos. 41 Status Enterprise 6.3 Controles Disponibles para Diseño de Scada Control de Datos Históricos Diseñador de ‘Mimics’ Imagen 71 – Control Datos Históricos El Control de Histórico muestra un histórico de un conjunto de valores de las propiedades. Una vez ha sido añadido a la superficie de diseño, el control se configura seleccionando <SetUp> en el panel de propiedades. Imagen 72 – Configuración de Propiedades de la Colección del Control Histórico El cuadro de diálogo de Configurar las Propiedades de la Colección permite que selecciones propiedades de las que quieres ver el histórico. Para “mimics” para un tipo de Activo, las propiedades pueden ser relativas al tipo asociado con el documento marcando el tipo de Activo. Si la propiedad es desmarcada, tu puedes seleccionar una propiedad sobre un Activo específico. 42 Status Enterprise Controles Disponibles para Diseño de Scada Haciendo Clic en el boton <Añadir> te permitirá seleccionar la propiedad para añadir a la lista. Imagen 73 – Control Recogedor de Componentes Histórico Cuando el “mimic” es mostrado en ejecución, el control mostraráel histórico de los elementos configurados para un periodo específico de tiempo desde el presente. La cantidad de histórico mostrado es configurado en el tiempo de diseñarlo con la propiedad “Periodo”. Imagen 74 – Control Histórico Nombre de la Propiedad Tipo Descripción AlternationCount Int32 Background BorderBrush BorderThickness FontFamily* FontSize* Brush Brush Thickness FontFamily FontSize Configura el número de contenedores de elementos alternos en el Control de Elementos, el cual habilita que los contenedores con elementos alternos tengan una única apariencia.. Configura el color del fondo del control. Configura el color del borde del fondo del control. Configura el grosor del borde del control. Configura la fuente de texto del control. Configura el tamaño de la fuente. 43 Status Enterprise Controles Disponibles para Diseño de Scada FontStretch* FontStretch FontStyle* FontWeight* Foreground SetUp FontStyle FontWeight Brush NavigateParameters Configura el grado en que una fuente se comprime o se expande en la pantalla. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura el color del color del frontal. Asigna la ruta de los documentos que se visualizarán. Imagen 75 - Tabla de Propiedades Control Histórico. *Heredado, no se utiliza 6.4 Control Lista de Fichas de Objetos Diseñador de ‘Mimics’ El control Lista de Fichas de Objetos, te permite abrir “mimics” para cada colección asignada a la vez y tiene los “mimics” posicionado en un control ficha. Las dos propiedades que necesitas especificar son la colección de elementos y el documento para abrir estos elementos. En el panel de Propiedades, selecciona <SetUp>. Recoge una colección asignada y un “mimic” para ser aberto para cada Activo. Imagen 76 – Configuración de Propiedades de la Colección de Control Lista de Fichas de Objetos El Control Lista de Fichas de Objetos esta diseñado para ser usado con “mimics” creados para un tipo específico. Cuando el “mimic” es mostrado con el Control Lista de Fichas de Objetos en él, el control abrirá cada colección con el “mimic”especificado. Imagen 77 - Control Lista de Fichas de Objetos 44 Status Enterprise Controles Disponibles para Diseño de Scada Nombre de la Propiedad Tipo Descripción SetUp NavigateParameters Asigna la ruta de los documentos que se visualizarán. Imagen 78 - Tabla de Propiedades de Control Lista de Fichas de Objetos 45 Status Enterprise 6.5 Controles Disponibles para Diseño de Scada Propiedad ‘Grid’ Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 79 – Propiedad ‘grid’ con Adornos Azules para redimensionamiento. La propiedad ‘Grid’ muestra datos en un ‘Grid’ personalizable. Este Control se usará actualmente en el activo por defecto, pero puede también apuntar a un componente “hijo” del activo actual usando una ruta relativa. Una colección de ‘strings’ especifica los valores mostrados en la tabla. Imagen 80 – Propiedad ‘Grid’ en ejecución La propiedad ‘Grid’ es configurada seleccionando <SetUp> en el panel de propiedades. Usa el cuadro de dialogo de <SetUp> para seleccionar el Activo o ruta hacia el Activo. 46 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 81 – Cuadro de Dialogo de Instalación de la Propiedad ‘Grid’ Nombre de la Propiedad Tipo Descripción AlternationCount Int32 Background BorderBrush BorderThickness FontFamily* FontSize* FontStretch* Brush Brush Thickness FontFamily FontSize FontStretch FontStyle* FontWeight* Foreground SetUp FontStyle FontWeight Brush NavigateParameters Configura el número de contenedores de elementos alternos en el Control de Elementos, el cual habilita que los contenedores con elementos alternos tengan una única apariencia. Configura el color del fondo del control. Configura el color del borde del fondo del control. Configura el grosor del borde del control. Configura la fuente de texto del control. Configura el tamaño de la fuente. Configura el grado en que una fuente se comprime o se expande en la pantalla. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura el color del frontal. Asigna la ruta de los documentos que se visualizarán. Imagen 82 - Tabla de Propiedades Propiedad ‘Grid’ *Heredado, no se utiliza 47 Status Enterprise Controles Disponibles para Diseño de Scada 7 Controles Comunes A continuación hay una lista de controles comunes .NET 4.0 disponibles en Status. Los controles disponibles pueden variar para Aplicaciones Web. Por favor mira la documentación de Microsoft que se encuentra en www.msdn.com para más detalle sobre un control individual. 7.1 ‘Check Box’ Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 83 – ‘Check Box’ Las ‘Check boxes’ son buenas para grupos de elementos no exclusivos, donde más de un elemento en el grupo puede ser seleccionado al mismo tiempo. Las ‘Check boxes’ son tipicamente enlazadas a datos booleanos. En contraste al uso del botón de radio, donde la selección de un elemento se presenta como una opción ‘o’. Similar a un botón, la apariencia de una ‘Check Box’ y el comportamiento de sus propiedades puede ser cambiado. Éste es un ‘ContentControl’, para modificar el texto o contenido usa la propiedad Contenido. Nombre de la Propiedad Tipo Descripción Content Object Foreground Height Brush Double IsChecked Boolean Left Double Opacity Double Top Double Width Double Configura el contenido identificado en la Check Box Configura el color del frontal. Configura la altura del elemento. Los cambios de estado son Auto y Numérico Determina cuando un ‘box’ es seleccionado por defecto. Configura la posición del objeto en el canvas. El valor por defecto es Left=0. Configura el factor de opacidad aplicado al elemento. Configura la posición del objeto en el canvas. El valor por defecto es Top=0. Configura el ancho del elemento. Los cambios de estado son Auto y Numérico Imagen 84 - Tabla de Propiedades ‘Check Box’ 48 Status Enterprise 7.2 Controles Disponibles para Diseño de Scada Expansor Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 85 - Expansor Un expansor es un control que organiza objetos y ofrece a los usuarios la capacidad de expandir o contraer el contenidos hacia un sentido definido.La propiedad Header se utiliza para poner una cabecera y puede ser un texto por ejempo u otro elemento WPF. El contenido del expansor se configura en la propiedad de contenido y suele ser un Panel o una cuadrícula con sus elementos hijos. Importante: El control Expansor puede no funcionar correctamente si se configura la propiedad ‘Height’, asegurese que se configura como ‘Auto’. Para visualizar el estado abierto y cerrado del control Expansor, use la propiedad ‘IsExpanded’. Nombre de la Propiedad Tipo Descripción Content Object Foreground Header Height Brush Object Double IsExpanded Left Boolean Double Opacity Top Double Double Width Double Configura el contenido que será mostrado cuando se expanda el control. Configura el color del color del frontal. Configura el contenido de la cabecera. Configura la altura del elemento. Los cambios de estado son Auto y Numérico Determina si se expande o no por defecto. Configura la posición del objeto en el canvas. El valor por defecto es Left=0. Factor de opacidad aplicado al elemento. Configura la posición del objeto en el canvas. El valor por defecto es Top=0. Configura el ancho del elemento. Los cambios de estado son Auto y Numérico Imagen 86 - Tabla de Propiedades del Expander 49 Status Enterprise 7.3 Controles Disponibles para Diseño de Scada Deslizador Horizontal Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 87 – Deslizador Horizontal Permite a los usuarios seleccionar el rango de valores moviendo el deslizador de un lado hacia el otro. El enlace a datos se realiza normalmente con la propiedad ‘Value’ de este control. Nombre de la Propiedad Tipo Descripción Fill Foreground Height Brush Brush Double IsAnnotated Left Boolean Double Maximum Minimum Opacity Double Double Double Top Double Value Width Double Double Configura el color del deslizador Configura el color del color del frontal. Configura la altura del elemento. Los cambios de estado son Auto y Numérico Determina si se ponen etiquetas de medida. Configura la posición del objeto en el canvas. El valor por defecto es Left=0. Configura el valor máximo del Deslizador. Configura el valor mínimo del Deslizador. Configura el factor de opacidad aplicado al elemento. Configura la posición del objeto en el canvas. El valor por defecto es Top=0. Configura el valor mostrado en el Deslizador. Configura el ancho del elemento. Los cambios de estado son Auto y Numérico Imagen 88 - Tabla de Propiedades del Deslizador Horizontal 50 Status Enterprise 7.4 Controles Disponibles para Diseño de Scada Imagen Diseñador de Aplicaciones Imagen 89 – Control de Imagen El Control de imagen le permite colocar una imagen sobre el diseño. Se configura utilizando la propiedad <Source>. Por defecto, la imagen se ajusta para completar el tamaño y forma del contenedor. Esta opción puede ser configurada a través de la propiedad <Stretch>. Nombre de la Propiedad Tipo Descripción Height Double Source Stretch Width ImageSource Stretch Double Configura la altura del elemento. Los cambios de estado son Auto y Numérico Configura el origen de la imagen que será mostrada. Configura como debe ajustarse la imagen. Configura el ancho del elemento. Los cambios de estado son Auto y Numérico Imagen 90 - Tabla de Propiedades del Control Imagen 7.5 Etiqueta Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 91 - Etiqueta Es un control usado para etiquetar objetos en el documento XAML. Una etiqueta es un ‘ContentControl’, la propiedad de contenido acepta una cadena u otro elemento de WPF como contenido. En las aplicaciones Web, un control de tipo Caja de Texto se utiliza a menudo en lugar de una etiqueta. Nombre de la Propiedad Tipo Descripción Content Foreground Height Object Brush Double Opacity Double Top Double Contenido mostrado por la etiqueta. Configura el color del color del frontal. Configura la altura del elemento. Los cambios de estado son Auto y Numérico Configura el factor de opacidad aplicado a todo el elemento. Configura la posición del objeto en el canvas. El valor por defecto es Top=0. 51 Status Enterprise Width Controles Disponibles para Diseño de Scada Double Configura el ancho del elemento. Los cambios de estado son Auto y Numérico Imagen 92 - Tabla de Propiedades del Control Etiqueta 7.6 Campo de Password Diseñador de Aplicaciones Imagen 93 – Campo de Password El control de Campo de Password consiste en una caja de texto que acepta la introducción de datos por parte del usuario pero que visualmente oculta el contenido de los datos escrito para preservar la integridad del Password introducido. Nombre de la Propiedad Tipo Descripción Background Height Brush Double Width Double Configura un color de fondo del control. Configura la altura del elemento. Los cambios de estado son Auto y Numerico. Configura el ancho del elemento. Los cambios de estado son Auto y Numérico Imagen 94 - Tabla de Propiedades de Campo de Password 7.7 Barra de Progreso Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 95 – Barra de Progreso La Barra de Progreso es un control con una animación en bucle pre configurada y es comúnmente utilizada para mostrar que una operación está realizándose en ese momento. La barra de progreso animada indica que el usuario debe esperar antes de realizar otra tarea. Por defecto, la propiedad ‘IsIndeterminate’ no está seleccionada. Activandola, se habilitará la animación en la barra de progreso. Otras propiedades utilizadas habitualmente para la Barra de Progreso, son Minimum, Maximum y Value. Nombre de la Propiedad Tipo Descripción Fill Foreground Height Brush Brush Double Configura el color del relleno. Configura el color del frontal. Configura la altura del elemento. Los cambios de estado son Auto y Numérico 52 Status Enterprise Controles Disponibles para Diseño de Scada Left Double Maximum Minimum Opacity Double Double Double Orientation Orientation Top Double Value Double Width Double Configura la posición del objeto al canvas. El valor por defecto es Left=0. Configura el valor máximo de la barra. Configura el valor mínimo de la barra. Configura el factor de opacidad aplicado al elemento. Determina dependiendo de la barra de progreso si estará orientada de forma Horizontal o Vertical. Configura la posición del objeto en el canvas. El valor por defecto es Top=0. Configura el valor actualmente mostrado por la barra. Configura el ancho del elemento. Los cambios de estado son Auto y Numérico Imagen 96 - Tabla de Propiedades de la Barra de Progreso 7.8 Caja de texto Enriquecido Diseñador de Aplicaciones Imagen 97 – Caja de Texto Enriquecido Caja de Texto Enriquecido representa una Caja de Texto que permite más opciones de formato para textos que una caja de texto estándar y facilita otras posibilidades de edición del control. Nombre de la Propiedad Tipo Descripción Background Brush SelectionBrush Brush VerticalAlignment VerticalAlignment VerticalContentAlignment VerticalAlignment VerticalScrollBarVisibility ScrollBarVisibility Width Double Configura el color que describe el fondo del control. Configura el color del texto cuando está seleccionado. Configura la alineación vertical de características aplicada a este elemento cuando es compuesto dentro de un elemento “padre” como un panel o un control de elementos. Configura la alineación vertical del contenido del control. Configura el valor que indica cuando la barra de desplazamiento vertical es mostrada. Configura el ancho del elemento. Los cambios de estado son Auto y Numérico Imagen 98 - Tabla de Propiedades Caja de Texto Enriquecido 53 Status Enterprise 7.9 Controles Disponibles para Diseño de Scada Caja de Texto Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 99 – Caja de Texto Una Caja de Texto es un control utilizado para la entrada y edición de texto. Las propiedades de este objeto están orientadas a Alineación, Ajuste de línea, Texto Multilínea, las cuales habilitan la posibilidad de trabajar con mayores secciones de texto. La configuración del Texto introducido en las cajas de texto se realiza utilizando la propiedad ‘Text’. Este control se usa con frecuencia en lugar de utilizar controles de tipo Etiqueta en aplicaciones Web. Nombre de la Propiedad Tipo Descripción Foreground Height Brush Double Left Double Maximum Minimum Opacity Double Double Double Text TextWrapping String TextWrapping Top Double Width Double Configura el color del color del frontal. Configura la altura del elemento. Los cambios de estado son Auto y Numérico Configura la posición del objeto en el canvas. El valor por defecto es Left=0. Configura el valor máximo de la barra. Configura el valor mínimo de la barra. Configura el factor de opacidad aplicado al elemento. Configura el contenido de la Caja de Texto. Determina el método de envolver el texto que será empleado por el control. Configura la posición del objeto en el canvas. El valor por defecto es Top=0. Configura el ancho del elemento. Los cambios de estado son Auto y Numérico Imagen 100 - Tabla de Propiedades de la Caja de Texto 54 Status Enterprise 7.10 Controles Disponibles para Diseño de Scada Botón Conmutador Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 101 – Botón Conmutador Es un control que lanza un evento específico cuando es accionado. Tiene hasta tres posibles estados: IsChecked=True, IsChecked=False, y IsChecked=Null, que se enlazan normalmente a valores Booleanos. Nombre de la Propiedad Tipo Descripción Content Foreground Height Object Brush Double IsChecked Boolean Left Double Opacity Double Top Double Width Double Contenido que será mostrado en el Botón. Color del frontal del Control Botón. Configura la altura del elemento. Los cambios de estado son Auto y Numérico Determina si el botón está seleccionado o no por defecto. Configura la posición del objeto en el canvas. El valor por defecto es Left=0. Configura el factor de opacidad aplicado al elemento. Configura la posición del objeto en el canvas. El valor por defecto es Top=0. Configura el ancho del elemento. Los cambios de estado son Auto y Numérico Imagen 102 - Tabla de Propiedades del Botón Conmutador 7.11 Deslizador Vertical Diseñador de ‘Mimics’| Diseñador de Aplicaciones 55 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 103 – Deslizador Vertical Permite a los usuarios seleccionar el rango de valores moviendo el deslizador de abajo a arriba. El enlace a datos se realiza normalmente con la propiedad ‘Value’ de este control. Nombre de la Propiedad Tipo Descripción Fill Foreground Height Brush Brush Double IsAnnotated Boolean Left Double Maximum Minimum Opacity Double Double Double Top Double Value Width Double Double Define el color del deslizador. Configura el color del color del frontal. Configura la altura del elemento. Los cambios de estado son Auto y Numérico Define si se muestran o no las etiquetas de medida. Configura la posición del objeto en el canvas. El valor por defecto es Left=0. Configura el valor máximo del deslizador. Configura el valor mínimo del deslizador. Configura el factor de opacidad aplicado al elemento. Configura la posición del objeto en el canvas. El valor por defecto es Top=0. Valor actual mostrado en el deslizador. Configura el ancho del elemento. Los cambios de estado son Auto y Numérico Imagen 104 - Tabla de Propiedades del Deslizador Vertical 56 Status Enterprise Controles Disponibles para Diseño de Scada 8 Contenedores Permiten la agrupación de uno o más componentes. 8.1 Lupa Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 105 - Lupa Magnifica el contenido del control cuando el ratón pasa por encima. Pueden ser configurados para mostrar diferentes niveles de aumento cambiando la propiedad ‘Scale’.. Nombre de la Propiedad Tipo Descripción AnimationSpeed Left Double Double Scale Double Top Double Velocidad en que se muestra el aumento. Configura la posición del objeto en el canvas. El valor por defecto es Left=0. Determina, a través de un múltiplo numérico (por ejemplo; 2x el valor por defecto) el tamaño por el cual el contenido es aumentado. Configura la posición del objeto en el canvas. El valor por defecto es Top=0. Imagen 106 - Tabla de Propiedades de la Lupa 57 Status Enterprise 8.2 Controles Disponibles para Diseño de Scada Control Tipo Placa Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 107 –Control Tipo Placa Es un control con una cabecera y un contenido. Por defecto, el control tiene un aspecto plateado para acentuar o destacar contenido. Se pueden incluir otros objetos dentro de este control para darle una imagen más sofisticada. Nombre de la Propiedad Tipo Descripción CornerRadius CornerRadius GlareBrush Header HeaderBackground HeaderCornerRadius Brush Object Brush CornerRadius HeaderFontFamily HeaderFontSize HeaderFontStretch FontFamily Double FontStretch HeaderFontStyle HeaderFontWeight FontStyle FontWeight HeaderForeground HeaderHorizontalContentAlignment HeaderVerticalContentAlignment Brush HorizontalAlignment VerticalAlignment Configura el radio de la esquina del borde exterior del elemento. Configura el reflejo de todo el control. Configura los datos de la cabecera. Color del fondo de la cabecera. Configura el radio de la del borde de la cabecera del elemento. Fuente utilizada en la cabecera. Tamaño de la fuente de la cabecera. Compresión o expansión de la fuente de texto de la cabecera. Estilo de la fuente de la cabecera. Configura el grosor de la fuente seleccionada en la cabecera. Color del frontal de la cabecera. Alineación horizontal de la cabecera. Configura la alineación vertical del contenido de la cabecera. Imagen 108 - Tabla de Propiedades del Control Tipo Placa 58 Status Enterprise Controles Disponibles para Diseño de Scada 9 Cintas 9.1 Cinta Transportadora Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 109 – Cinta Transportadora La cinta transportadora es un control animado utilizado para simular cintas trasnportadoras. El movimiento de la cinta se puede animar en todas las direcciones, así como la velocidad de la cinta o su estado de activo o inactivo. El control permite la configuración de hasta cinco estado diferentes através del color de la cinta. Nombre de la Propiedad Tipo Descripción AnimateOnRun ApplyTransparencyOnStop Boolean Boolean ArrowBackground Brush BeltLeftDirection BeltSpeed HideArrowOnStop Boolean Double Boolean HideStatusOnStop Boolean IsOn Boolean ShowArrowTop Boolean ShowBackGroundTexture Boolean Status StatusColor Boolean Brush Asigna si el control se animará al inicio. Puede habilitarse la opción de opacidad cuando la cinta esté parada. Asigna el color de fondo de las flechas de dirección. Asigna la dirección de la cinta y flechas. Configura la velocidad de la cinta. Esconde las flechas cuando la cinta está parada. La cinta volverá al Estado neutral cuando el transportador se detiene. Configura cuando la cinta está en estado encendido o apagado. Muestra u oculta las flechas de la cinta, Superior, Medio o Inferior. Muestra u oculta la textura de fondo de la cinta. Activa el estado de la cinta del 1 al 5. Asigna el color de fondo de cada uno de los 5 estados. Imagen 110 - Tabla de Propiedades de la Cinta Transportadora 59 Status Enterprise Controles Disponibles para Diseño de Scada 10 Controles de Administración de Datos 10.1 Botón de Cambio de Componente Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 111 – Botón de Cambio de Componente Si se configuran sus componentes para actuar con las cuentas de usuario u otro tipo de ‘Activos’, se podría utilizar el componente para cambiar de usuario. Nombre de la Propiedad Tipo Descripción CornerRadius CornerRadius Increment Double PressedBackground SetUp Value Brush NavigateParameters Double Configura el radio de la esquina del borde exterior del elemento. La cantidad que se incrementará cada vez que se presione el botón. El fondo que aparece cuando se presiona el botón. Asigna la ruta de los documentos que se visualizarán. Configura el valor actual del control. Imagen 112 - Tabla de Propiedades del Botón de Cambio de Componente Para configurar el Botón de Cambio de Componente, seleccione la propiedad <Set Up> y especifique la propiedad que el botón modificará cuando se accione. 60 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 113 – Configuración del Botón Cambio de Componente En ejecución, cuando se hace clic sobre el Botón, aparece la ventana de selección de usuario permitiendo que se seleccione un nuevo usuario para la propiedad específica. Imagen 114 – Selección de Usuario en el Botón de Cambio de Componente 10.2 Botón de Gel de Cambio de Componente Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 115 – Botón de Gel de Cambio de Componente 61 Status Enterprise Controles Disponibles para Diseño de Scada El botón de Cambio componentes del Gel tiene la misma funcionalidad que el componente botón visto anteriormente, pero tiene un aspecto de tipo gel. Nombre de la Propiedad Tipo Descripción CornerRadius CornerRadius Increment Double InnerBorderBrush* InnerBorderThickness* InnerCornerRadius Brush Thickness CornerRadius SetUp NavigateParameters Value Double Configura el radio de la esquina del borde exterior del elemento. La cantidad que se incrementará cada vez que se presione el botón. Configura el color del borde interior. Configura el grosor del borde interior del elemento. Configura el radio de la esquina del borde interior del elemento. Asigna la ruta de los documentos que se visualizarán. Configura el valor actual del control. Imagen 116 - Tabla de Propiedades del Botón de Cambio de Componente de Tipo Gel *Heredado, no se utiliza 10.3 Botón para Crear Objeto Diseñador de ‘Mimics’ Imagen 117 – Botón para Crear Objeto El botón Crear objeto le permite crear un nuevo objeto en el modelo de objetos, agréguelo a una colección de un activo y, opcionalmente, abrir un documento con el objeto recién creado. Este control puede ser útil para crear órdenes de trabajo. Nombre de la Propiedad Tipo Descripción CornerRadius CornerRadius Increment Double PressedBackground SetUp Value Brush NavigateParameters Double Configura el radio de la esquina del borde exterior del elemento. La cantidad que se incrementará cada vez que se presione el botón. El fondo que se muestra cuando se presiona el Botón. Asigna la ruta de los documentos que se visualizarán. Configura el valor actual del control. Imagen 118 - Tabla de Propiedades del Botón de Crear Objeto 62 Status Enterprise Controles Disponibles para Diseño de Scada Para configurar el botón de Crear Objeto, seleccione la propiedad <Set Up> del panel. Imagen 119 – Ventana Setup de las propiedades del Botón de Crear Objeto Configuración para Crear Objeto: 10.4 ‘New Object Type’ – El nuevo tipo de objetos a crear. ‘New Object Name’ – Nombre del nuevo objeto. Puede ser un nombre fijo, auto genreado o puede ser introducido por el usuario desde un control de tipo Caja de texto. ‘Object List’ – El nuevo objeto será añadido a una colección definida. ‘Document to Open’ – Una nueva propiedad se puede configurar para mostrar un ‘Mimic’ con el nuevo Activo creado. Botón de Gel para Crear objetos Diseñador de ‘Mimics’ Imagen 120 – Botón de Gel para Crear Objetos Es muy similar al Botón para crear Objetos pero con aspecto de Gel. Nombre de la Propiedad Tipo Descripción CornerRadius CornerRadius Increment Double InnerBorderBrush* InnerBorderThickness* InnerCornerRadius Brush Thickness CornerRadius SetUp NavigateParameters Configura el radio de la esquina del borde exterior del elemento. La cantidad que se incrementará cada vez que se presione el botón. Configura el color del borde interior. Configura el grosor del borde interior del elemento. Configura el radio de la esquina del borde interior del elemento. Asigna la ruta de los documentos que se mostrará. 63 Status Enterprise Value Controles Disponibles para Diseño de Scada Double Configura el valor actual del control. Imagen 121 - Tabla de Propiedades del Botón de Gel para Crear Objetos *Heredado, no se utiliza 64 Status Enterprise Controles Disponibles para Diseño de Scada 11 Controles de Fecha y Hora Un control de Fecha y Hora, permite que el usuario seleccione la fecha y la hora, y la muestre con formato específico. Nombre de la Propiedad Tipo Descripción Background BorderBrush BorderThickness FontFamily FontSize FontStretch Brush Brush Thickness FontFamily FontSize FontStretch FontStyle FontWeight Foreground FontStyle FontWeight Brush GlareBrush HorizontalContentAlignment* Brush HorizontalAlignment VerticalContentAlignment* VerticalAlignment Color de fondo del control. Color del borde exterior del control. Configura el grosor del borde del control. Configura la fuente de texto del control. Configura el tamaño de la fuente. Configura el grado en que una fuente de texto es comprimida o expandida. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura el color que describe el color del frontal. Configura el reflejo de todo el control. Configura la alineación horizontal del contenido del control. Configura la alineación vertical del contenido del control. Imagen 122 - Tabla de Propiedades de Fecha y Hora *Heredado, no se utiliza 11.1 Reloj Analógico Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 123 – Reloj Analógico El reloj Analógico está diseñado para simular un reloj estándar que automáticamente muestra la hora configurada en el PC donde se ejecuta en un formato analógico. Nombre de la Propiedad Tipo Descripción CenterCapBorderBrush Brush Color del borde exterior. 65 Status Enterprise Controles Disponibles para Diseño de Scada CenterCapBrush Content HourOffset Brush Object Integer NeedleBrush SecondsNeedleBrush TickBorderBrush TickBrush VerticalContentAlignment* Brush Brush Brush Brush VerticalAlignment Color de la tapa del centro. Permite configurar texto como contenido. Número de horas de diferencia (basadas en la hora del sistema donde se ejecuta). El color asignado a la manecilla de las horas. El color asignado a la manecilla de los segundos. Color del borde de los marcadores. Color de los marcadores. Configura la alineación vertical del contenido del control. Imagen 124 - Tabla de Propiedades del Reloj Analógico *Heredado, no se utiliza 11.2 Calendario Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 125 - Calendario Proporciona una representación gráfica de un calendario de papel estándar con fechas que son seleccionables en tiempo de ejecución. La fecha actual es mostrada por defecto en un formato estándar mensual, pero puede ser cambiada para mostrar por el año o por la década. Otras opciones de configuración incluyen su opción de la familia de fuentes, tamaño y peso, así como color de fondo. Este control típicamente se enlaza a la propiedad DisplayDate para un elemento de datos que es un tipo de datos de fecha. Nombre de la Propiedad Tipo Descripción DisplayDate TimeDate DisplayMode DisplayMode FirstDayOfWeek FirstDayOfWeek Configura la fecha que se mostrará por defecto. Permite mostrar la fecha por Mes, Año o década. Permite la elección de cual es el primer día de la semana cuando se visualiza el calendario en modo mensual. 66 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 126 - Tabla de Propiedades del Calendario 11.3 Selector de Fecha Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 127 – Selector de Fecha El control de selector de fecha, permite al usuario selecciona una fecha específica desde un calendario desplegable. Cuando se hace clic sobre el control, un calendario interactivo aparece y permite al usuario seleccionar la fecha que se mostrará en la caja de texto. El calendario tendrá la fecha actual seleccionada por defecto a menos que se configure lo configuradp como tipo de datos fecha. Nombre de la Propiedad Tipo Descripción DisplayDate FontFamily FontSize IsEnabled TimeDate FontFamily FontSize Boolean IsTodayHighlighted Boolean Configura la fecha que será mostrada por defecto. Configura la fuente de texto del control. Configura el tamaño de la fuente del control. Determina si al usuario se le permitirá o no seleccionar una fecha. Define si la fecha actual se muestra por defecto. Imagen 128 - Tabla de Propiedades del Selector de Fecha 11.4 Panel de Fecha y Hora Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 129 – Panel de Fecha y Hora 67 Status Enterprise Controles Disponibles para Diseño de Scada Es un reloj que puede mostrar fecha y hora mediante una serie de opciones predefinidas. Elija entre la sencillez de una pantalla de formato corto (29/02/08 10:03) al formato largo detallado (viernes, 29 de febrero de 2008 10:03:54) para satisfacer sus necesidades. Puede rellenar el contenido, con la propiedad DateTimeFormat. Nombre de la Propiedad Tipo Descripción CornerRadius CornerRadius DateTimeFormat DateTimeFormats String DateTimeFormats InnerBorderBrush InnerBorderThickness Brush Thickness InnerCornerRadius CornerRadius UpdateRate Double Configura el radio del borde de la esquina exterior del elemento. Configura el formato de Fecha/Hora con String. Configura la Fecha/Hora de (alfanumerico) en una lista desplegable. Configura el color del borde interior. Configura el grosor del borde interior del elemento. Configura el radio de la esquina for el borde interior del elemento. La tasa, en milisegundos, que la visualización del tiempo actualiza su texto. Imagen 130 - Tabla de Propiedades del Panel de Fecha y Hora 11.5 Control de Tiempo Transcurrido Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 131 – Conrol de Tiempo Transcurrido El Control de Tiempo Transcurrido provee una actualización textual dinámica de la representación del tiempo que ha pasado desde la última actualización de un elemento. La propiedad ‘LastUpdateTime’ puede ser configurada en el panel de propiedades, y el texto del control se actualizará automáticamente para reflejar la diferencia entre el ‘LastUpdateTime’ y el tiempo actual en el reloj del ordenador del usuario. Las opciones de configuración también son provistas para la fuente, tamaño, estilo y peso. Este control es tipicamente enlazado de la propiedad ‘LastUpdateTime’ al sello de tiempo de un elemento. Nombre de la Propiedad Tipo Descripción LastUpdateTime CornerRadius FontFamily FontSize FontWeight Foreground FontFamily FontSize FontWeight Brush Configura el tiempo exacto usado para determinar cuanto ha pasado. Configura la fuente de texto del control. Configura el tamaño de la fuente del control. Configura el peso de la fuente del control. Configura el color del frontal 68 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 132 - Elapsed Time Control Tabla de Propiedades 69 Status Enterprise 11.6 Controles Disponibles para Diseño de Scada Control de Hora Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 133 – Control de Hora Poniendo un Control de Hora en la superficie de diseño añadirá un interfaz de reloj digital a tu “mimic”. Este control no controla el tiempo, pero permite que la hora sea editada durante la ejecución- Usa los botones de flechas en el lado para ajustar el control de la hora, minutos y segundos, y para alternar entre AM y PM. Nombre de la Propiedad Tipo Descripción BorderBrush BorderThickness FontFamily FontSize FontStretch Brush Thickness FontFamily FontSize FontStretch FontStyle FontWeight Foreground Time FontStyle FontWeight Brush Time Configura el color del borde del fondo del control. Configura el grosor del borde del control. Configura la fuente de texto del control. Configura el tamaño de la fuente. Configura el grado en que una fuente se comprime o se expande en la pantalla. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura el color del frontal. Configura la hora inicial que será mostrada. Imagen 134 - Tabla de Propiedades Control de Hora 70 Status Enterprise 12 Controles Disponibles para Diseño de Scada Diagnostico Permiten agregar un registro visible de actividad del servidor a sus ‘Mimics’ Nombre de la Propiedad Tipo Descripción Background BorderBrush BorderThickness FontFamily FontSize FontWeight Foreground Height Brush Brush Thickness FontFamily FontSize FontWeight Brush Double Left Double Top Double Width Double Configura el color del fondo del control. Configura el color del borde del control. Configura el grosor del borde del control. Configura la fuente de texto del control. Configura el tamaño de la fuente. Configura el grosor de la fuente seleccionada. Configura el color del color del frontal. Configura la altura del elemento. Los cambios de estado son Auto y Numérico Configura la posición del objeto en el canvas. El valor por defecto es Left=0. Configura la posición del objeto en el canvas. El valor por defecto es Top=0. Configura el ancho del elemento. Los cambios de estado son Auto y Numérico Imagen 135 - Tabla de Propiedades de los Controles de Diagnóstico 12.1 Control de Log de Actividad Diseñador de Aplicaciones Imagen 136 – Control de Log de Actividad Muestra mensajes de comunicación con diferentes servidores. Si su diseño‘Mimic’ está teniendo problemas para conseguir datos de buena calidad o no se puede conectar a un servidor en tiempo de ejecución, la información será mostrada en el Control de registro de actividad. Nombre de la Propiedad Tipo Descripción ClearCaption Header Tag String String Object ToolTip Object Texto que aparece en el Botón de Limpiar. Texto que aparece en la cabecera. Valor del objeto que puede ser utilizado para almacenar información. Configura el contenido del ‘ToolTip’. 71 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 137 - Tabla de Propiedades de Control de Log de Actividad 72 Status Enterprise Controles Disponibles para Diseño de Scada 13 Documentos La sección de documentos provee controles para l portabilidad, la alta fidelidad, fijar formato de los documentos con acceso de lectura para selección de texto de los usuarios, navegación de teclado y búsqueda. 13.1 Visor de Documentos Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 138 – Visor de Documentos El control del Visor de documentos es usado para ver el contenido ‘FixedDocument’ (Como Documentos ‘XML Paper Specification (XPS)’) en un formato paginado. El Visor de Documentos es configurado enlazando la propiedad ‘Documento’ del control a la propiedad contenido de un Archivo de Usuario en el modelo de Datos, o enlazando la propiedad ‘Source’ a una propiedad ‘String’ del modelo de datos. La propiedad ‘String’ será la ruta al documento deseado. Esta ruta debe ser accesible por la estación de trabajo cliente. Nombre de la Propiedad Tipo Descripción Background BorderBrush BorderThickness FontFamily FontSize FontWeight Foreground Height Brush Brush Thickness FontFamily FontSize FontWeight Brush Double Left Double Top Double Width Double Configura el color del fondo del control. Color del borde del control. Configura el grosor del borde del control. Configura la fuente de texto del control. Configura el tamaño de la fuente. Grosor de la fuente seleccionada. Configura el color del color del frontal. Configura altura del elemento. Los cambios de estado son Auto y Numérico Configura la posición del objeto en el canvas. El valor por defecto es Left=0. Configura la posición del objeto en el canvas. El valor por defecto es Top=0. Configura el ancho del elemento. Los cambios de estado son Auto y Numérico Imagen 139 - Tabla de Propiedades del Visor de Documentos 13.2 Enlace a Documentos Diseñador de ‘Mimics’| Diseñador de Aplicaciones 73 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 140 – Enlace a Documentos Permite insertar un enlace clicable que puede usarse para abrir un documento especificado usando la aplicación predeterminada para el documento. Use la propiedad <SetUp> del panel para definir la ruta de los Activos donde se encuentran los documentos a mostrar. Nombre de la Propiedad Tipo Descripción Background BorderBrush BorderThickness ContentStringFormat FontFamily FontSize FontWeight Foreground Height Brush Brush Thickness Object FontFamily FontSize FontWeight Brush Double Left Double SetUp NavigateParameters Top Double Width Double Configura el color del fondo del control. Configura el color de fondo del control. Grosor del borde del control. Permite insertar texto en el contenido. Configura la fuente de texto del control. Configura el tamaño de la fuente. Grosor de la fuente seleccionada. Configura el color del color del frontal. Configura la altura del elemento. Los cambios de estado son Auto y Numérico Configura la posición del objeto en el canvas. El valor por defecto es Left=0. Asigna la ruta de los documentos que se visualizarán. Configura la posición del objeto en el canvas. El valor por defecto es Top=0. Configura el ancho del elemento. Los cambios de estado son Auto y Numérico Imagen 141 - Tabla de Propiedades del Enlace de Documentos 74 Status Enterprise 14 Controles Disponibles para Diseño de Scada Medidores Es un tipo de control que Asigna y muestra gráficamente un valor de un rango continuo de posibles valores seleccionados por el usuario. Todos los controles están disponibles para los diseñadores de Bscada y accesible en todos los entornos de ejecución. Nombre de la Propiedad Tipo Descripción Background BorderBrush BorderThickness CornerRadius Brush Brush Thickness CornerRadius FontFamily* FontSize* FontStretch* FontStyle* FontWeight* FontFamily FontSize FontStretch FontStyle FontWeight Foreground HorizontalContentAlignment** Brush HorizontalAlignment Maximum Minimum StrokeThickness Value VerticalContentAlignment** Double Double Double Double VerticalAlignment Configura el color del fondo del control. Configura el color del borde del control. Configura el grosor del borde del control. Configura el radio de la esquina del borde exterior del elemento. Configura la fuente de texto del control. Configura el tamaño de la fuente. Compresión o expansión de la fuente. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura el color del color del frontal. Configura la alineación horizontal del contenido del control. Configura el valor máximo para el elemento. Configura el valor mínimo para el elemento. Configura el grosor de la línea de fondo. Configura el valor actual del control. Configura la alineación vertical del contenido del control. Imagen 142 - Tabla de Propiedades de los Medidores * Las propiedades de fuente primaria aplican a valores principales **Heredado, no se utiliza 14.1 Doble Medidor Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 143 – Doble Medidor Es un tipo de medidor con la capacidad de mostrar dos variables diferentes desde dentro del mismo objeto. El medidor contiene dos agujas, dos unidades de marcado y dos anillos de graduación. El valor predeterminado para el control es ‘Value’. Los usuarios pueden también enlazar a la propiedad ‘InnerValue’. 75 Status Enterprise Controles Disponibles para Diseño de Scada Nombre de la Propiedad Tipo Descripción Caption CaptionBrush CaptionFontFamily String Brush FontFamily CaptionFontSize FontSize CaptionFontStretch FontStretch CaptionFontStyle FontStyle CaptionFontWeight FontWeight CenterCapBorderBrush Brush CenterCapBrush GlareBrush InnerBorderBrush InnerBorderThickness InnerCaption InnerCaptionBrush InnerCaptionFontFamily Brush Brush Brush Thickness String Brush FontFamily InnerCaptionFontSize FontSize InnerCaptionFontWeight FontWeight InnerCornerRadius CornerRadius InnerFontFamily FontFamily InnerFontSize FontSize InnerFontStretch FontStretch InnerFontStyle FontStyle InnerFontWeight InnerForeground FontWeight Brush InnerMaximum Double InnerMinimum Double InnerNeedleBrush Brush InnerNeedleThickness Double InnerTickBrush InnerTickRingBrush Brush Brush InnerTicks String Configuración del título para el elemento principal. Leyenda de colores del medidor principal. Configura la fuente de Texto para el título del principal medidor. Configura el tamaño de la fuente para el título del principal Medidor. Configura el grado para los cuales la fuente es condensada o expandida para el título del principal medidor. Configura el estilo de la fuente de texto para el título del principal indicador. Configura el grosor de la fuente seleccionada para el título del principal medidor. Pincel de borde para el borde exterior de la capa central. El pincel que pinta la capa central. Configura el resplandor sobre todo el control. Configura el color del borde interior. Configura el grosor del borde interior del elemento. Permite la inserción del texto de la leyenda interior. El pincel que pinta la leyenda más interna. El estilo de fuente del texto de las leyendas más interna. El tamaño, en términos numéricos, de la fuente de texto del texto de la leyenda más interna. El grosor de la fuente de teto de la leyenda más interna. Configura el radio de la esquina del borde interior del elemento. El estilo de fuente de los números en el medidor interno. El tamaño, en términos numéricos, de La Fuente de texto de los números en el medidor interno. Se condensa o se expande el texto utilizado en los números en el indicador interno. El estilo de la fuente para los números en el medidor interno. En grosor de la fuente en el medidor interno. El pincel utilizado para el contenido basado en texto del medidor interior. Configurar el umbral máximo para el medidor interior. Configurar el umbral mínimo para el medidor interior. El pincel que pinta la aguja para el medidor interior. Configura el grosor del borde exterior de la aguja para el medidor interior. El pincel que pinta las marcas del calibre interior. El pincel que pinta la marca de anillo del medidor interior. Configura las posisiones de las marcas a mostrar en el medidor interior. 76 Status Enterprise Controles Disponibles para Diseño de Scada InnerValue Double NeedleBrush NeedleThickness Brush Double TickBrush Brush TickRingBrush Brush Ticks String Asigna la magnitud actual del rango de control para el medidor interior. El pincel que pinta la aguja del medidor externo. El espesor del borde exterior de la aguja en el medidor exterior. El pincel que pinta las marcas en el indicador exterior. El pincel que pinta la marca de anillo del medidor exterior. Un string de valores alfanuméricos delimitados por semicomas p.e.; "1;2;3" o "bajo;medio; alto". Imagen 144 - Tabla de Propiedades de Medidor Dual 14.2 Medidor Dinámico Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 145 – Medidor Dinámico Un Medidor Dinámico o “DynamicGauge” es un tipo de medidor lineal con la habilidad de mostrar valores desde la izquierda hasta la derecha y desde el centro. El control tiene dos umbrales que te permiten coger donde el relleno cambia de color. *Cuando usamos la opción desde el centro el control automáticamente ajustará tu “ColorThreshold2” para los lados derecha e izquierda del centro. Nombre de la Propiedad Tipo Descripción ColorThreshold1 Double ColorThreshold2 Double FillDirection Enum HighFill Brush InnerBorderBrush InnerBorderThickness LowFill Brush Thickness Brush MediumFill Brush El porcentaje entre el mínimo y el máximo donde el control cambiará el medio del relleno. El porcentaje entre el mínimo y el máximo donde el control cambiará el alto del relleno. Cambia la dirección del relleno en el control(Izquierda, Derecha y Centro). Configura el color que describe el relleno alto del control. Configura el color del borde interior. Configura el grosor del borde interior del elemento. Configura el color que describe el relleno bajo del control. Configura el color que describe el relleno medio del control. 77 Status Enterprise Controles Disponibles para Diseño de Scada MidValue* Double TitleTextColor UnitFontSize UnitText UnitTextColor Brush FontSize String Brush ValueBackgroundColor Brush ValueFormat String Configura el valor medio cuando usamos la dirección central del relleno. Configura el pincel que colorea el título del control. Configura el tamaño de la fuente. Configura la Unidad de Texto del Control. Configura el pincel que colorea la unidad de texto del control. Configura el color de fondo color detrás del valor del control. Configura el formato string del valor del control. Imagen 146 - Tabla de Propiedades “Dynamic Gauge” *Heredado, no se utiliza 14.3 Medidor Lineal Horizontal o “Horizontal Linear Gauge” Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 147 – Medidor Lineal Horizontal El “HorizontalLinearGauge” es un control que muestra un medidor personalizable orientado horizaontalmente, con una salida numérica. Nombre de la Propiedad Tipo Descripción Caption CaptionBrush FluidBorderBrush String Brush Brush FluidBrush Brush FluidCornerRadius CornerRadius FluidOpacityBrush GlareBrush InnerBackground Brush GlareBrush Brush InnerBorderBrush InnerBorderThickness InnerCornerRadius Brush Thickness CornerRadius Configuración del título para el elemento principal. Configura the color del título del medidor. Configura el color del borde usado para pintar el contenido exterior del fluido. Configura el pincel usado para pintar la porción de fluido del control. Configura el radio de la esquina usado para pintar el contenido del exterior del fluido. Configura nivel de opacidad del fluido. Configura el brillo sobre todo el control. Configura el fondo del indicador (porción sin fluido). Configura el color del borde interior. Configura el grosor del borde interior del elemento. Configura el radio de la esquina del borde interior del elemento. 78 Status Enterprise Controles Disponibles para Diseño de Scada IsNumbersVisible Boolean TickBrush TickFrequency Brush Double TickPlacement Enum Ticks DoubleCollection Configura un valor indicando cuando los números conrresponden a las marcas que son mostradas. El pincel que pinta las marcas incrementales. Configura la distancia relativa del rango de valores en el cual debería redactarse. El periodo es basado en el valor mínimo. Ejemplo: Una frecuencia de 1 y un mínimo de 0 causará que una marca sea ùesta en la marca de 0 y en cada número entero sin marca hasta llegar al máximo. Configura la posición de las marcas con respecto a la trayectoria. Configura las posiciones de las marcas para mostrar. Imagen 148 - Tabla de Propiedades “Horizontal Linear Gauge” 14.4 Medidor Parabólico o “Parabolic Gauge” Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 149 – Medidor Parabólico o Parabolic Gauge Un medidor Parabólico es un tipo de medido radial que mide un conjunto numérico establecido en un área de semicirculo. Nombre de la Propiedad Tipo Descripción Caption CaptionBrush CaptionFontFamily String Brush FontFamily CaptionFontSize FontSize CaptionFontStretch FontStretch CaptionFontStyle FontStyle CaptionFontWeight FontWeight CenterCapBorderBrush CenterCapBrush GlareBrush Brush Brush Brush Configuración del título para el elemento principal. Leyenda de colores del medidor principal. Configura la fuente de texto para la leyenda del medidor principal. Configura el tamaño de la fuente para la leyenda del medidor principal. Configura el grado a la que una fuente se comprime o se expande en el título principal del medidor. Configura el estilo de la fuente de texto para la leyenda del medidor principal. Configura el grosor de la fuente seleccionada para la leyenda del medidor principal. Pincel del borde exterior de la tapa central. El pincel que pinta la tapa central. Configura el brillo sobre todo el control. 79 Status Enterprise Controles Disponibles para Diseño de Scada InnerBorderBrush InnerBorderThickness InnerCornerRadius Brush Thickness CornerRadius NeedleBrush NeedleThickness Brush Double TickBrush Brush TickRingBrush Brush Ticks String Configura el color del borde interior. Configura el grosor del borde interior del elemento. Configura el radio de la esquina del borde interior del elemento. El pincel que pinta la aguja del medidor externo. El espesor del borde exterior de la aguja en el medidor. El pincel que pinta las marcas en el indicador exterior. El pincel que pinta las marcas de anillo en el indicador exterior. Un String de valores alfanuméricos separado por semicomas p.e.; "1;2;3" or “bajo;medio;alto”. Imagen 150 - Tabla de Propiedades del Medidor Parabólico 14.5 Medidor de Competición o “Racing Gauge” Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 151 – Medidor de Competición Un medidor de competición es un tipo de medidor radial que muestra una cantidad fijada en dos diferentes formatos. Este medidor contiene un visualizador de “estilo metro” así como una aguja, un conjunto de marcas y de marcas de anillo. Nombre de la Propiedad Tipo Descripción Caption CaptionBrush String Brush CaptionFontFamily FontFamily CaptionFontSize FontSize CaptionFontStretch FontStretch Configuración del título para el elemento principal. Configura el color para el título del principal indicador. Configura la fuente de texto para el título del principal indicador. Configura el tamaño de la fuente para el título del principal indicador. Configura el grado a la que una fuente se comprime o se expande en el título del principal indicador. 80 Status Enterprise Controles Disponibles para Diseño de Scada CaptionFontStyle FontStyle CaptionFontWeight FontWeight CenterCapBorderBrush CenterCapBrush GlareBrush InnerBorderBrush InnerBorderThickness InnerCornerRadius Brush Brush Brush Brush Thickness CornerRadius MeterBackgroundBrush MeterBorderBrush MeterFontFamily MeterFontSize MeterFontStretch Brush Brush FontFamily FontSize FontStretch MeterFontStyle FontStyle MeterFontWeight FontWeight MeterForeground NeedleBrush NeedleThickness Brush Brush Double TickBrush Brush TickRingBrush Brush Ticks String Configura el estilo de la fuente de texto para el título del principal indicador. Configura el grosor de la fuente seleccionada para el título del principal indicador. C epillo del borde exterior de la tapa central. El pincel que que pinta la tapa central. Configura el brillo sobre todo el control. Configura el color del borde interior. Configura el grosor del borde interior del elemento. Configura el radio de la esquina del borde interior del elemento. El pincel que pinta el medidor de fondo. El pincel que pinta el medidor del borde. La fuente tipo aplicada al medidor. El tamaño numérico de la fuente del medidor. Condensa o Expande la fuente de texto del medidor. Configura el estilo de la fuente de texto del texto del anillo del medidor. Configura como de ancho o estrecho debe de ser la fuente del medidor. El pincel que pinta los valores del medidor. El pincel que pinta la aguja del medidor externo. l espesor del borde exterior de la aguja en el medidor externo. El pincel que pinta las marcas en el indicador exterior. Ek pincel que pinta las marcas de anillo del medidor exterior. Un String de valores alfanuméricos delimitados por semicomas p.e.; “1;2;3” o “bajo;medio;alto”. Imagen 152 - Tabla de Propiedades de Medidor de Competición. 14.6 Medidor Radial Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 153 – Medidor Radial 81 Status Enterprise Controles Disponibles para Diseño de Scada Un Medidor Radial es un tipo de medidor con la habilidad de mostrar un valor en dos maneras diferentes dentro del mismo indicador. El control medidor radial mostrará el valor numérico en el centro y mostrará el valor no numérico en el anillo exterior. Nombre de la Propiedad Tipo Descripción ColorThresholdPrecentage Double FlowDirection HighFill FlowDirection Brush InnerBorderBrush InnerBorderThickness IsFillReversed Brush Thickness Boolean LowFill Brush MediumFill Brush TitleFontSize TitleText TitleTextColor UnitsFontSize UnitsText UnitsTextColor FontSize String Brush FontSize String Brush TickRingBrush Brush Ticks String ValueFontSize FontSize El porcentaje entre el mínimo y el máximo donde el control cambiará el color al medio de relleno. Cambia la dirección del control. Configura el color que tiene la parte alta del relleno del control. Configura el color del borde interior. Configura el grosor del borde interior del elemento. Configura el booleano que cambia en qué dirección se llena el medidor, por la izquierda o la derecha. Configura el color de que tiene la parte baja del relleno del control. Configura el color de que tiene la parte media del relleno del control Configura el tamaño de la fuente del título. Configura el texto del título. Configura el pincel que colorea el titulo del control. Configura el tamaño de la fuente. Configura la unidad de texto del control. Configura el pincel que colorea la unidad de texto del control. El pincel que pinta las marcas de anillo del medidor exterior Un String de valores alfanuméricos delimitados por semicomas p.e.; “1;2;3” o “bajo;medio;alto”. Configura el tamaño de la fuente del control. Imagen 154 - Tabla de Propiedades del medidor Radial. 14.7 Medidor Simple Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 155 – Medidor Simple El medidor simple es un tipo de medidor radial que muestra datos en un semicirculo sin marco. 82 Status Enterprise Controles Disponibles para Diseño de Scada Nombre de la Propiedad Tipo Descripción Caption CaptionBrush CaptionFontFamily String Brush FontFamily CaptionFontSize FontSize CaptionFontStretch FontStretch CaptionFontStyle FontStyle CaptionFontWeight FontWeight CenterCapBorderBrush CenterCapBrush GlareBrush InnerBorderBrush InnerBorderThickness InnerCornerRadius Brush Brush Brush Brush Thickness CornerRadius NeedleBrush NeedleThickness Brush Double TickBrush Brush TickRingBrush Brush Ticks String Configuración del título para el elemento principal. Configura el color del título del medidor Configura la fuente de texto para el título del medidor principal. Configura el tamaño de la fuente para el título del medidor principal. Configura el grado a la que una fuente se comprime o se expande en el título del medidor principal. Configura el estilo de la fuente de texto para el título del medidor principal. Configura el grosor de la fuente seleccionada para el título del medidor principal. Pincel del borde para el exterior de la tapa central. El pincel que pinta la tapa central. Configura el brillo sobre todo el control. Configura el color del borde interior. Configura el grosor del borde interior del elemento. Configura el radio de la esquina del borde interior del elemento. El pincel que pinta la aguja del medidor externo. El espesor del borde exterior de la aguja en el medidor. El pincel que pinta las marcas en el indicador exterior. El pincel que pinta las marcas de anillo del medidor exterior Un String de valores alfanuméricos delimitados por semicomas p.e.; “1;2;3” o “bajo;medio;alto”. Imagen 156 - Tabla de Propiedades de Medidor Simple 14.8 Medidor Variable Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 157 – Medidor Variable 83 Status Enterprise Controles Disponibles para Diseño de Scada El medidor variable es un tipo de medidor radial que muestra datos en tres rangos de variables definidas por el usuario. Este medidor puede ser utilizado para mostrar datos numéricos o no numéricos en una escala gráfica. Nombre de la Propiedad Tipo Descripción Caption CaptionBrush CaptionFontFamily String Brush FontFamily CaptionFontSize FontSize CaptionFontStretch FontStretch CaptionFontStyle FontStyle CaptionFontWeight FontWeight CenterCapBorderBrush CenterCapBorderThickness CenterCapBrush GlareBrush HighRangeBrush InnerBorderBrush InnerBorderThickness InnerCornerRadius Brush Double Brush Brush Brush Brush Thickness CornerRadius LowRangeBrush Brush MidRangeBrush NeedleBrush NeedleThickness Brush Brush Double TickBrush Brush Ticks String Configuración del título para el elemento principal. Leyenda de colores del medidor principal. Configura la fuente de texto para el título del medidor principal. Configura el tamaño de la fuente para el título del medidor principal Configura el grado en que una fuente se comprime o se expande en el título del principal indicador. Configura el estilo de la fuente de texto para el título del medidor principal. Configura el grosor de la fuente seleccionada para el título del medidor principal. Pincel del borde para el exterior de la tapa central. Asigna el grosor del trazo del pincel de fondo. El pincel que pinta la tapa central. Configura el brillo de todo el control. El pincel que pinta el rango alto del medidor. Configura el color del borde interior. Configura el grosor del borde interior del elemento. Configura el radio de la esquina del borde interior del elemento. El pincel que pinta los rangos bajo y alto del medidor. El pincel que pinta el rango medio del medidor. El color de la aguja exterior. El espesor del borde exterior de la aguja en el medidor. El pincel que pinta las marcas en el indicador exterior. Un String de valores alfanuméricos delimitados por semicomas p.e.; “1;2;3” o “bajo;medio;alto”. Imagen 158 - Tabla de Propiedades de Medidor Variable. 14.9 Medidor Lineal Vertical Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 84 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 159 – Medidor Lineal Vertical Es un control orientado verticalmente, con un medidor numérico. Nombre de la Propiedad Tipo Descripción Caption CaptionBrush FluidBorderBrush FluidBrush FluidCornerRadius FluidOpacityBrush GlareBrush InnerBackground InnerBorderBrush InnerBorderThickness InnerCornerRadius String Brush Brush Brush CornerRadius Brush GlareBrush Brush Brush Thickness CornerRadius IsNumbersVisible Boolean TickBrush TickFrequency Brush Double TickPlacement Enum Ticks DoubleCollection Configuración del título para el elemento principal. Configura el color del título del medidor Configura el color del borde del fluido. Configura el color del fluido. Configura el radio de la esquina del fluido. Configura el nivel de opacidad del fluido. Configura el reflejo del control. Configura el color de fondo del indicador del fluido. Configura el color del borde interior. Configura el grosor del borde interior del elemento. Configura el radio de la esquina del borde interior del elemento. Configura un valor indicando cuando los números correspondientes a las marcas son mostrados. El Pincel que pinta las marcas incrementales. Configura la distancia relativa del rango de valores en el cual las marcas son dibujadas. El periodo es basado en el valor mínimo. Ejemplo una frecuencia de marcas de 1 y un mínimo de 0 causará que se ponga una marca en el 0 y en cada número entero hasta llegar al máximo. Configura la posición de los marcadores de graduación con respecto al medidor. Posiciones de los marcadores de escala. Imagen 160 - Tabla de Propiedades del Medidor Lineal Vertical 85 Status Enterprise 15 Controles Disponibles para Diseño de Scada Grids y Paneles Un Control de “Grid” es un tipo de control de menú que puede ser activado haciendo clic en una celda del Grid. Los elementos del Panel son componentes de control que representa elementos—su tamaño y dimensiones, su posición, y la disposición de su contenido “hijo”. 15.1 Borde Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 161 - Borde Un Borde es un “decorador” y es tipicamente usado para dibujar un borde curvado alrededor de otro contenedor. Un borde esta habilitado para aceptar un objeto “hijo”. Esto sirve como una buena base para otra disposición de objetos que no tienen borde y las propiedades de grosor del borde (como “Canvas” o “Grid”) o para estilos y plantillas de control. Nombre de la Propiedad Tipo Descripción Background BorderBrush Brush Brush BorderThickness Thickness Configura el color del fondo del control. Configura el color que describe el borde del fondo del control. Configura el grosor del borde del control. Imagen 162 - Tabla de Propiedades de Borde 15.2 Lienzo o “Canvas” Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 163 - Canvas 86 Status Enterprise Controles Disponibles para Diseño de Scada Un panel “Canvas” o lienzo posiciona objetos explicitamente, iniciando desde la esquina superior izquierda del lienzo, de acuerdo a coordenadas x,y. Con este panel los objetos son renderizados secuencialmente por el orden de su marcado XAML. Nombre de la Propiedad Tipo Descripción Background Brush Configura el color del fondo del control. Imagen 164 - Tabla de Propiedades del Canvas 15.3 “Dock Panel” Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 165 – “Dock Panel” Un “Dock Panel” ordena sus objetos “hijo” horizontal o verticalmente, respecto a otro, en un área definida. Nombre de la Propiedad Tipo Descripción Background LastChildFill Brush Boolean Configura el color del fondo del control. Configura el valor que indica si el último elemento secundario de un DockPanel se extiende para rellenar el espacio disponible. Imagen 166 - Tabla de Propiedades de Dock Panel 15.3.1 Cuadrícula o “Grid” Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 167 – Cuadrícula o “Grid” Un panel Grid consiste en filas y columnas adaptables y tiene capacidades de redimensionamiento para él mismo y para sus objetos “hijo”. El espaciamiento de las columnas y filas puede ser fijado con este panel (usando su propiedad “margin”), esto es una buena opción como la capa raíz de UIs. 87 Status Enterprise Controles Disponibles para Diseño de Scada Nombre de la Propiedad Tipo Descripción Background Brush Configura el color de fondo del control. Imagen 168 - Tabla de Propiedades del Grid 15.4 Divisor de Cuadrícula o “Grid Splitter” Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 169 - Grid Splitter Un Grid Splitter se utiliza automáticamente para añadir el comportamiento de redimensionamiento de filas o columnas en el Grid. Nombre de la Propiedad Tipo Descripción Background Brush Configura el color de fondo del control. Imagen 170 - Tabla de Propiedades del Grid Splitter 15.5 “Ink Canvas” Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 171 - Ink Canvas InkCanvas es un canvas especial en WPF que está diseñado para usar con un “Stylus” o un dispositivo similar. Esto puede hacerse una capa activa para edición. Cuando sea la capa activa, el Diseñador de “mimics” Status Enterprise añadirá elementos de la barra de herramientas para afectar el color y tamaño de la pluma en el “InkCanvas” Esto también habilitará características de borrado y limpieza del InkCanvas. Nombre de la Propiedad Nombre de la Propiedad Background Tipo Descripción Brush Configura el color de fondo del control. 88 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 172 - Tabla de Propiedades de Ink Canvas 15.6 “Stack Panel” Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 173 – “Stack Panel” Es similar al Dock Panel, pero acumula sus objetos secundarios, ya sea en una sola línea horizontal o vertical, dependiendo de su orientación, en un área definida. Pero, el Stack Panel no tiene la capacidad para envolver sus objetos secundarios. Los objetos se agregan a un Stack Panel de la misma manera que se agregan a un Dock Panel. Nombre de la Propiedad Tipo Descripción Background Orientation Brush Orientation Configura el color de fondo del control. Configura un valor que indica la dimensión por cual los elementos internos se apilan. Imagen 174 - Tabla de Propiedades del Stack Panel 15.7 Cuadrícula Uniforme o “Uniform Grid” Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 175 – “Uniform Grid” El panel cuadrícula uniforme utiliza un diseño de tipo cuadrícula invisible de manera uniforme y ordena de sus objetos secundarios. Los objetos son añadidos a un “Uniform Grid” de la misma manera que ellos son añadidos como un “Dock Panel”. Nombre de la Propiedad Tipo Descripción Background Brush Configura el color de fondo del control. Imagen 176 - Tabla de Propiedades de “Uniform Grid” 89 Status Enterprise 15.8 Controles Disponibles para Diseño de Scada Lupa Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 177 - Lupa Un Panel Lupa es un contenedor que puede escalar su contenido a cualquier tamaño. Una Lupa tiene un solo objeto “hijo”. Si necesitas escalar el contenido del lienzo, este puede ser añadido como “hijo” de la Lupa para conseguir el efecto deseado. Nombre de la Propiedad Tipo Descripción StretchDirection Stretch Configura el valor que describe como una imagen debería de ensancharse para rellenar el rectangulo de destino. Imagen 178 - Tabla de Propiedades Lupa 15.9 “Viewport 3D” Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 179 – “Viewport 3D” Representa el contenido que figura en 3-D dentro de los límites de diseño 2-D del elemento Viewport3D. Utilizado para sostener el xaml 3D. Nombre de la Propiedad Tipo Descripción Height Double Configura the altura del elemento. Los cambios de estado son Auto y Numérico 90 Status Enterprise Controles Disponibles para Diseño de Scada Left Double Opacity Double ToolTip Object Top Double Width Double Configura la posición del objeto en el canvas. El valor por defecto es Left=0. Configura el factor de opacidad aplicado al elemento. Configura el “tool-tip” del objeto mostrado para este elemento en la interfaz de usuario (UI). Configura la posición del objeto en el canvas. El valor por defecto es Top=0. Configura el ancho del elemento. Los cambios de estado son Auto y Numérico Imagen 180 - Tabla de Propiedades “Viewport 3D” 15.10 “Wrap Panel” Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 181 – “Wrap Panel” Un “Wrap Panel” ordena sus objetos “hijo” secuencialmente y linealmente desde la izquierda a la derecha dentro del area definida y envuelve a la siguiente línea cuando un objeto llega al borde del área definida. Como el “Dock Panel” o el “Stack Panel”, los “Wrap Panels” tienen orientación vertical y horizontal, la cual es ajustada con su propiedad de orientación, y añade objetos desde la izquierda o la derecha dependiendo de su dirección. Los objetos son añadidos en el “Wrap Panel” de la misma manera que son añadidos en el “Dock Panel”. Nombre de la Propiedad Tipo Descripción Background Brush Configura el color que describe el fondo del control. Imagen 182 - Tabla de Propiedades de “Wrap Panel” 91 Status Enterprise 16 Controles Disponibles para Diseño de Scada Controles con Indicadores Permite mostrar los valores de forma gráfica, similar a un medidor analógico. Debe definirse un valor mínimo y máximo, de modo que la escala del indicador pueda ser calculada. Si no proporciona estos valores, se utilizarán los valores por defecto. Están disponibles para todas las herramientas de diseño de B-Scada, así como todos los entornos de ejecución. Nombre de la Propiedad Tipo Descripción Background BorderBrush BorderThickness CornerRadius Brush Brush Thickness CornerRadius FontFamily* FontSize* FontStretch* FontFamily FontSize FontStretch FontStyle* FontWeight* FontStyle FontWeight Foreground HorizontalContentAlignment** Brush HorizontalAlignment FlashState1 FlashState2 FlashState3 Value VerticalContentAlignment** Boolean Boolean Boolean Double VerticalAlignment State1Brush State2Brush State3Brush State2Threshold Brush Brush Brush Double State3Threshold Double FlashDelay Integer TertiaryBorderBrush TertiaryBorderThickness Brush Thickness Configura el color del fondo del control. Configura el color del borde del fondo. Configura el grosor del borde del control. Configura el radio de la esquina del borde exterior del elemento. Configura la fuente de texto del control. Configura el tamaño de la fuente. Configura el grado de compresión o expansión de la fuente. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura el color del frontal. Configura la alineación horizontal del contenido del control. Configura si State1 está activo. Configura si State2 está activo. Configura si State3 está activo. Configura el valor actual del control. Configura la alineación vertical del contenido del control. Asigna el color cuando está activo State1. Asigna el color cuando está activo State2. Asigna el color cuando está activo State3. Configura, en un valor numérico, el número máximo que State1 llegará antes de cambiar a State2. Configura, en un valor numérico, el número máximo que State2 llegará antes de cambiar a State3. Configura la frecuencia en milisegundos de retardo de los indicadores. Configura el color del borde interno. Configura grosor del borde del LED. Imagen 183 - Tabla de Propiedades Comunes de Indicadores *Heredado, no se utiliza 16.1 Indicador de Nivel de Cinco Estados Diseñador de ‘Mimics’| Diseñador de Aplicaciones 92 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 184 – Indicador de Nivel de Cinco Estados Es un panel indicador con cinco posibles colores de estado. El estado de flash está determinado por el valor asignado al control. Nombre de la Propiedad Tipo Descripción FlashState4 FlashState5 GlareBrush InnerBorderBrush InnerBorderThickness InnerCornerRadius Boolean Boolean Brush Brush Thickness CornerRadius MinorBackground State4Brush State5Brush State4Threshold Brush Brush Brush Double State5Threshold TertiaryCornerRadius Double CornerRadius Configura si State4 está activo. Configura si State5 está activo. Configura el reflejo de todo el control. Configura el color del borde interior. Configura el grosor del borde interior del elemento. Configura el radio de la esquina del borde interior del elemento. Color de relleno del componente secundario. Color del indicator cuando se activa el State4. Color del indicator cuando se activa el State5. Número máximo que State3 llegará antes de cambiar a State4. Número máximo qué será alcanzado en State5. Controla el radio de las esquinas los indicadores. Imagen 185 – Propiedades del Indicador de Nivel de Cinco Estados 16.2 Indicador de Nivel de Tres Estados Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 186 – Indicador de Nivel de Tres Estados Es un panel indicador con tres posibles estados mediante colores. El estado se determina por el valor asignado al control. 93 Status Enterprise Controles Disponibles para Diseño de Scada Se puede configurar para que parpadee. Hasta tres colores basados en el valor se pueden configurar en el panel de propiedades. Nombre de la Propiedad Tipo Descripción GlareBrush InnerBorderBrush InnerBorderThickness InnerCornerRadius Brush Brush Thickness CornerRadius MinorBackground Brush TertiaryCornerRadius CornerRadius Configura el reflejo del control entero. Configura el color del borde interior. Configura el grosor del borde interior del elemento. Configura el radio de la esquina del borde interior del elemento. Configura el color de relleno del componente secundario en el control. Configura el radio de la esquina de la luz del indicador. Imagen 187 – Tabla de Propiedades del Indicador de Tres Estados 16.3 Columna Indicador de Cinco Estados Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 188 – Columna Indicador de Cinco Estados Es un conjunto de cinco indicadores montados en una columna. Los cinco indicadores funcionan independientemente y pueden supervisar cinco procesos separados. El estado de flash está determinado por el valor asignado al control. Un total de cinco posibles colores basados en el valor de que la etiqueta indica puede ajustarse dentro de la propiedad. Nombre de la Propiedad Tipo Descripción FlashState4 FlashState5 GlareBrush InnerBorderBrush InnerBorderThickness InnerCornerRadius Boolean Boolean Brush Brush Thickness CornerRadius MinorBackground Brush State4Brush State5Brush State1IsOn State2IsOn State3IsOn Brush Brush Boolean Boolean Boolean Configura si State4 está activo. Configura si State5 está activo. Configura el reflejo de todo el control. Configura el color del borde interior. Configura el grosor del borde interior del elemento. Configura el radio de la esquina del borde interior del elemento. Configura el color de relleno del componente secundario del control. Color del indicador cuando se activa State4. Color del indicador cuando se activa State5. Configura el indicador State1 como activo/inactivo. Configura el indicador State2 como activo/inactivo. Configura el indicador State3 como activo/inactivo. 94 Status Enterprise Controles Disponibles para Diseño de Scada State4IsOn State5IsOn State4Threshold Boolean Boolean Double State5Threshold Double Configura el indicador State4 como activo/inactivo. Configura el indicador State5 como activo/inactivo. Configura, en un valor numérico, el número máximo que State3 llegará antes de cambiar a State4. Configura, en un valor numérico, el número máximo que State4 llegará antes de cambiar a State5. Imagen 189 - Tabla de Propiedades de la Columna Indicador de Cinco Estados 16.4 Columna Indicador de Tres Estados Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 190 – Columna Indicador de Tres Estados Es un conjunto de tres indicadores montados en una torre. Los tres indicadores funcionan independientemente y pueden controlar tres procesos separados. El estado de flash está determinado por el valor asignado al control. Un total de tres posibles colores basados en el valor de que la etiqueta indica puede ajustarse dentro de la propiedad. Nombre de la Propiedad Tipo Descripción GlareBrush InnerBorderBrush InnerBorderThickness InnerCornerRadius Brush Brush Thickness CornerRadius MinorBackground State1IsOn State2IsOn State3IsOn Brush Boolean Boolean Boolean Configura el reflejo de todo el control. Configura el color del borde interior. Configura el grosor del borde interior del elemento. Configura el radio de la esquina del borde interior del elemento. Color de relleno del componente secundario. Configura el indicador State1 como activo/inactivo. Configura el indicador State2 como activo/inactivo. Configura el indicador State3 como activo/inactivo. Imagen 191 - Tabla de Propiedades Columna Indicador de Tres Estados 95 Status Enterprise 17 Controles Disponibles para Diseño de Scada Valores de Entrada Permite a los usuarios introducir y editar un valor de texto o numérico de entrada. 17.1 Caja de Texto Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 192 – Caja de Texto Se utilizan unos simples enlaces de control de datos bidireccionales para escribir datos en un servidor. Al pulsar enter después de introducir los datos deseados, los datos se escriben de forma automática en el servidor. Nombre de la Propiedad Tipo Descripción MessageBackgroundAlert ReurnValue WriteOn WriteValue Brush Boolean Enum String Asigna color de fondo del mensaje de alarma. El valor devuelto por el servidor. Asigna cuando escribir el valor en el servidor. Asigna el valor que debe escribirse en el servidor. Imagen 193 - Data Text Box Tabla de Propiedades 96 Status Enterprise 18 Controles Disponibles para Diseño de Scada Control de Elementos Un Control de Elementos configura la plantilla que define el panel que controla la disposición de los elementos. Disponible para todos los sistemas de diseño de B-Scada, así como todos los entornos de ejecución. 18.1 Control de Enumeración Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 194 – Control de Enumeración con Lista Desplegable Es un control que muestra los valores similares a un ComboBox. Este control acepta la incorporación de elementos de Control de enumeración dentro de sí mismo. Los artículos son mostrados en forma de lista seleccionable. Normalmente un elemento de tipo entero está ligado al valor de la propiedad de este control en comunicación bidireccional. Estas opciones pueden utilizarse para mostrar valores de tipo de enumeración y pueden contener texto, imágenes u objetos. Pueden definir las opciones en el panel de propiedades de los elementos de Control de enumeración (véase abajo). Nombre de la Propiedad Tipo Descripción AlternationCount* Int32 BorderBrush FontSize FontStretch Brush FontSize FontStretch FontStyle IsDropDownOpen* FontStyle Boolean IsEditable* Boolean IsReadOnly* Boolean ItemStringFormat* String SelectedIndex* Int32 Configura el número de contenedores de elementos alternando el Control de Elementos, el cual permite a los contenedores alternos a tener un aspecto único. Lápiz por el borde exterior del control. Configura el tamaño de la fuente. Configura el grado en que una fuente se comprime o se expande en la pantalla. Configura el estilo de la fuente de texto. Configura un valor que indica si la lista desplegable está abierta actualmente. Configura un valor que habilita o deshabilita la edición del texto. Indica si un control está en modo de sólo lectura, en el cual los contenidos del control se pueden seleccionar pero no para edición Configura una cadena compuesta que especifica cómo dar formato a los elementos de Control de Elementos si se muestra como cadena. Configura el índice del primer elemento de la selección actual o devuelve uno negativo (-1) si la selección está vacía. 97 Status Enterprise SelectedValuePath* Controles Disponibles para Diseño de Scada String Configura la ruta de acceso que se utiliza para obtener el “SelectedValue” de la propiedad “SelectedItem”. Imagen 195 - Tabla de Propiedades Control Enumeración 18.1.1 Control de Enumeración de Elementos Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 196 - Control de Enumeración de Elementos Un Control de Enumeración de Elementos es añadido a la estructura del documento de un control de Enumeración elegido. El contenido de cada elemento y su valor de tipo de enumeración asociado puede ser definido en el panel de propiedades. El panel de propiedades también provee de una opción para determinar cuando un valor numérico deve ser mostrado en el entorno de ejecución. El valor será mostrado por defecto. Nombre de la Propiedad Tipo Descripción Content FontSize FontStretch Object FontSize FontStretch FontStyle ShowNumber FontStyle Boolean Value Double Permite la inserción de texto en el contenido. Configura el tamaño de la fuente. Configura el grado en que una fuente se comprime o se expande en la pantalla. Configura el estilo de la fuente de texto. Determina si el número en el “EnumerationControlItem” es mostrado o no. Esto está disponible para que el elemento seleccionado se pueda cambiar también. Configura el valor actual del control. Imagen 197 - Tabla de Propiedades de Control Enumeración y Control de Enumeración de Elementos *Heredado, no se utiliza 18.2 Barra de Estado Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 198 – Barra de Estado Una barra de estado es un Control de Elementos que comúnmente se ve como una barra horizontal larga. A Status Bar is an Items Control that most commonly looks like a long horizontal bar. Por lo general se encuentra en la parte inferior de una ventana de aplicación y contiene consejos, sugerencias u otra información sobre el estado de lo que está sucediendo en el interior de una aplicación activa. 98 Status Enterprise Controles Disponibles para Diseño de Scada 18.2.1 [Agregar] Elemento de Barra de Estado. Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 199 – [Agregar] Elemento de la Barra de Estado Generalmente, un elemento de la barra de estado se combina comúnmente con una barra de estado. La propiedad ‘Contenido’ de la barra de estado se encuentra habilitada a continuación al texto o a otro ‘FrameworkElement’. Para agregar elementos a una barra de estado, seleccione la barra de estado de la superficie de edición. A continuación, puede hacer clic derecho y seleccione <Añadir Elemento de Barra de estado> en el cuadro de herramientas. Para agregar otros controles directamente en una barra de estado, seleccione la barra de estado de la superficie de edición, a continuación, seleccione el control que desee en el cuadro de herramientas. Puede necesitar ser ajustada después de haber sido añadida la anchura y la altura del control. Nombre de la Propiedad Tipo Descripción AlternationCount Int32 Background BorderBrush Brush Brush BorderThickness FontFamily* FontSize* FontStretch* Thickness FontFamily FontSize FontStretch FontStyle* FontWeight* Foreground FontStyle FontWeight Brush Configura el número de contenedores de elementos alternos en el Control de Elementos, el cual habilita que los contenedores con elementos alternos tengan una única apariencia. Configura el color del fondo del control. Configura el color que describe el borde del fondo del control. Configura el grosor del borde del control. Configura la fuente de texto del control. Configura el tamaño de la fuente. Configura el grado en que una fuente se comprime o se expande en la pantalla. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura el color del color del frontal. Imagen 200 - Tabla de Propiedades de la Barra de Estado *Heredado, no se utiliza 18.3 Control de Tipo Ficha Diseñador de ‘Mimics’| Diseñador de Aplicaciones 99 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 201 – Control de Tipo Ficha El control de tipo Ficha es un Control de Elementos configurado para mostrar sus elementos en pestañas en un área definida. 18.3.1 [Agregar] Componente Ficha Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 202 – Icono para [Agregar] Nueva Ficha El control más utilizado junto con el control de ficha es la ficha del elemento. La ficha del elemento es un con encabezado de “ContentControl”. La propiedad cabecera asigna el texto o “FrameWorkElement” para ser mostrado en el cuerpo de la Ficha de Elemento. Cuanto el Control Ficha es redimensionado, esta colección de elementos de fichas envuelve y redimensiona en consecuencia. La propiedad del Control ‘TabStripPlacement’ determina cuando una pestaña se mostrará en la parte de arriba, de abajo, izquierda o derecha del control. Para añadir un elemento Ficha a un control Ficha, selecciona un control Ficha en la superficie de edición, tu puedes entonces hacer clic derecho y seleccionar <Añadir Elemento Ficha> desde el menú contextual. Tu puedes también seleccionar un Control Ficha desde la superficie de edición, y seleccionar <Añadir Elemento Pestaña> desde el “Toolbox”. Nombre de la Propiedad Tipo Descripción AlternationCount Int32 Background BorderBrush Brush Brush BorderThickness FontFamily* Thickness FontFamily Configura el número de contenedores de elementos alternos en el Control de Elementos, el cual habilita que los contenedores con elementos alternos tengan una única apariencia. Configura el color del fondo del control. Configura el color que describe el borde del fondo del control. Configura el grosor del borde del control. Configura la fuente de texto del control. 100 Status Enterprise Controles Disponibles para Diseño de Scada FontSize* FontStretch* FontSize FontStretch FontStyle* FontWeight* Foreground FontStyle FontWeight Brush Configura el tamaño de la fuente. Configura el grado en que una fuente se comprime o se expande en la pantalla. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura el color del frontal. Imagen 203 - Tabla de Propiedades del Control de Tipo Ficha *Heredado, no se utiliza 18.4 Barra de Herramientas y Bandeja de Barra de Herramientas Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 204 – Bandeja de Barra de Herramientas y Barras de Herramientas Asociadas. La Bandeja de Barra de herramientas es un contenedor para Barras de Herramientas. Para añadir Barras de Herramientas a una Bandejam selecciona la Bandeja de Darras de Herramientas en el área de Diseño. Con la Bandeja seleccionada, haz clic en la Barra de Herramientas en el “ToolBox”. La Barra de Herramientas será añadida como objeto “hijo” de la Bandeja de Barra de Herramientas. Para añadir elementos a una Barra de Herramientas, selecciona la Barra de Herramientas en el Árbol del Documento. Entonces ve al “Toolbox” y selecciona el elemento que desees añadir a la Barra de Herramientas y arrastra y suelta el elemento dentro de la Barra de Herramientas en el Árbol. Una Bandeja de Barra de Herramientas permite reposicionar de manera limitada las barras de herramientas “hijo” usando “arrastrar y soltar”. La Bandeja de Barras de Herramientas pueden tener multiples filas de Barras de Herramientas. Para fijar una barra de herramientas sobre una fila particular de la Bandeja usa la propiedad <Band> del panel de propiedades. . Nombre de la Propiedad Tipo Descripción AlternationCount Int32 Background BorderBrush BorderThickness FontFamily* Brush Brush Thickness FontFamily Configura el número de contenedores de elementos alternos en el Control de Elementos, el cual habilita que los contenedores con elementos alternos tengan una única apariencia. Configura el color de fondo del control. Configura el color del borde del control. Configura el grosor del borde del control. Configura la fuente de texto del control. 101 Status Enterprise Controles Disponibles para Diseño de Scada FontSize* FontStretch* FontSize FontStretch FontStyle* FontWeight* Foreground FontStyle FontWeight Brush Configura el tamaño de la fuente. Configura como se comprimirá o expandirá una fuente en la pantalla. Configura el estilo de la fuente de texto. Configura el grosor de la fuente. Configura el color del frontal. Imagen 205 - Tabla de Propiedades del Control Barra de Herramientas *Heredado, no se utiliza 18.5 Control Vista de Arbol Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 206 – Control Vista de Arbol Un control de vista de Árbol es un encabezado de Control de Elementos. La cabecera contiene el titulo o FrameworkElement para ser usado para el titulo del nodo. La colección de Elementos puede ser otro Control de Vista de Árbol o otro FrameworkElements. El control de vista de Árbol organiza su colección de elementos en grupos jerárquicos, con un elemento principal y una lista de subelementos para construir una lista organizada de la colección de elementos. Una pequeña flecha aparecerá cerca de la categoría de elementos que contienen subelementos, indicando que la categoría puede ser expandida para revelar elementos adicionales. Las categorías expandidas pueden ser colapsadas. Un elemento de Vista de Árbol puede ser añadido como “hijo” de un Control de Vista de Árbol de una manera de arriba hacia abajo. Una vista de Árbol iniciará barras de desplazamiento horizontales o verticales si es redimensionada hasta el punto de que hagan falta. Esto permite al usuario ver y acceder a todos los elementos a pesar de su tamaño. 18.5.1 Tree View Item [Add] Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 207 - Tree View Item [Add] Icon 102 Status Enterprise Controles Disponibles para Diseño de Scada Para añadir un Elemento de Vista de Árbol a una vista de Árbol, selecciona un control de Vista de Árbol en la superficie de edición. Tu también puedes seleccionar un control de Vista de Árbol desde la superficie de diseño y seleccinar <Elemento de Vista de Arbol [Añadir]> desde el menú contextual. Nombre de la Propiedad Tipo Descripción AlternationCount Int32 Background BorderBrush BorderThickness FontFamily* FontSize* FontStretch* Brush Brush Thickness FontFamily FontSize FontStretch FontStyle* FontWeight* Foreground FontStyle FontWeight Brush Configura el número de contenedores de elementos alternos en el Control de Elementos, el cual habilita que los contenedores con elementos alternos tengan una única apariencia. Configura el color del fondo del control. Configura el color del borde del control. Configura el grosor del borde del control. Configura la fuente de texto del control. Configura el tamaño de la fuente. Configura el grado en que una fuente se comprime o se expande en la pantalla. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura el color del frontal. Imagen 208 - Tabla de Propiedades Vista de Árbol *Heredado, no se utiliza 103 Status Enterprise 19 Controles Disponibles para Diseño de Scada Etiquetas Un Control Etiqueta crea un control basado en texto que muestra una salida de solo texto. 19.1 Etiqueta de Datos Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 209 – Etiqueta de Datos DataLabel es un control que muestra información detallada acerca de un elemento de datos. Los elementos de datos se pueden enlazar a las propiedades Cabecera, Leyenda, Valor y Encabezamiento. Nombre de la Propiedad Tipo Descripción HeaderBackground HeaderCaption HeaderFontSize HeaderForeground Maximum Minimum MinMaxFontSize Brush String Double Brush String String Double UnitCaption UnitFontSize Value String Double String Asigna el color de fondo de la cabecera. Asigna el título de la cabecera. Asigna el tamaño de la fuente del título. Asigna el color de la cabecera en primer plano. Asigna el título máximo. Asigna el titulo mínimo. Asigna el tamaño de fuente mínimo y máximo del título. Asigna la unidad del Titulo. Asigna la unidad del tamaño de la fuente del título. Asigna el valor del titulo. Imagen 210 - Tabla de Propiedades de Etiquea de Datos. 19.2 Etiqueta Genérica Diseñador de ‘Mimics’| Diseñador de Aplicaciones 104 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 211 – Etiqueta Genérica La Etiqueta Genérica es un control de caja estándar de texto. Nombre de la Propiedad Tipo Descripción Background BorderBrush BorderThickness Content CornerRadius Brush Brush Thickness Object CornerRadius FontFamily FontSize FontStretch FontFamily FontSize FontStretch FontStyle FontWeight Foreground GlareBrush HorizontalContentAlignment FontStyle FontWeight Brush Brush HorizontalAlignment InnerBorderBrush InnerBorderThickness Brush Thickness InnerCornerRadius CornerRadius VerticalContentAlignment VerticalAlignment Pincel de fondo utilizado para pintar el panel. Pincel de borde para el exterior del control. Configura el grosor del borde del control. Permite insertar texto en el contenido. Configura el radio de la esquina del borde exterior del elemento. Configura la fuente de texto del control. Configura el tamaño de la fuente. Configura el grado en que una fuente se comprime o se expande en la pantalla. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura el color del color del frontal. Configura el brillo del control completo. Configura la alineación horizontal del contenido del control. Configura el color del borde interior. Configura el grosor del borde interior del elemento. Configura el radio de la esquina del borde interior del elemento. Configura la alineación vertical del contenido del control. Imagen 212 - Tabla de Propiedades Etiqueta Genérica 19.3 Etiqueta Indicadora Diseñador de ‘Mimics’| Diseñador de Aplicaciones 105 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 213 – Etiqueta Indicadora La etiquera indicadora es una etiqueta de text que cambia los colores del fondo y el primer plano dependiendo del valor del indicador. Los Colores de min/max son fijados por la lista de indicadores apropiada. El estado es determinado por el valor asignado al control. Los elementos de Datos son normalmente enlazado a valores de propiedades. Nombre de la Propiedad Tipo Descripción IndicatorAboveMaxBackgroundBrush Brush IndicatorAboveMaxForegroundBrush Brush IndicatorBelowMinBackgroundBrush Brush IndicatorBelowMinForegroundBrush Brush IndicatorMaxThreshold Double IndicatorMinThreshold Double IndicatorPulseDelay Integer Value Double El pincel utilizado para pintar el fondo de la etiqueta para indicar que el valor es mayor que el IndicatorMaxThreshold. El pincel utilizado para pintar el contenido de la etiqueta para indicar que el valor es mayor que el IndicatorMaxThreshold. El pincel utilizado para pintar el fondo de la etiqueta para indicar que el valor es menor que el IndicatorMinThreshold. El pincel utilizado para pintar el contenido de la etiqueta para indicar que el valor es menor que el IndicatorMinThreshold. El valor al que se activa el indicador de alto nivel. El valor al que se activa el indicador de bajo nivel.. Cuado el indicador parpadea, el IndicatorPulseDelay indica el número de milisegundos entre parpadeos. Configura el valor actual del control. Imagen 214 - Tabla de Propiedades de la Etiqueta Indicadora. 19.4 Etiqueta de Función Varianza Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 215 – Etiqueta de Función Varianza 106 Status Enterprise Controles Disponibles para Diseño de Scada La eituqeta de función varianza es un control que no solo muestra el valor actual en tiempo real, sino que también cachea y muestra el último valor con una flecha verde o una flecha roja mostrando su subida o bajada desde la última actualización. El “VarianceFormat” puede er usado para fijar un número de variables. El “VarianceLabel” mostrará una linea de tendencia para los últimos 6 puntos que el control haya recibido. Nombre de la Propiedad Tipo Descripción Orientation Orientation StartValue Double TrendIsVisible TrendStrokeBrush Value ValueFormat VarianceFormat Boolean Brush Double String String Configura la orientación del control, vertical y horizontal. Configura el valor contra el que el control compara el valor la primera vez que es usado. Mustra o esconde la línea de Tendencia. Configura el color de la línea de tendencia. Configura la magnitud actual del rango del control. Configura el formato en el que el valor será mostrado. Configura el formato en el cual la varianza del valor será mostrada. Imagen 216 - Tabla de Propiedades de la Etiqueta de Función Varianza 107 Status Enterprise 20 Controles Disponibles para Diseño de Scada Visores de LED Un Control LED es un panel que puede ser usado para mostrar datos alfanuméricos. Todos los Controles LED están disponibles en cada Diseñador y accesibles en todos los entornos de ejecución. Nombre de la Propiedad Tipo Descripción Background BorderBrush BorderThickness CornerRadius Brush Brush Thickness CornerRadius FontFamily* FontSize* FontStretch* FontFamily FontSize FontStretch FontStyle* FontWeight* HorizontalContentAlignment* FontStyle FontWeight HorizontalAlignment InnerBorderBrush InnerBorderThickness Brush Thickness InnerCornerRadius CornerRadius LEDBrightness Double LEDBrush LEDDisplayValue* Brush String LEDIsOn LEDOffOpacity Boolean Double LEDPadding* Thickness LEDPulse Boolean LEDPulseDelay MinorBackground Integer Brush StrokeThickness* Double TertiaryBackground* TertiaryBorderBrush Brush Brush TertiaryCornerRadius* VerticalContentAlignment* CornerRadius VerticalAlignment Configura el color del fondo del control. Configura el color del borde del control. Configura el grosor del borde del control. Configura el radio de la esquina del borde exterior del elemento. Configura la fuente de texto del control. Configura el tamaño de la fuente. Configura el grado en que una fuente se comprime o se expande en la pantalla. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura la alineación horizontal del contenido del control. Configura el color del borde interior. Configura el grosor del borde interior del elemento. Configura el radio de la esquina del borde interior del elemento. Configura el nivel de opacidad del control, desde 0 a 1. Configura el pincel que pinta el fondo de LED. Configura el valor alfanumérico en el isor LED. Configura el valor "on" para el control. Configura valor de opacidad en el visor LED cuando este esta en modo apagado. Configura el relleno horizontal y vertical dentro de su objeto “padre”. Configura el valor cuando el LED parpadeará o permanecerá estático. Configura el intervalo de parpadeo. Configura el color de relleno del componente secundario en el control. Configura el grosor del trazo del pincel de fondo. Configura el fondo del LED. Configura el pincel utilizado para pintar el tercer borde más interno. Configura el radio de la esquina de los LEDs. Configura la alineación vertical del contenido del control. Imagen 217 – Tabla de Propiedades Comunes de los Visores LED *Heredado, no se utiliza 108 Status Enterprise 20.1 Controles Disponibles para Diseño de Scada Visor de LED de Cinco por Siete Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 218 - Visor de LED de Cinco por Siete Visor de LED de Cinco por Siete es un panel de LED con una Matriz de cinco por siete. Este panel puede ser utilizado para mostrar datos alfanuméricos. Nombre de la Propiedad Tipo Descripción GlareBrush LEDDisplayCount Brush Integer Configura el brillo sobre todo el control. Configura cuantos segmentos de LED son mostrados. Imagen 219 - Tabla de Propiedades de Visor de LED de Cinco por Siete 20.2 Luz LED Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 220 – Luz LED La Luz LED es un solo LED que muestra estados de encendido”, “apagado” y parpadeo. Nombre de la Propiedad Tipo Descripción GlareBrush TertiaryBorderThickness* Brush Thickness Configura el brillo sobre todo el control. Configura el grosor del borde del LED. Imagen 221 - Tabla de Propiedades de Luz LED *Heredado, no se utiliza 109 Status Enterprise Controles Disponibles para Diseño de Scada 110 Status Enterprise 20.3 Controles Disponibles para Diseño de Scada LED de Siete Segmentos Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 222 - LED de Siete Segmentos Este panel puede ser utilizado para mostrar datos numéricos. El número de LEDs puede ser especificado por LEDDisplayCount. Nombre de la Propiedad Tipo Descripción GlareBrush LEDDisplayCount Brush Integer Configura el brillo sobre todo el control. Configura cuantos segmentos de LED serán mostrados. Imagen 223 - Tabla de Propiedades de LED de Siete Segmentos. 20.4 LED de Dieciseis Segmentos Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 224 - LED de Dieciseis Segmentos. Este Panel puede ser usado para mostrar datos alfanuméricos. El número de LEDs puede ser especificado por LEDDisplayCount Nombre de la Propiedad Tipo Descripción LEDDisplayCount Integer Configura cuantos segmentos de LED serán mostrados. 111 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 225 - Tabla de Propiedades de LED de Dieciseis Segmentos. 112 Status Enterprise 21 Controles Disponibles para Diseño de Scada Multimedia Los controles Multimedia pueden mostrar Imágenes y Videos. Todos los controles multimedia están disponibles para ambas versiones de desarrollo de B-Scada, así como todos los entornos de ejecución. 21.1 Imagen Enlazable Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 226 – Imagen Enlazable La Imagen Enlazable es un control al que puedes asignar una imagen y manipularla. Nombre de la Propiedad Tipo Descripción Height Double Left Double Opacity Source Double Uri Stretch Stretch Top Double Width Double Configura la Altura del elemento. Los cambios de estado son Auto y Numérico Configura la posición del objeto en el canvas. El valor por defecto es Left=0. Configura el factor de opacidad aplicado al elemento. Configura la ruta Uri al archivo para ser utilizada dentro del control media. Valor por Defecto = Null. Asigna como debería ajustarse la imagen para ocupar el objeto en el que está representada. Se puede elegir entre las opciones: None, Fill, Uniform, o UniformToFill. Configura la posición del objeto en el canvas. El valor por defecto es Top=0. Configura el ancho del elemento. Los cambios de estado son Auto y Numérico Imagen 227 - Tabla de Propiedades de Imagen Enlazable 21.2 Media Control Diseñador de ‘Mimics’| Diseñador de Aplicaciones 113 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 228 - Media Control El MediaControl permite reproducir video o audio y extiende el componente media de .NET dando al usuario mayor flexibilidad como especificar el color de fondo o añadir un Radio X o Y para dar un efecto visual más impactante. Nombre de la Propiedad Tipo Descripción Source Uri StrokeThickness RadiusX RadiusY LoadedBehavior Double Double Double MediaState UnloadedBehavior MediaState Configura la ruta Uri al archivo para ser utilizada dentro del control media. Valor por Defecto = Null. Configura el grosor de trazo del color de fondo. Configura el radio X del exterior del control. Configura el radio Y del exterior del control. Determina el comporamiento del control cuando es cargado el archivo Media. Valor por Defecto = Ejecutar. Determina el comportamiento del control cuando no hay archivos multimedia cargados, el valor por defecto es Parar. Imagen 229 - Tabla de Propiedades Media Control 21.3 “Video Text Block” Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 230 – “Video Text Block” El Control “VideoTextBlock” es derivado del MediaControl, pero, por diseño, el “VideoTextBlock” repetirá el video después de que acabe, dando un ciclo continuo de video. Provee de una captación de la atención en cualquier contenido de señalización digital. Nombre de la Propiedad Tipo Descripción Source Uri LoadedBehavior MediaState Configura la ruta Uri al archivo para ser utilizada dentro del control media. Valor por Defecto = Null Determina el comporamiento del control cuando es cargado el archivo Media. Valor por Defecto = Ejecutar. 114 Status Enterprise UnloadedBehavior Controles Disponibles para Diseño de Scada MediaState Determina el comportamiento del control cuando no hay archivos multimedia cargados, el valor por defecto es Parar. Imagen 231 - Tabla de Propiedades “Video Text Block” 21.4 Navegador Web Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 232 – Navegador Web El control Navegador Web es usado para ver las páginas web, imégenes, y ciertos documentos. El control consiste en una ventana de navegador, botones de navegación, y una URI de navegación. Nombre de la Propiedad Tipo Descripción Browser URI Uri Show Navigation UI Boolean Configura la ruta URI para la página web, imagen o documento a ser visto en la ventana de navegación. Muestra o esconde la barra de herramientas de navegación. Imagen 233 – Tabla de Propiedades de Navegador Web. 115 Status Enterprise 22 Controles Disponibles para Diseño de Scada Controles de Miscelánea Los Controles de Miscelánea son controles que están disponibles en la “toolbox”, pero no necesariamente se ajustan a cualquier otra categoría de la “toolbox”. Estos controles están disponibles en ambos clientes de diseño gráficos. 22.1 Fuego Animado Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 234 - Animated Fire El Fuego Animado es un Control que es usado para simular fuego en un entorno industrial. Nombre de la Propiedad Tipo Descripción Background BorderBrush Brush Brush BorderThickness FlameIsOn Thickness Boolean FlameMaxHeight FlameMinHeight FlickerFadeSpeed Double Double Double FlickerSpeed Double FontFamily* FontSize* FontStretch* FontFamily FontSize FontStretch FontStyle* FontWeight* Foreground* HorizontalContentAlignment* FontStyle FontWeight Brush HorizontalAlignment VerticalContentAlignment* VerticalAlignment Pincel de fondo utilizado para pintar el panel. Pincel de Borde para el borde exterior del control. Configura el grosor del borde del control. Configura el valor "yes" o "no" para determinar si se muestra la llama con animación si o no. Configura la altura máxima de la llama. Configura la altura mínima de la llama. Configura la velocidad a la que se desvanece la llama. Configura la velocidad a la que la llama parpadea. Configura la fuente de texto del control. Configura el tamaño de la fuente. Configura el grado en que una fuente se comprime o se expande en la pantalla. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura el color del color del frontal. Configura la alineación horizontal del contenido del control. Configura la alineación vertical del contenido del control. Imagen 235 - Tabla de Propiedades de Fuego Animado *Heredado, no se utiliza 116 Status Enterprise 22.2 Controles Disponibles para Diseño de Scada Control de Botón de Radio de Enumeración Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 236 - Control de Botón de Radio de Enumeración El Control de Botón de Radio de Enumeración provee la funcionalidad de Enumeración, pero usa botones de radio en vez de un formato de “combo box”. Como con el Control de Enumeración, los Elementos de Control son añadidos como “hijos” en el Árbol del Documento. Nombre de la Propiedad Tipo Descripción BorderBrush Brush Configura el color que describe el borde de fondo del control. BorderThickness FontStretch Thickness FontStretch FontStyle Foreground* FontStyle Brush Configura el grosor del borde del control. Configura el grado de la fuente de texto, comprimida o expandida en la pantalla. Configura el estilo de la fuente de texto. Configura el color que describe el color del frontal. Imagen 237 – Tabla de Propiedades del Control Enumeración de Botón de Radio *Heredado, no se utiliza 22.2.1 Control de Elemento de Botón de Radio de Enumeración Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 238 - Control de Elemento de Botón de Radio de Enumeración Un Control de Elemento de Botón de Radio de Enumeración es añadido al Árbol de Documento como un “hijo” del Control de Elemento de Botón de Radio de Enumeración elegido. El contenido de cada elemento y su enumeración asociada pueden ser definidos en el panel de Propiedades. El Panel de Propiedades también puede determinar cuando un valor numérico será mostrado en la ejecución. Es mostrado por defecto. Nombre de la Propiedad Tipo Descripción Content ShowNumber Object Boolean Permite insertar texto en el contenido. Determina cuando un número en el EnumerationControlItem es mostrado o no. Esto 117 Status Enterprise Value Controles Disponibles para Diseño de Scada Double puede ser cambiado en el control seleccionado también. Configura el valor actual del control. Imagen 239 - Tabla de Propiedades de Control de Elemento de Botón de Radio de Enumeración 118 Status Enterprise 22.3 Controles Disponibles para Diseño de Scada Control de Puntuaciones Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 240 – Control de Puntuaciones El Control de Puntuaciones es usado para mostrar una puntuación o darle al usurio su puntuación. Cuando es desplegado en una aplicación el usuario puede usar el clic izquierdo del ratón en una estrella para coger su puntuación. Tu puedes fijar un méximo y un mínimo en el control y este cogerá tu puntuación cubriendo los puntos apropiados basados en tus máximos y mínimos definidos. Los elementos de datos en el modelo es típico enlazarlos a la propiedad “Rating” de manera unidireccional o bidireccional. Nombre de la Propiedad Tipo Descripción Background BorderBrush* Brush Brush BorderThickness* FontFamily* FontSize* FontStretch* Thickness FontFamily FontSize FontStretch FontStyle* FontWeight* Foreground* HorizontalContentAlignment* FontStyle FontWeight Brush HorizontalAlignment Maximum Minimum PipShape Double Double Enum Rating RatingsCount Double Enum VerticalContentAlignment* VerticalAlignment Configura el fondo del control. Pincel de Borde para el borde exterior del control. Configura el grosor del borde del control. Configura la fuente de texto del control. Configura el tamaño de la fuente. Configura el grado en que una fuente se comprime o se expande en la pantalla. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura el color del frontal. Configura la alineación horizontal del contenido del control. Configura el máxio del control. Configura el mínimo del control. Configura la forma del punto, puede ser una estrella o un circulo. Configura la puntuación del control. Configura los puntos en el control, pueden ser 5 o 10. Configura la alineación vertical del contenido del control. Imagen 241 - Rat Tabla de Propiedades del Control de Puntuaciónes. *Heredado, no se utiliza 119 Status Enterprise 23 Controles Disponibles para Diseño de Scada Motores y Ventiladores Los Controles Motores y Ventiladores uestran la velocidad de rotación cuando una propiedad booleana “IsOn” es fijada. Todos los controles de motores y ventiladores están disponibles en ambos diseñadores gráficos y son accesibles por todos los entornos. Nombre de la Propiedad Tipo Descripción Background BorderBrush BorderThickness* FontFamily* FontSize* FontStretch* Brush Brush Thickness FontFamily FontSize FontStretch FontStyle* FontWeight* Foreground* FontStyle FontWeight Brush HorizontalContentAlignment* HorizontalAlignment IsOn MinorBackground NullableBoolean Brush VerticalContentAlignment* VerticalAlignment Configura el color del fondo del control. Configura el color del fondo del control. Configura el grosor del borde del control. Configura la fuente de texto del control. Configura el tamaño de la fuente. Configura el grado en que una fuente se comprime o se expande en la pantalla. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura el color que describe el color del frontal. Configura la alineación horizontal del contenido del control. Configura la posición “encendido” del control. Configura el color de relleno del componente secundario en el control. Configura la alineación vertical del contenido del control. Imagen 242 – Tabla de Propiedades Comunes de Motores y Ventiladores *Heredado, no se utiliza 23.1 Bomba Centrifugadora Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 243- Bomba Centrifugadora 120 Status Enterprise Controles Disponibles para Diseño de Scada La Bomba Centrifugadora es un control de rotor dinámico con una región interna rotatoria simulando la acción de un impulsor. La velocidad de rotación es determinada por el valor asignado al control. Las Propiedades de datos Booleanos son usualmente enlazadas a la propiedad “IsOn” o a elementos de datos analogos en el Propiedad Velocidad del Motor. Nombre de la Propiedad Tipo Descripción BladeBrush MotorSpeed Opacity StrokeThickness Brush Double Double Double Configura un color que pinte las cuchillas de la bomba. Configura la velocidad relativa del motor. Configura el factor de opacidad aplicado al elemento. Configura el grosor de trazo del color de fondo. Imagen 244 - Tabla de Propiedades de Bomba Centrifugadora 23.2 Engranaje Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 245 - Engranaje Un Engranaje es una rueda perfilada con dientes para engranar y una característica ajustable de velocidad y rotación. Las propiedades de datos Booleanos son usualmente enlazados a la propiedad ”IsOn” o a datos análogos en la propiedad Velocidad de Rotación. Nombre de la Propiedad Tipo Descripción BladeBrush Brush GlareBrush InnerBorderBrush RotationSpeed Brush Brush Double TertiaryBorderBrush Brush TertiaryStrokeThickness Double Configura el color que describe el fondo the los dientes del engranaje Configura el brilo sobre todo el control. Configura el color del borde interior Configura la velocidad de rotación relativa del control. Configura el pincel utilizado para pintar el tercer borde más interno. Configura el grosor de trazo tercer borde más interno. Imagen 246 - Tabla de Propiedades de Engranaje 23.3 Motor Pesado Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 121 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 247 – Motor Pesado El Motor Pesado en un control de motor con una región que parpadea en su interior que simula la rotación de un motor. Este control tiene una visión general de un gran motor industrial. Las Propiedades de datos Booleanos son usualmente enlazadas a la propiedad “IsOn” o a elementos de datos analogos en el Propiedad Velocidad del Motor. Nombre de la Propiedad Tipo Descripción IndicatorBrush Brush MotorSpeed Opacity Double Double Configura el pincel que pinta el indicador gráfico(pulso) de la velocidad del motor. Configura la velocidad relativa del motor. Configura el factor de opacidad aplicado al elemento. Imagen 248 - Tabla de Propiedades Motor Pesado 23.4 Motor de Bobina Helicoidal Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 249 – Motor de Bobina Helicoidal El Motor de Bobina Helicoidal en un control de Motor con una región parpadeante en el interior que simula la rotación de un motor. El cuerpo cilíndrico es identificado como un motor de bobina helicoidal. Las Propiedades de datos Booleanos son usualmente enlazadas a la propiedad “IsOn” o a elementos de datos analogos en el Propiedad Velocidad del Motor. Nombre de la Propiedad Tipo Descripción IndicatorBrush Brush Configura el pincel que pinta el indicador gráfico(pulso) de la velocidad del motor. 122 Status Enterprise MotorSpeed Opacity Controles Disponibles para Diseño de Scada Double Double Configura la velocidad relativa del motor. Configura el factor de opacidad aplicado al elemento. Imagen 250 - Tabla de Propiedades Motor de Bobina Helicoidal 123 Status Enterprise 23.5 Controles Disponibles para Diseño de Scada Rueda de Metal Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 251 – Rueda de Metal La rueda de metal es una rueda con perfil con ocho agujeros de contrapeso y una característica ajustable de velocidad de rotación y dirección. Las Propiedades de datos Booleanos son usualmente enlazadas a la propiedad “IsOn” o a elementos de datos analogos en el Propiedad Velocidad del Motor. Nombre de la Propiedad Tipo Descripción BladeBrush Brush GlareBrush InnerBorderBrush InnerStrokeThickness RotationSpeed Brush Brush Double Double StrokeThickness Double El pincel usado para pintar los bordes recortados de la rueda de metal. Configura el brillo sobre todo el control. Configura el color del borde interior. Configura el grosor de línea del borde interior. Configura la velocidad de rotación representativa del control. Configura el grosor del trazo del pincel de fondo. Imagen 252 - Tabla de Propiedades de Rueda de Metal 23.6 Rueda de Palas Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 253 – Rueda de Palas 124 Status Enterprise Controles Disponibles para Diseño de Scada La Rueda de Palas es una rueda con 12 palas y características ajustables de velocidad y dirección, tipicamente usada para mezclado. Las Propiedades de datos Booleanos son usualmente enlazadas a la propiedad “IsOn” o a elementos de datos analogos en el Propiedad Velocidad de Rotación. Nombre de la Propiedad Tipo Descripción BladeBrush GlareBrush InnerBorderBrush RotationSpeed StrokeThickness TertiaryBorderBrush Brush Brush Brush Double Double Brush Configura el pincel usado para pintar las palas. Configura el brillo sobre todo el control. Configura el color del borde interior. Configura la velocidad de rotación representativa del control. Configura el grosor del trazo del pincel de fondo. Configura el pincel utilizado para pintar la tercera frontera más interna. Imagen 254 - Tabla de Propiedades Rueda de Palas 23.7 Ventilador Simple Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 255 – Ventilador Simple El ventilador simple es un control rotatorio con 4 cuchilas en un cerramiento. La velocidad de rotación es determinada por el valor asignado al control. Las Propiedades de datos Booleanos son usualmente enlazadas a la propiedad “IsOn” o a elementos de datos analogos en el Propiedad Velocidad del Motor. Nombre de la Propiedad Tipo Descripción BladeBrush Brush InnerBorderBrush MotorSpeed Opacity StrokeThickness Brush Double Double Double Configura el pincel usado para pintar las cuchilas del ventilador. Configura el color del borde interior. Configura l velocidad relativa del motor en el control. Configura el factor de opacidad aplicado al elemento. Configura el grosor del trazo del pincel de fondo. Imagen 256 - Tabla de Propiedades de Ventilador Simple 23.8 Rueda Pequeña Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 125 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 257 – Rueda Pequeña LA Rueda Pequeña es un perfil de rueda cerrado, similar a la Rueda de Metal, con características ajustables de velocidad de rotación y dirección. Las Propiedades de datos Booleanos son usualmente enlazadas a la propiedad “IsOn” o a elementos de datos analogos en el Propiedad Velocidad de Rotación. Nombre de la Propiedad Tipo Descripción BladeBrush Brush CenterCapBrush GlareBrush InnerBorderBrush InnerStrokeThickness RotationSpeed Brush Brush Brush Double Double StrokeThickness TertiaryBorderBrush Double Brush TertiaryStrokeThickness Double Configura el pincel que se utiliza para pintar los remaches. El pincel que pinta la tapa central de la rueda. Configura el brillo sobre todo el control. Configura el color del borde interior. Configura el grosor de línea del borde interior. Configura la velocidad de rotación representantiva del control. Configura el grosor del trazo del pincel de fondo. Configura el pincel utilizado para pintar el tercer borde más interno. Configura el grosor de la línea de la tercera frontera más interna. Imagen 258 - Tabla de Propiedades de Rueda Pequeña 23.9 Rueda Dentada Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 259 – Rueda Dentada 126 Status Enterprise Controles Disponibles para Diseño de Scada Una Rueda Dentada es una rueda perfilada con un estilo de cuchilla con dientes no engranables y unas características ajustables de velocidad de rotación y dirección. Las Propiedades de datos Booleanos son usualmente enlazadas a la propiedad “IsOn” o a elementos de datos analogos en el Propiedad Velocidad de Rotación. Nombre de la Propiedad Tipo Descripción BladeBrush Brush GlareBrush InnerBorderBrush InnerStrokeThickness RotationSpeed Brush Brush Double Double StrokeThickness TertiaryBorderBrush Double Brush TertiaryStrokeThickness Double Configura el pincel utilizado para pintar el interior de los dientes de engranaje. Configura el brillo sobre todo el control. Configura el color del borde interior. Configura el grosor de la línea del borde interior. Configura la velocidad de rotación representativa del control. Configura el grosor del trazo del pincel de fondo. Configura el pincel utilizado para pintar e tercer borde más interno. Configura el grosor de la línea del tercer borde más interno. Imagen 260 - Tabla de Propiedades de Rueda Dentada 23.10 Motor Cuadrado Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 261 – Motor Cuadrado El Motor Cuadrado es un control con una región interna parpadeante que simula la velocidad de rotación de un motor. Las propiedades de datos Booleanos son usualmente enlazadas a la propiedad “IsOn” Nombre de la Propiedad Tipo Descripción IndicatorBrush Brush Opacity StrokeThickness Double Double Configura el pincel que pinta el indicador gráfico (pulso) de la velocidad del motor. Configura el factor de opacidad aplicado al elemento. Configura el grosor del trazo del pincel de fondo. Imagen 262 - Tabla de Propiedades Motor Cuadrado. 127 Status Enterprise Controles Disponibles para Diseño de Scada 23.11 Neumático Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 263 - Neumático Un neumático es una combinación de un exterior del neumático, la llanta y tapacubos con características ajustables de velocidad de rotación y dirección. Las Propiedades de datos Booleanos son usualmente enlazadas a la propiedad “IsOn” o a elementos de datos analogos en el Propiedad Velocidad de Rotación. Nombre de la Propiedad Tipo Descripción BladeBrush Brush GlareBrush InnerBorderBrush RotationSpeed Brush Brush Double StrokeThickness VerticalContentAlignment* Double VerticalAlignment Configura el pincel utilizado para pintar la parte de caucho del neumático. Configura el brillo sobre todo el control. Configura el color del borde interior. Configura la velocidad de rotación representativa del control. Configura el grosor del trazo del pincel de fondo. Configura la alineación vertical del contenido del control. Imagen 264 - Tabla de Propiedades de Neumático *Heredado, no se utiliza 23.12 Aero Generador Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 265 – Aero Generador 128 Status Enterprise Controles Disponibles para Diseño de Scada El Aero Generador representa un gran generador de energía eólica. La velocidad de Rotación de las 3 cuchilas del vetilador es determinada por el valor asignado al control. Las propiedades de datos Booleanos son usualmente enlazadas a la propiedad “IsOn”. Nombre de la Propiedad Tipo Descripción BladeBorderBrush Brush BladeBrush Brush BladeStrokeThickness InnerBorderBrush MotorSpeed Opacity StrokeThickness Double Brush Double Double Double Configura el color que tiene el fonde del borde de las cuchillas. Configura un pincel que pinta el fondo de las aspas del ventilador. Configura el grosor del trazo del pincel cuchilla. Configura el color del borde interior. Configura la velocidad relativa del motor en el control. Configura el factor de opacidad aplicado al elemento. Configura el grosor del trazo del pincel de fondo. Imagen 266 - Tabla de Propiedades de Aero Generador. 129 Status Enterprise Controles Disponibles para Diseño de Scada 24 Botones de Navegación. Un Botón de Navegación es usado para navegar por páginas específicas en la aplicación. Cada una de los botones de navegación es configurado de la misma manera (excepto los botones “Atrás”, que no requieren configuración). Para configurar un botón de navegación, selecciona <Setup> en el panel de propiedades. Las propiedades de configuración de navegación aparecerán. Las opciones a configurar varían ligramente entre el Diseñador de “mimics” y el Diseñador de Aplicaciones. Imagen 267 – Configurar Propiedades de Navegación en el Diseñador de ‘Mimics’ El diseñador de “mimics” requiere solo unas pocas opciones para ser configurado y habilitar la navegación en tu “mimic”. El Estilo de Navegación te da 3 opciones de como querrías que la pantalla delnuevo “mimic” fuera presentada cuando el botón sea pulsado, las opciones son: Reemplazar, “Popup” de borde simple y Ventana de herramientas “Popup”. El documento abierto te permitirá navegar por el “Mimic” que te gustaría ver cuando el botón es pulsado. El Objeto a ver es opcional, y si tu estás navegando por un “mimic” regular puedes dejarlo en blanco. Sin embargo, si tu estás navegando por una plantilla esta opción te permite elegir el Activo desde el cual querrías tener los datos de la plantilla. En el Diseñador de Aplicaciones, las “mimics” no son creadas como documentos simples, asi que hay que configurar opciones adicionales para los Botones de Navegación. 130 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 268 – Configuración de Propiedades de Navegación en el Diseñador de Aplicaciones. Las opciones provistas bajo la sección Contenido de Página te permiten definir el ensamblado y el nombre de página para el objetivo de tu botón de navegación. Por defecto, el Campo de ensamblado puede ser rellenado con el nombre del ensamblado actualmente abierto. ‘Contenido de la Cache’ define si la pantalla en la que estamos navegando tiene que ser cacheada o no para ser reutilizada si volvemos en vez de recrear la página y sus enlaces. La sección de Control de Ventana provee de opciones para definir cuanto del nuevo documento será mostrado – cuando este será reemplazado en la ventana actual o abrirá una nueva ventana. Si eliges reemplazar la ventana actual, puedes indicar el nombre para el objetivo bajo “Nombre de Objetivo”, Si eliges crear una ventana nueva, un número de opciones adicionales son provistas: El Estilo de Ventana te permite elegir un estilo para tu nueva ventana: ‘SingleBorderWindow,’ ‘ThreeDBorderWindow’, ‘ToolWindow’ o ninguno. Posición de la Ventana provee tres opciones para emplazar la nueva ventana: ‘CenterOwner’, ‘CenterScreen’ and Manual. El ancho y alto de la ventana te permiten definir el tamaño de la nueva ventana en pixeles. Estirar Fondo determinará como el fondo es manejado cuando la ventana sea redimensionada. ‘Modal’ te permite alternat entre si la nueva ventana será una ventana modal o no – una ventana “hija” requerirá interacción antes de permitir al usuario retornar al trabajo con la ventana “padre”. 131 Status Enterprise Controles Disponibles para Diseño de Scada Cualesquiera de las opciones de Control Ventana que se elijan, esta sección provee un un campo para dar al documento recién abierto un nombre que aparecerá en la barra de título de la ventana La sección Selección de Ruta es donde tu definirás que documento será recuperado cuando el botón sea clicado. Esto puede ser una ruta absoluta o una ruta relativa. Nombre de la Propiedad Tipo Descripción Background BorderBrush Brush Brush BorderThickness Content CornerRadius Thickness Object CornerRadius FontFamily FontSize FontStyle FontWeight Foreground InnerBorderBrush InnerBorderThickness FontFamily FontSize FontStyle FontWeight Brush Brush Thickness InnerCornerRadius CornerRadius SetUp NavigateParamete rs Configura el color del fondo del control. Configura el color que tendrá el borde del fondo del control. Configura el grosor del borde del control. Permite insertar texto en el Contenido. Configura el radio de la esquina del borde exterior del elemento. Configura la fuente de texto del control. Configura el tamaño de la fuente. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura el color del frontal. Configura el color del borde interior. Configura el grosor del borde interior del elemento. Configura el radio de la esquina del borde interior del elemento. Asigna la configuración del botón para definir su funcionalidad. Imagen 269 - Tabla de Propiedades Comunes de los Botones de Navegación. 24.1 Botón de Navegación de Funciones Clave Diseñador de Aplicaciones Imagen 270 - Botón de Navegación de Funciones Clave El Botón de Navegación de Funciones Clave es un botón de navegación estándar, con la excepción de que permite al usuario activarlo presionando una tecla definida en el teclado en adición de su aceptación de los acontecimientos normales de clic del ratón. 132 Status Enterprise Controles Disponibles para Diseño de Scada Nombre de la Propiedad Tipo Descripción FunctionKey FunctionKey Configura la tecla de función que se puede utilizar para activar el botón en lugar de un evento de clic. PressedBrush Brush Configura el pincel utilizado para describir el aspecto del botón cuando se presiona. Imagen 271 - Tabla de Propiedades de Botón de Navegación de Funciones Clave 24.2 Botón de Navegación de Gel “Atrás” Diseñador de ‘Mimics’| HTML5 Imagen 272 - Botón de Navegación de Gel “Atrás” El Botón de Navegación de Gel “Atrás” es un control con un estilo tipo gel. Este control es usado para navegar a la página anterior de la aplicación. Nombre de la Propiedad Tipo Descripción Height Double Left Double PressedBackground Brush Top Double Width Double Configura la altura sugerida para el elemento. Los cambios de estado son Auto y Numérico Configura la posición del objeto en el lienzo. El valor por defecto es Left=0. The fondo que aparece cuando se presiona el botón. Configura la posición del objeto en el lienzo. El valor por defecto es Top=0. Configura el ancho del elemento. Los cambios de estado son Auto y Numérico Imagen 273 - Tabla de Propiedades de Botón de Navegación de Gel “Atrás” 24.3 Botón de Navegación de Gel Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 133 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 274 – Botón de Navegación de Gel El Botón de Navegación de Gel es un control con un estilo de tipo gel. Este control es usado para la navegación a otras páginas o ventanas en la aplicación. La propiedad más significativa es “SetUp”. Nombre de la Propiedad Tipo Descripción ClickMode FocusBorderThickness ClickMode Thickness FocusBrush Brush GlareBrush HorizontalContentAlignment Brush HorizontalAlignment SetUp NavigateParameters Configura cuando ocurre el evento de clic. El espesor del foco del anillo en el exterior del botón. Obtener o establecer el pincel que aparece en la parte exterior del elemento cuando se pasa el ratón sobre el elemento. Configura el brillo sobre todo el control. Configura la alineación horizontal del contenido del control. Asigna la ruta de los documentos que se visualizarán. Imagen 275 - Tabla de Propiedades de Botón de Navegación de Gel. 24.4 Botón de Navegación “Atrás” Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 276 - Botón de Navegación “Atrás” El Botón de Navegación “Atrás” es un control usado para la navegación a páginas o ventanas anteriores en la aplicación. No es necesaria la configuración. 134 Status Enterprise Controles Disponibles para Diseño de Scada Nombre de la Propiedad Tipo Descripción Height Double Left Double PressedBackground Top Brush Double Width Double Configura la altura sugerida para el elemento. Los cambios de estado son Auto y Numérico Configura la posición del objeto en el lienzo. El valor por defecto es Left=0. The fondo que aparece cuando se presiona el botón Configura la posición del objeto en el lienzo. El valor por defecto es Top=0. Configura el ancho del elemento. Los cambios de estado son Auto y Numérico Imagen 277 - Tabla de Propiedades de Botón de Navegación “Atrás” 135 Status Enterprise 24.5 Controles Disponibles para Diseño de Scada Borde de Navegación Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 278 – Borde de Navegación El Borde de Navegación es un control que te da la habilidad de navegar a otra Uri o ventana cuando es presionado. Este control está destinado a ser usado encima de contenido existente. Nombre de la Propiedad Tipo Descripción Background BorderBrush Brush Brush BorderThickness CornerRadius Thickness CornerRadius MouseOverBrush Brush MouseOverThickness Thickness Setup NavigateParameters Pincel de fondo utilizado para pintar el panel. Pincel de Borde para pintar el borde exterior del control. Configura el grosor del borde del control. Configura el radio de la esquina del borde exterior del elemento. Pincel utilizado para pintar el borde cuando el cursor del ratón se mantenga sobre el control. El espesor aplicado al borde cuando el cursor del ratón se mantenga sobre el control. Una propiedad única con la capacidad de definir los cinco (5) parámetros independientes: ‘assemblyPath’, ‘TipoName’, ‘ReplaceContent’, ‘NavigateUri’ y NavigateType’. Imagen 279 - Tabla de Propiedades del Borde de Navegación 24.6 Botón de Navegación Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 280 – Botón de Navegación 136 Status Enterprise Controles Disponibles para Diseño de Scada El Botón de Navegación es un control usado para navegar a otras páginas o ventanas de la aplicación. La propiedad más significativa des SetUp. Nombre de la Propiedad Tipo Descripción ClickMode FocusBorderThickness ClickMode Thickness FocusBrush Brush GlareBrush HorizontalContentAlignment Brush HorizontalAlignment PressedBackground Brush SetUp NavigateParameters Configura cuando ocurre el evento de Clic. El espesor del anillo de enfoque en el exterior del botón. Obtener o establecer el pincel que aparece en la parte exterior del Elemento cuando el ratón pasa sobre el elemento. Configura el brillo sobre todo el control. Configura la alineación horizontal del contenido del control. El fondo que aparece cuando se pulsa el botón. Asigna la ruta de los documentos que se visualizarán. Imagen 281 - Tabla de Propiedades de Botón de Navegación. 24.7 Menú Desplegable de Navegación Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 282 – Menú Desplegable de Navegación Una list de elementos, en un menú desplagable, cualquier de los cuales podría ser abierto en otro documento. El control cogería el ID de documento y una ruta relativa desde el activo actual hacia una colección de objetos. En el entorno de ejecución podría ser resuelto y mostrado en la lista, hacer doble clic en un elemento o clic en el botón podría abrirlo con el documento especificado. Nombre de la Propiedad Tipo Descripción SetUp NavigateParameters Asigna la ruta de los documentos que se visualizaran. Imagen 283 - Tabla de Propiedades del Menú Desplegable de Navegación 137 Status Enterprise 24.8 Controles Disponibles para Diseño de Scada Lista de Opciones de Navigation Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 284 – Lista de Opciones de Navegación Una lista de elementos, cualquiera de los cuales podría ser abierto por otro documento. El control cogería el ID de documento y una ruta relativa desde el activo actual hacia una colección de objetos En el entorno de ejecución podría ser resuelto y mostrado en la lista, hacer doble clic en un elemento o clic en el botón podría abrirlo con el documento especificado. Nombre de la Propiedad Tipo Descripción SetUp NavigateParameters Asigna la ruta de los documentos que se visualizarán. Imagen 285 - Tabla de Propiedades de la Lista de Opciones de Navegación 138 Status Enterprise 25 Controles Disponibles para Diseño de Scada Conductos y Depósitos Estos controles son utilizados para mostrar niveles y flujo. Nombre de la Propiedad Tipo Descripción Background Brush BorderBrush Brush BorderThickness* FontFamily FontSize FontStretch Thickness FontFamily FontSize FontStretch FontStyle FontWeight Foreground HorizontalContentAlignment FontStyle FontWeight Brush HorizontalAlignment StrokeThickness Double VerticalContentAlignment VerticalAlignment Pincel del Fondo para el cuerpo principal del depósito Pincel del Borde para el cuerpo principal del depósito. Configura el grosor del borde del control. Familia de la Fuente del Valor del Título. Tamaño de Fuente para el Valor del Título. Ensanchado de la Fuente para el Valor del Titulo. Estilo de la Fuente para el Valor del Titulo.Font Peso de la Fuente para el Valor del Titulo. L pincel que pinta el valor del titulo. Configura la alineación horizontal del contenido del control. El espesor del borde para el cuerpo principal del tanque. Configura la alineación vertical del contenido del control. Imagen 286 – Tabla de Propiedades de Conductos y Depósitos. *Heredado, no se utiliza 25.1 Conector de Conductos Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 287 – Conector de Conductos El conector de conductos es un conector ajustado que permite los cambios de dirección en los conductos o la unión de 3 caminos en forma de T. Nombre de la Propiedad Tipo Descripción MinorBackground Brush Configura el color de relleno del componente secundario en el control. 139 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 288 - Tabla de Propiedades de Conector de Conductos 25.2 Depósito Seccionado Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 289 – Depósito Seccionado Se trata de un recipiente cerrado con una vista en corte y un nivel de fluido ajustable. Los elementos de datos generalmente se vinculan a la propiedad Value. Nombre de la Propiedad Tipo Descripción FluidBrush Brush GlareBrush Maximum Minimum MinorBackground Brush Double Double Double TankShape TertiaryBackground CornerRadius Brush Value Double Pincel utilizado para pintar el fluido (contenidos) del depósito. Configura el brillo sobre todo el control. Configura el valor máximo para el elemento. Configura el valor mínimo para el elemento. Configura el color de relleno del componente secundario en el control. Configura la forma del depósito. Pincel utilizado para pintar el fondo del Fluido (en el interior) del depósito. Configura el valor actual del control. Imagen 290 - Tabla de Propiedades Deposito Seccionado 25.3 Depósito Cilindrico Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 140 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 291 – Depósito Cilindrico El Depósito Cilíndrico es una vasija sencilla con un nivel de llenado ajustable. Los elementos de datos se suelen enlazar a la propiedad Valor del control. Nombre de la Propiedad Tipo Descripción FluidBrush Brush GlareBrush Maximum Minimum Value Brush Double Double Double Pincel utilizado para pintar la región de fluido del depósito. Configura el brillo sobre todo el control. Configura el valor máximo para el elemento. Configura el valor mínimo para el elemento. Configura el valor actual del control. Imagen 292 - Tabla de Propiedades de Depósito Cilíndrico 25.4 Fitted Elbow Pipe Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 293 – Tubería en forma de codo La tubería(o conducto) en forma de codo en un añadido al conducto estándar con un ángulo de 90º para cambiar la dirección del conducto. Nombre de la Propiedad Tipo Descripción BorderBrush Brush Configura el color de relleno del componente secundario en el control. Imagen 294 - Tabla de Propiedades Tubería en forma de codo. 141 Status Enterprise 25.5 Controles Disponibles para Diseño de Scada Conducto Ajustable Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 295 – Conducto Ajustable El conducto ajustable es un conducto estandar con la adición de puños más grandes en los extremos. Nombre de la Propiedad Tipo Descripción MinorBackground Brush Configura color de relleno del los extremos del control. Imagen 296 - Tabla de Propiedades de Conducto Ajustable 25.6 Conducto Ajustable con Indicador de Flujo Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 297 – Conducto Ajustable con Indicador de Flujo El Conducto Ajustable con Indicador de Flujo es un conducto con una marca en el centro. Este conducto puede ser usado para mostrar la dirección del liquido en el interior del conducto. Nombre de la Propiedad Tipo Descripción AnimationSpeed Double AnimationTipo AnimationTipos IsOn MarqueePauseOnMouseHover NullableBoolean Boolean MinorBackground Brush Configura la velocidad en número de la flecha de flujo del control. Configura el sentido de la flecha (de Derecha a Izquierda o de Izquierda a Derecha). Configura la posición "on" del control. Configura el valor True/False para permitir la pausa de la animación cuando pases el ratón por encima. Configura el color de relleno del los extremos del control. Imagen 298 - Tabla de Propiedades Conducto Ajustable con Indicador de Flujo 142 Status Enterprise 25.7 Controles Disponibles para Diseño de Scada Tanque de Embudo Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 299 – Tanque de Embudo El tanque de embudo es una vasija simple que puede canalizar su contenido de un especio más grande a uno más pequeño de manera gradual. Los elementos de datos se suelen enlazar a la propiedad Valor del control Nombre de la Propiedad Tipo Descripción FluidBrush GlareBrush Maximum Minimum Value Brush Brush Double Double Double Color utilizado para representar el fluido. Configura el brillo sobre todo el control. Configura el valor máximo para el elemento. Configura el valor mínimo para el elemento. Configura el valor actual del control. Imagen 300 - Tabla de Propiedades del Tanque de Embudo. 25.8 Depósito con Indicador Vertical Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 301 – Depósito con Indicador Vertical Es un depósito que cuenta con un panel transparente para ver el nivel de líquido y un nivel de relleno ajustable. Los elementos de datos generalmente están ligados a la propiedad Valor del control. 143 Status Enterprise Controles Disponibles para Diseño de Scada Nombre de la Propiedad Tipo Descripción FluidBrush GlareBrush Maximum Minimum TickBarDisplay Brush Brush Double Double Boolean TickFrequency Double Value Double Color utilizado para representar el fluido. Configura el brillo sobre todo el control. Configura el valor máximo para el elemento. Configura el valor mínimo para el elemento. Programación que se usa para mostrar u ocultar la barra marcadores. Configura la distancia relativa al rango de valores en el cual las marcas serán dibujadas. El periodo es basado en el valor mínimo. Configura el valor actual del control. Imagen 302 - Tabla de Propiedades del Depósito con Indicador Vertical 144 Status Enterprise 25.9 Controles Disponibles para Diseño de Scada Depósito Mezclador Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 303 – Depósito Mezclador Es un tanque con una paleta de mezclado que gira a la derecha. Un tanque de mezcla tiene una velocidad del motor ajustable y un nivel de relleno ajustable. Los elementos de datos generalmente están ligados a la propiedad ‘Value’ del control. Nombre de la Propiedad Tipo Descripción FluidBrush GlareBrush Maximum Minimum MinorBackground MixingSpeed TertiaryBackground Value Brush Brush Double Double Brush Double Brush Double Color utilizado para el fluido principal del depósito. Configura el reflejo de todo control. Configura el valor máximo para el elemento. Configura el valor mínimo para el elemento. Color del fluido del interior del depósito. Configura la velocidad de rotación del mezclador. Configura el color de un componente secundario. Configura el valor actual del control. Imagen 304 - Tabla de Propiedades del Depósito Mezclador 25.10 Conducto Curvado Estandar Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 305 – Conducto Curvado Estandar Es un tramo de conducto estándar pero en un ángulo de 90 grados, lo utilizamos para cambios de dirección del conducto. Nombre de la Propiedad Tipo Descripción MinorBackground Brush Configura el color de relleno del componente secundario en el control. 145 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 306 - Tabla de Propiedades del Conducto Curvado Estandar 25.11 Conducto Estandar Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 307 – Conducto Estandar Es un tramo de conducto cilíndrico usado para dirigir fluidos de una zona a otra. Nombre de la Propiedad Tipo Descripción MinorBackground* Brush Color de relleno del componente secundario. Imagen 308 - Tabla de Propiedades del Conducto Estandar *Heredado, no se utiliza 25.12 Conducto Estandar con Indicador de Flujo Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 309 – Conducto Estandar con Indicador de Flujo Es un conducto estándar con un control de flecha animada en el centro. Este control puede utilizarse para mostrar la dirección del flujo y el contenido del conducto con desplazamiento de contenido. Nombre de la Propiedad Tipo Descripción AnimationSpeed Double AnimationTipo AnimationTipos IsOn MarqueePauseOnMouseHover NullableBoolean Boolean MinorBackground* Brush Configura la velocidad en número de la animación de la flecha. Configura el sentido de la flecha (de Derecha a Izquierda o de Izquierda a Derecha). Configura la posición "on" del control. Permite que la animación se pare cuando el ratón pase por encima del control. Configura el color de relleno del componente secundario. Imagen 310 - Tabla de Propiedades del Conducto Estandar con Indicador de Flujo. *Heredado, no se utiliza 146 Status Enterprise Controles Disponibles para Diseño de Scada 25.13 Conector Universal de Conductos Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 311 – Conector Universal de Conductos Es un disco esférico que puede conectar diferentes cantidades de conductos de diversos grados para crear configuraciones específicas. Nombre de la Propiedad Tipo Descripción MinorBackground Brush Configura el color del componente secundario. Imagen 312 - Tabla de Propiedades del Conector Universal de Conductor 25.14 Válvula Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 313 - Válvula La válvula se utiliza para controlar el estado abierto o cerrado de un conducto. Puede cambiar su orientación para que pueda ser utilizado con un conducto que se encuentra en una posición horizontal o vertical. Los elementos de datos normalmente se enlazan a la propiedad ’IsOpen’ del control. Nombre de la Propiedad Tipo Descripción Height Double IsOpen NullableBoolean Left Double Configura la altura del elemento. Los cambios de estado son Auto y Numérico Configura la posición inicial de la valvula. Las posibilidades son Abierta o Cerrada. Configura la posición del objeto en el canvas. El valor por defecto es Left=0. 147 Status Enterprise Controles Disponibles para Diseño de Scada Orientation Orientation Top Double Width Double Determina si el estado de abierto/cerrado de la manivela de la válvula es horizontal o vertical. Ejemplo: Si la manivela de la válvula se coloca en una tubería horizontal, será abierta en posición vertical y cerrado será horizontal. Si la manivela de la válvula se coloca en un tubo vertical, será abierta en posición horizontal y cerrado será vertical. Configura la posición del objeto en el lienzo. El valor por defecto es Top=0. Configura el ancho del elemento. Los cambios de estado son Auto y Numérico Imagen 314 - Tabla de Propiedades de la Válvula 25.15 Depósito Vessel Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 315 – Depósito Vessel Es un depósito con orientación horizontal y con un nivel de relleno ajustable. Los elementos de datos generalmente están ligados a la propiedad Valor del control. Nombre de la Propiedad Tipo Descripción FluidBrush GlareBrush Maximum Minimum Value Brush Brush Double Double Double Color utilizado para dibujar el fluido. Configura el reflejo de todo el control. Configura el valor máximo para el elemento. Configura el valor mínimo para el elemento. Configura el valor actual del control. Imagen 316 – Depósito Vessel 148 Status Enterprise Controles Disponibles para Diseño de Scada 26 Script La sección de Controles de Script de la caja de herramientas, contiene un número de controles que pueden ser utilizados conjuntamente con Scripts personalizados. (Ver Control de Script más adelante) 26.1 Botón Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 317 - Botón Puede cambiar la apariencia de un botón mediante el ajuste de su fondo, el texto del botón o tamaño, pero también puede cambiar su comportamiento si se realizan ajustes de las acciones conectadas al evento click (por ejemplo lo que ocurre al botón cuando se hace clic en el usuario). Por ejemplo, cambiando la propiedad del botón ClickMode de su valor por defecto a ‘Hover’, moviendo el cursor del ratón sobre el botón (a diferencia de clic y soltando el botón) produce la acción prevista. Para modificar el texto del botón, use la propiedad ‘Content’. 26.2 Combo Box Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 318 - Combo Box Es una lista de elementos dentro de una caja de selección que puede ser expandida o contraída por el usuario. El Combo Box se suele utilizar cuando un usuario debe seleccionar un elemento de una lista. 26.2.1 Elemento de Combo Box [Agregar] DISEÑADOR DE ‘MIMICS’| DISEÑADOR DE APLICACIONES Imagen 319 – Elemento de Combo Box [Add] Para agregar elementos al Combo box, vé a la caja de herramientas y haz clic en < Elemento de ComboBox [Agregar]>, cada clic agregara un nuevo objeto. Se observa en el árbol del documento que un objeto de tipo elemento de Combo se ha agregado al Combo. 149 Status Enterprise Controles Disponibles para Diseño de Scada Nombre de la Propiedad Tipo Descripción Background BorderBrush Brush Brush BorderThickness FontFamily* FontSize* FontStretch* Thickness FontFamily FontSize FontStretch FontStyle* FontWeight* Foreground FontStyle FontWeight Brush Configura el color del fondo del control. Configura el color que describe el borde del fondo del control. Configura el grosor del borde del control. Configura la fuente de texto del control. Configura el tamaño de la fuente. Configura el grado en que una fuente se comprime o se expande en la pantalla. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura el color del frontal. Imagen 320 - Tabla de Propiedades de Añadir Elemento Combo *Heredado, no se utiliza 26.3 Lista Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 321 - Lista Una Lista es un Control de Elementos. Una Lista organiza Listas y adjunta una colección de elementos. Más Comunmente, una Lista contiene un Elemento de Lista, pero puede contener una lista de cualquier ‘FrameworkElements’. Una lista tiene capacidades de desplazamiento horizontal o vertical. Una vez el número de elementos de la lista exceda el área definida una barra de desplazamiento aparecerá automáticamente. El posicionamiento de los elementos en la Lista puede ajustarse a traves de las propiedades FlowDirection ay Vertical o Horizontal ‘ContentAlignment’. Por defecto, el modo de una Lista es fijado a <Single>, significa que el usuario es capaz de seleccionar un solo elemento de la Lista. Si cambiamos el parámetro ‘SelectionMode’ permitiremos al usuario seleccionar multiples elementos no consecutivos o un número extendido de elementos. El usuario podrá seleccionar un número consecutivo de elementos pulsando la tecla ‘Mayus’ y clicando en el primero y en el último si el ‘SelectionMode’ está fijado a <Extended>. 150 Status Enterprise Controles Disponibles para Diseño de Scada Una Lista no tiene propiedades de Contenido – la colección de elementos es el contenido. Los cambios de los Elementos de la Lista pueden ser hechos ajustando ciertas propiedades de la Lista. Por ejemplo, un cambio en el Tamaño de la Fuente de todos los elementos de la Lista. Cualquier elemento de la Lista puede editarse de manera individual. La Lista es una capa editable. 26.3.1 Añadir Elemento Lista Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 322 - Añadir Elemento Lista Los Elementos de la Lista son añadidos a la Lista clicando <Elemento Lista [Añadir]> en el panel de propiedades o posicionando el cursor del ratón en el área editable de la Lista, haciendo clic derecho y seleccionando >Añadir Elemento Lista> en el menú contextual. Nombre de la Propiedad Tipo Descripción AlternationCount Int32 Background BorderBrush BorderThickness FontFamily* FontSize* FontStretch* Brush Brush Thickness FontFamily FontSize FontStretch FontStyle* FontWeight* Foreground FontStyle FontWeight Brush Configura el número de contenedores de elementos alternando el Control de Elementos, el cual permite a los contenedores alternos a tener un aspecto único. Configura el color del fondo del control. Configura el color de borde del fondo. Configura el grosor del borde del control. Configura la fuente de texto del control. Configura el tamaño de la fuente. Configura el grado en que una fuente se comprime o se expande en la pantalla. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura el color del color del frontal. Imagen 323 - Tabla de Propiedades Añadir Elemento Lista *Heredado, no se utiliza 26.4 Vista de Lista Diseñador de ‘Mimics’| Diseñador de Aplicaciones 151 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 324 - List View Una Vista de Lista muestra una colección de elementos en una Lista. 26.4.1 [Añadir] Elemento a la Vista de Lista Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 325 - [Añadir] Elemento a la Vista de Lista Mientras que tu puedes añadir una Vista de Lista a una capa y añadir Elementos a la Vista de Lista, esta classe es generalmente escrita a través de “code Behind” asignando una Vista de Grid a la propiedad “Vista” y aplicando los enlaces a datos. Nombre de la Propiedad Tipo Descripción AlternationCount Int32 Background BorderBrush Brush Brush BorderThickness FontFamily* FontSize* FontStretch* Thickness FontFamily FontSize FontStretch FontStyle* FontWeight* Foreground FontStyle FontWeight Brush Configura el número de contenedores de elementos alternando el Control de Elementos, el cual permite a los contenedores alternos a tener un aspecto único Configura el color del fondo del control. Configura el color que describe el borde del fondo del Control. Configura el grosor del borde del control. Configura la fuente de texto del control. Configura el tamaño de la fuente. Configura el grado en que una fuente se comprime o se expande en la pantalla. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura el color del color del frontal. Imagen 326 - Tabla de Propiedades de Vista de Lista *Heredado, no se utiliza 26.5 Menu Diseñador de ‘Mimics’| Diseñador de Aplicaciones 152 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 327 - Menu N Menú organiza una colección de elementos. 26.5.1 [Añadir] Elemento a Menú Diseñador de ‘Mimics’| Diseñador de Aplicaciones Imagen 328 - [Añadir] Elemento a Menú Un Menú también tiene capacidades de disposición y redimensionamiento para la colección de elementos. Una vez el número de elementos de la lista exceda el área definida, el control automáticamente envolverá el siguiente elemento de la lista en la siguiente línea. Si el Menu mismo es redimensionado hasta el punto donde el borde derecho toque el borde izquierdo de los elementos, la colección de elementos será envuelta y reorganizada dentro del Menu con nuevos límites. Para añadir un elemento al Menú, selecciona el Menú en su superficie editable, entonces haz clic en [Añadir] Elemento a Menú en la sección de Controles de elementos de la “ToolBox”. También puedes hacerlo en la superficie editable del Menú, haciendo clic derecho y seleccionando >Añadir Elemento>. Para añadir un Elemento SubMenú al elemento menú, haz clic en el Elemento Menú en el Árbol del Documento y seleccionalo. Entonces haz clic derecho en <Añadir Elemento Menú> para añadir un submenú. También puedes seleccionar Elemento Menú en el Árbol y hacer clic en <Añadir Elemento Menú> en la “Toolbox” para añadir un elemento submenú. Nombre de la Propiedad AlternationCount Background BorderBrush BorderThickness Tipo Int32 Brush Brush Thickness Descripción Configura el número de contenedores de elementos alternando el Control de Elementos, el cual permite a los contenedores alternos a tener un aspecto único Configura el color del fondo del control. Configura el color del borde del control. Configura el grosor del borde del control. 153 Status Enterprise Controles Disponibles para Diseño de Scada FontFamily* FontSize* FontStretch* FontFamily FontSize FontStretch FontStyle* FontWeight* Foreground FontStyle FontWeight Brush Configura la fuente de texto del control. Configura el tamaño de la fuente. Configura el grado en que una fuente se comprime o se expande en la pantalla. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura el color del color del frontal. Imagen 329 - Tabla de Propiedades de Menú *Heredado, no se utiliza 26.6 Control de Script Diseñador de ‘Mimics’ Imagen 330 – Panel de Propiedades cuando se selecciona un Control de Script. Es un control invisible en Ejecución. El control de Script tiene tres propiedades específicas: ‘Code Type’, ‘References’ y ‘Script’. Nombre de la Propiedad Tipo Descripción Code Tipo References Script String String String Asigna lenguaje: CSharp, Java, o Visual Basic. Referencias externas necesarias para el Script. Muestra el Script para compilar Imagen 331 - Tabla de Propiedades del Control de Script 154 Status Enterprise 27 Controles Disponibles para Diseño de Scada Controles de Desplazamiento Diseñador de ‘Mimics’| Diseñador de Aplicaciones Los controles de desplazamiento te permiten añadir a tus “mimics” contenedores con contenido animado, permitiendo que multiples piezas de información – o información que cambia frecuentemente – sean mostradas en un área pequeña. Todos los controles de desplazamiento están disponibles en ambos diseñadores gráficos y accesibles desde todos los clientes de ejecución. 27.1 Desplazamiento Decolorado Imagen 332 – Desplazamiento Decolorado El Decolorado es un Control que muestra los elementos “hijo” y va desplazandose por ellos y decolorandolos. Los “hijos” son asociados al control haciendo un cortado y pegado especial. Nombre de la Propiedad Tipo Descripción Background BorderBrush Brush Brush BorderThickness CornerRadius Thickness CornerRadius FadeTickerAnimationSpeed Double FadeTickerAnimationTipo AnimationTipo FadeTickerFadeSpeed Double FadeTickerPauseOnMouseover Boolean FontFamily* FontSize* FontStretch* FontFamily FontSize FontStretch FontStyle* FontWeight* FontStyle FontWeight Foreground* HorizontalContentAlignment* Brush HorizontalAlignment IsOn Boolean VerticalContentAlignment VerticalAlignment Pincel de fondo usado para pintar el panel. Pincel de borde para el borde exterior del Control. Configura el grosor del borde del control. Configura el radio de la esquina del borde exterior del elemento. Configura la velocidad de animación del control. Configura la dirección en la cual la marca es animada. Configura la velocidad a la que los “hijos” del control se decoloran. Configura el valor True/False para permitir que el decolorado pare cuando pasamos el ratón por encima de la animación. Configura la fuente de texto del control. Configura el tamaño de la fuente. Configura el grado en que una fuente se comprime o se expande en la pantalla. Configura el estilo de la fuente de texto. Configura el grosor de la fuente seleccionada. Configura el color del color del frontal. Configura la alineación horizontal del contenido del control. Configura el valor “encendido” para permitir el desplazamiento de la animación. Configura la alineación vertical del contenido del control. Imagen 333 - Tabla de Propiedades de Desplazamiento Decolorado *Heredado, no se utiliza 155 Status Enterprise 27.2 Controles Disponibles para Diseño de Scada Marquesina Imagen 334 - Marquesina Muestra texto introducido por el usuario o los objetos de una manera animada. El contenido de la marquesina puede ser animado en seis diferentes variaciones de desplazamiento - de izquierda a derecha, de arriba a abajo, o rebote de izquierda a derecha -, así como el inverso de esas opciones. Otras opciones incluyen cambiar la velocidad, pausa la animación con un ratón, una orientación vertical u horizontal y cambiar los tipos de animación sobre la marcha. Los objetos del interior de la marquesina se agregan copiando y pegando o arrastrando al objeto. Nombre de la Propiedad Tipo Descripción Background BorderBrush BorderThickness CornerRadius Brush Brush Thickness CornerRadius FontFamily FontSize FontStretch FontFamily FontSize FontStretch FontStyle FontWeight Foreground HorizontalContentAlignment* FontStyle FontWeight Brush HorizontalAlignment IsOn Boolean MarqueeAnimationSpeed MarqueeAnimationTipo Double MarqueeAnimationTipos MarqueeItemsOrientation Orientation MarqueePauseOnMouseHover Boolean VerticalContentAlignment* VerticalAlignment Color de fondo del Control. Color del borde exterior del control. Grosor del borde del control. Configura el radio de la esquina del borde exterior del elemento. Fuente de texto del control. Configura el tamaño de la fuente. Estado de condensación o expansión de una fuente en la pantalla. Configura el estilo de la fuente de texto. Grosor de la fuente seleccionada. Configura el color del color del frontal. Configura la alineación horizontal del contenido del control. Configura el valor "on" para permitir la animación del control. Velocidad numérica, del control. Configura la dirección de la animación (seis opciones). Orientación de los objetos del Control (horizontal o vertical). Configura el valor de True/false para permitir que la animación se pare cuando el ratón pase por encima. Configura la alineación vertical del contenido del control. Imagen 335 - Tabla de Propiedades de la Marquesina * Heredada, no se utiliza 156 Status Enterprise 27.3 Controles Disponibles para Diseño de Scada Visor de Canal RSS Imagen 336 – Visor de Canal RSS Se utiliza para mostrar elementos de un determinado canal RSS. Los elementos del artículo son mostrados individualmente para un período de tiempo especificado y se actualiza periódicamente basado en un intervalo de actualización determinada. Al mismo tiempo que avanza automáticamente a través de artículos cargados, el control también proporciona un mecanismo opcional para navegar entre los artículos. Nombre de la Propiedad Tipo Descripción FeedRefreshInterval TimeSpan FeedUri HideNavigation String Boolean Interval TitleBrush TitleFontFamily TitleFontSize TitleFontWeight TimeSpan Brush FontFamily Double FontWeight Intervalo de refresco para el contenido de las noticias RSS. La Uri del origen de las noticias RSS. Cuando el valor = True, los controles de navegación no son mostrados. La velocidad de intercambio de noticias. El color utilizado para mostrar el título de cada artículo La fuente utilizada en el título de cada artículo El tamaño de la fuente del título de cada artículo El peso de la fuente del el título de cada artículo Imagen 337 - Tabla de Propiedades del Visor de Canal RSS 157 Status Enterprise 28 Controles Disponibles para Diseño de Scada Formas Básicas Las propiedades comunes de las formas básicas se describen en la siguiente tabla. Nombre de la Propiedad Tipo Descripción Fill Stroke StrokeDashArray StrokeEndLineCap Brush Brush PenLineCap PenLineCap StrokeStartLineCap StrokeThickness PenLineCap Double Configura el color del fondo del control. Configura el color del borde de fondo. Configura el grosor del borde del control. Configura el radio de la esquina del borde exterior del elemento. El color utilizado para pintar el interior. Configura la fuente de texto del control. Imagen 338 - Tabla de Propiedades de las Formas Básicas B-Scada permite la rotación y ajuste de Rectangulos, Elipses y Formas en Trazos pero nó líneas, Multilíneas o Polígonos. 28.1 Elipse Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 339 - Elipse Dibuja una forma simple de Elipse.. 28.2 Línea Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 340 - Línea Dibuja una línea desde X1, Y1 a X2, Y2. Aunque las líneas heredarán una propiedad ‘Fill’ (e.g. similar a la propiedad de relleno en un rectángulo o una elipse), cambiando la propiedad ‘Fill’ de una línea no afecta los cambios en la apariencia de la línea como lo hace para un rectángulo o una elipse. Como una línea es esencialmente un trazo lineal entre dos puntos finales, no se pueden conectar estos dos puntos juntos para formar otra forma. 158 Status Enterprise 28.3 Controles Disponibles para Diseño de Scada Trazos Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Un Trazo es un gráfico 2D derivado de las formas básicas. Dibuja una serie de curvas y líneas conectadas. Pueden ser muy simples o muy complejas formando diagramas e imágenes elaboradas. Los Trazos tienen una propiedad de datos de tipo de geometría. La geometría del Trazo está en la instrucción ‘set datos’ definiendo como se renderiza el objeto Trazo. Una geometría de Trazo puede contener un número de formas, líneas y curvas complejas. Puede crear un Trazo, y añadirlo a la sección de Formas de la Caja de Herramientas. El Trazo es una capa editable, haciendo Clic con el botón derecho del ratón y seleccionando <Edit Layer> se podrá editar la capa. Podemos utilizar otros Trazos creados en la caja de herramientas para crear un nuevo Trazo. Opciones Nombre Bezier Segment Close Active Geometry Ellipse Geometry End Line Geometry Line Segment Poly Bezier Segment Poly Quadratic Bezier Segment PolyLine Segment Detalles Agrega el segmento de línea curva que puede ser usado para dibujar segmentos de línea recta apuntando y haciendo clic o arrastrada suavemente curvando segmentos de línea. Esta opción conectará cualquier línea abierta en el trazo para crear una forma. Permite arrastrar una elipse al trazo. Esta opción le permite dejar de dibujar sin cerrar los segmentos de línea de dibujo en el trazo. Permite arrastrar una línea de la ruta; No permite el dibujo continuo. Haga clic y arrastre para crear una línea de la longitud y dirección deseada. Permite crear formas con relleno mediante puntos y líneas. Similar al segmento de la curva, pero con puntos de control adicionales. Similar a un segmento de curva cuadrática, pero con puntos de control adicionales. Permite dibujar lineas de con relleno, y proporciona múltiples puntos de edición. Quadratic Bezier Segment Añade un segmento de curva con tres puntos de control. Rectangle Geometry Permite agregar un rectángulo al trazo Imagen 341 – Objetos Utilizados en los Trazos 159 Status Enterprise 28.4 Controles Disponibles para Diseño de Scada Polígono Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 342 - Polígono Al igual que la multilínea, un polígono es otra forma definida por una serie de puntos finales y líneas, para utilizarlos en dibujos, diseños gráficos etc... Un polígono también puede consistir en un número infinito de puntos finales. La principal diferencia entre un polígono y una multilínea es que un polígono, una vez que ha sido elaborado, se cierra por completo entre sus puntos inicial y final. 28.5 Multilíneas Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 343 – Polilinea Una multilínea es otro objeto popularmente utilizado para crear dibujos, diseños gráficos etc... Como su nombre indica, una multilínea dibuja lineas (por ejemplo) rectas conectando una serie de puntos especificados. Considerando que una simple línea, contiene solamente una línea entre dos puntos finales, una multilínea puede contener un número infinito de puntos. A diferencia de un rectángulo o una elipse, una multilínea se dibuja como una forma inacabada lo que significa que la puesta en marcha y acabar con los puntos de una multilínea quedan abiertas e inconexas. Pero, al igual que otras formas acabadas, una multilínea es capaz de mostrar un color de relleno o diseño (en la parte interior de las líneas conectadas y puntos finales). Una forma Multilínea conecta sólo líneas rectas entre los puntos finales, la aplicación ofrece otro objeto menos rígido llamado el lápiz Multilínea. El lápiz Multilínea tiene más flexibilidad ya que se comporta más como una herramienta de dibujo y se parece más a una serie de puntos conectados por una línea (en lugar de una línea conectada por dos puntos finales). 28.6 Polígono y Lápiz Multilínea DISEÑADOR DE ‘MIMICS’| DISEÑADOR DE APLICACIONES | HTML5 160 Status Enterprise Controles Disponibles para Diseño de Scada Imagen 344 – Polígono y Lapiz Multilínea Nos permite dibujar una serie de puntos conectados uno al otro dictado por los movimientos de la mano en lugar de dibujar las conexiones en los puntos especificados en las líneas rectas; el polígono y lápiz Multilinea, añaden puntos a la forma como se mueve el ratón. Los objetos polígono y multilínea producidos utilizando el lápiz, son los mismos que los objetos utilizados por el polígono regular y Multilínea dibujando normalmente y de forma independiente, sólo contienen más puntos. 28.7 Rectangulo Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 345 - Rectangulo El Rectangulo es una forma básica, tiene propiedades de Radio X y un Radio que pueden ser utilizadas para curvar sus esquinas. 161 Status Enterprise 29 Controles Disponibles para Diseño de Scada Gráficas de Tendencia Los datos de variación o tendencia de determinadas fuentes de datos, son imprescidibles para la mayoría de sistemas HMI. Los controles de Gráficas de Tendencia permiten agregar gráficos muy útiles y precisos a cualquier diseño `Mimic`. 29.1 Gráfica de Tendencia Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 346 – Gráfica de Tendencia Las líneas de tendencia se agregan a la gráfica para un origen de datos diferente y con sus propiedades individuales. Las propiedades de la Gráfica de tendencia son más generales que las de las líenas de tendencia que son más específicas y vinculadas a un origen de datos concreto. Nombre de la Propiedad Tipo Descripción AutoScroll Boolean DataMode String DomainAxisTitle DomainDateTimeFormat String String DomainDisplayStart DateTime DomainDisplayWidth TimeSpan DomainMajorFrequency TimeSpan DomainMinorFrequency TimeSpan Si establece en True, cuando se actualiza el gráfico, irá saltando hasta el final de los datos para que los datos actualizados estén visibles. Selecciona si los datos son a tiempo real o Histórico. El título aplicado horizontalmente en del eje X. El formato utilizado para mostrar los valores de tiempo en el eje horizontal del gráfico. El valor del tiempo que se inicia la parte visible de la Gráfica de Tendencia. La cantidad de tiempo representado por la parte visible del gráfico. La cantidad de tiempo representado entre los marcadores principales a lo largo del eje horizontal. Si se configura la propiedad ‘DomainShowLabels’ a True, las etiquetas de identificación se colocan en los marcadores importantes. La cantidad de tiempo representado entre los marcadores menores a lo largo del eje horizontal. 162 Status Enterprise Controles Disponibles para Diseño de Scada DomainShowGrid Boolean DomainShowLabels Boolean GraphBackground Brush GridBehavior GridBehavior Cuando se selecciona, muestra las líneas de cuadrícula asociadas con marcadores mayores y menores a lo largo del eje horizontal. Cuando es verdadera, muestra el formato de las etiquetas en los marcadores principales a lo largo del eje horizontal. Color utilizado para pintar el fondo del control de la gráfica de tendencia. Define cómo debe comportarse el grid en términos de desplazamiento. Los valores posibles son: FollowData - Las líneas del Grid del eje X se mueven horizontalmente junto con los valores que representan. Con esta configuración las etiquetas a lo largo de las líneas de cuadrícula verticales permanecen constantes. GridDashArray DoubleCollection GridStroke GridStrokeThickness IsCursorEnabled Brush Double Boolean HideConfigButtons Boolean LegendPlacement LegendPlacement RangeAxisTitle RangeShowGrid String Boolean RangeShowLabels Boolean ScrubLineThickness Double ScrubLineTipo ScrubMarkerPosition String String Title String Title Alignment HorizontalAlignment UpdateRate TimeSpan Static - Las líneas del Grid de eje X permanecen inmóviles en el intervalo definido por la propiedad ‘DomainMajorFrequency’ y las etiquetas cambian para reflejar el nuevo valor de tiempo que representan. La definición de tablero anchos a utilizar al dibujar las líneas de la cuadrícula con respecto a la ‘GridStrokeThickness’ Color de las líneas de cuadrícula del gráfico. Ancho del trazo dado a las líneas de la Cuadrícula. Cuando es True, muestra el cursor vertical que permite la inspección de los valores que se cruzan. Cuando es True, muestra los botones de configuración de tiempo de ejecución Define dónde se coloca la leyenda con respecto a la gráfica. El título aplicado verticalmente a lo largo del eje Y. Cuando es True, muestra las líneas de cuadrícula asociadas con los marcadores mayores y menores a lo largo del eje vertical. Cuando es True, muestra el formato etiquetas a lo largo del eje vertical. Asigna el grosor de las líneas en entorno de ejecución. Asigna a las líneas el tipo, sea estática o marcador Asigna si las etiquetas de las líneas serán puestas arriba o abajo. El título mostrado en la parte superior del Gráfico. Si se deja un valor vacío, no se visualizará el título. La alineación del título a lo largo de la parte superior del gráfico. El intervalo en el cual el gráfico actualiza la visualización de los valores de datos de las líneas representadas. Imagen 347 - Tabla de Propiedades de la Gráfica de Tendencia 163 Status Enterprise 29.2 Controles Disponibles para Diseño de Scada Línea Gráfica de Tendencia Diseñador de ‘Mimics’| Diseñador de Aplicaciones | HTML5 Imagen 348 - Línea Gráfica de Tendencia Son responsables de suministrar todos los datos necesarios para trazar líneas de tendencia individual. Incluye propiedades para configurar las características visuales de los puntos trazados y líneas de conexión, así como para el mantenimiento de los datos medidos y proporcionar valores interpolados, entre el espacio de coordenadas de pantalla gráfica y el espacio de coordenadas local. Nombre de la Propiedad Tipo Descripción HistoricalDataSource IsGenericHistoricalDataItem HistoricalResolution Integer HoldsValue Boolean PointShape PointShape PointFill Brush PointStroke Brush PointStrokeThickness Double RangeMode Enum RangeMaximum Double RangeMinimum Double El origen de datos desde el cual extraer los valores de histórico. Determina la cantidad de puntos de datos para devolver al solicitar datos históricos. Si se establece en True, un punto de datos se crea en cada actualización, incluso si la propiedad Value no se ha establecido desde la última actualización. La forma utilizada para marcar los puntos dibujados como se define en la enumeración ‘PointShape’. El pincel usado para pintar el interior de los marcadores de puntos trazados. El pincel usado para pintar el trazo de los marcadores de puntos trazados. El grosor de las líneas de trazos utilizados para dibujar los marcadores de puntos trazados. Asigna el rango lápiz que muestra el tipo de gráfico. El valor máximo representado por el eje sobre el que los puntos de esta pluma se trazan. El valor mínimo por el eje sobre el que los puntos de esta pluma se trazan. 164 Status Enterprise Controles Disponibles para Diseño de Scada RangeMajorFrequency Double RangeMinorFrequency Double Shading PenShading Stroke Brush StrokeThickness Double Title String Value Double ValueFormat String Asigna la distancia mayor entre las líneas de la cuadrícula verticales.. Asigna la distancia menor entre las líneas de la cuadrícula verticales. Determina qué tipo de sombreado se aplica a la gráfica de los datos representados en esta pluma. Los valores posibles son Arriba, Abajo o Ninguno. El pincel que especifica cómo se pinta el lápiz. La anchura de la línea trazada por esta pluma. Esta propiedad sólo se aplica cuando sombreado se establece en ‘Ninguno’. La descripción mostrada por el Gráfico de Tendencia de este Gráfico(por ejemplo en la leyenda) El valor que sigue este gráfico. Esta propiedad es la que debe ser actualizada con el seguimiento de los datos en vivo.. El String formateado usado para mostrar los valores numéricos a lo largo del eje horizontal en el gráfico. Imagen 349 - Tabla de Propiedades del Gráfico de Tendencia. 165 Status Enterprise 30 Controles Disponibles para Diseño de Scada Visores Permiten la visualización de uno o más objetos dentro de los límites de un objeto contenedor. 30.1 Barra de Desplazamiento DISEÑADOR DE ‘MIMICS’ Imagen 350 – Barra de Desplazamiento Es un área utilizada como contenedor para otros objetos visibles. Nombre de la Propiedad Tipo Descripción Background BorderBrush BorderThickness CanContentScroll Brush Brush Thickness Boolean Content String FontFamily FontSize FontStretch FontStyle FontWeight Foreground IsDeferredScrollingEnabled FontFamily FontSize FontStretch FontStyle FontWeight Brush Boolean PanningDeceleration Double PanningMode PanningMode Color utilizado para colorear el fondo. Color utilizado para colorear el borde. Configura el grosor del borde del control. Configura un valor que indica si se permiten elementos que admitan la interfaz para desplazarse. Permite insertar texto u otros objetos en el contenido. Tipo de Fuente del valor del título. Tamaño de la Fuente del valor del título. Espaciado de la Fuente del valor del título. Estilo de la Fuente del valor del título. Grosor de la Fuente del valor del título. Color de la Fuente del valor del título. Configura un valor que indica cuando el contenido es estacionario cuando el usuario arrastra la barra de desplazamiento. Configura la tasa de ‘ScrollViewer’ que ralentiza en unidades independientes del dispositivo (1/96th pugadas por unidad) por milisegundo al cuadrado cuando está en la inercia. Configura la manera en que reacciona al utilizar la Barra de Desplazamiento. Imagen 351 - Tabla de Propiedades de la Barra de Desplazamiento 166 Status Enterprise 30.2 Controles Disponibles para Diseño de Scada Controles de Terceros Existe la posibilidad de necesitar agregar nuevos controles WPF al sistema que no vienen incluidos en la caja de herramientas del Diseñador de ‘Mimics’. Con esta funcionalidad el producto se puede personalizar y adaptar completamente a sus necesidades. 30.3 Agregar Control WPF Diseñador de ‘Mimics’ Imagen 352 – Agregar Control WPF Al hacer Clic en el icono para Agregar Control WPF se abre una nueva ventana permitiendo examinar el disco en busca del control WPF que queremos incorporar a nuestro sistema. Imagen 353 – Ventana para localizar el control WPF Una vez tienes el navegador y el archivo correcto seleccionado, se te presentará con un cuadro de dialogo para Exportar el Tipo. Imagen 354 – Cuadro de Diálogo Exportar Tipo 167 Status Enterprise Controles Disponibles para Diseño de Scada Utiliza el Menú desplegable para seleccionar un Control o una Ventana para ser anfitrion de tu Control externo y aparecerá en el “Toolbox” que vas a usar. 168
