Este documento describe los pasos para animar elementos en una ventana Links en InTouch. Se copiarán elementos creados anteriormente como una válvula y un botón. Se animarán cambiando el color y ligando sus propiedades a variables. También se animará un indicador de valor real desplazándolo y cambiando el color de llenado de acuerdo al valor de una variable. Finalmente, se animará una escalera haciendo que parezca moverse modificando su ubicación vertical y horizontal.
0 calificaciones0% encontró este documento útil (0 votos)
75 vistas8 páginas
Este documento describe los pasos para animar elementos en una ventana Links en InTouch. Se copiarán elementos creados anteriormente como una válvula y un botón. Se animarán cambiando el color y ligando sus propiedades a variables. También se animará un indicador de valor real desplazándolo y cambiando el color de llenado de acuerdo al valor de una variable. Finalmente, se animará una escalera haciendo que parezca moverse modificando su ubicación vertical y horizontal.
Este documento describe los pasos para animar elementos en una ventana Links en InTouch. Se copiarán elementos creados anteriormente como una válvula y un botón. Se animarán cambiando el color y ligando sus propiedades a variables. También se animará un indicador de valor real desplazándolo y cambiando el color de llenado de acuerdo al valor de una variable. Finalmente, se animará una escalera haciendo que parezca moverse modificando su ubicación vertical y horizontal.
Este documento describe los pasos para animar elementos en una ventana Links en InTouch. Se copiarán elementos creados anteriormente como una válvula y un botón. Se animarán cambiando el color y ligando sus propiedades a variables. También se animará un indicador de valor real desplazándolo y cambiando el color de llenado de acuerdo al valor de una variable. Finalmente, se animará una escalera haciendo que parezca moverse modificando su ubicación vertical y horizontal.
Descargue como PDF, TXT o lea en línea desde Scribd
Descargar como pdf o txt
Está en la página 1de 8
Lab Animation Links 4-35
InTouch 7.0 Basic Course
Lab Links para animaciones En este laboratorio copiaremos algunos elementos creados en la prctica anterior a la ventana Links importada en la ltima parte. Se animarn estos elementos as como algunos que ya hacen parte de la ventana. 1. Abra la ventana Links recientemente importada, Ajuste los elementos en caso de que no se puedan visualizar completamente, cambiando su tamao de manera individual
2. Se copiar ahora la vlvula y el botn creados en la prctica anterior, a esta ventana. Abra la primera ventana, seleccione los objetos y haga clic en la herramienta Copy:
4-36 Module 4 Animation Links Wonderware Corporation 3. Ahora, pase a la ventana Links haciendo uso del men de ventanas ubicado a la izquierda, una vez all haga clic en la herramienta Paste:
4. En la men de ventanas ingrese al Diccionario de Variables (Tagname Dictionary), cree al dos variables de memoria discretas (Memory Discrete) y llmelas DiscTag1 y DiscTag2. utilice para ellos los botones New, y Save de la ventana, una vez creados cierre la ventana y vuelva a la ventana Links
Lab Animation Links 4-37 InTouch 7.0 Basic Course 5. Haga doble clic en Valve 1 para animarla. En la ventana emergente, vamos a unir las propiedades Line Color, Fill Color y Text Color a la variable DiscTag1 creada:
Para cada uno de ellos, anote en Expressin el nombre de la variable, y tambin seleccione un color para 0,FALSE,Off y otro diferente para 1,TRUE,On . 6. Para animar el botn DiscTag1, haga doble clic en el mismo. Defnalo ahora como Discrete Value Touch Pushbutton con accin Direct. Asigne el nombre de la variable DiscTag1:
4-38 Module 4 Animation Links Wonderware Corporation 7. Seleccione el texto, el botn, etc de la Valve 1. y haga clic en la herramienta Duplicatel. Se animrn dos vlvulas y dos botones en esta ventana. Ubique las vlvulas cerca:
8. Seleccione la segunda vlvula y haga clic en el comando Special/Substitute Strings (o CTRL+L). Cambie el texto a Valve 2 Tambin el nombre del botn a DiscTag2:
9. Doble clic en Valve 2 y ligue las propiedades Line Color, Fill Color y Text Color a la variable DiscTag2 definida anteriormente:
Lab Animation Links 4-39 InTouch 7.0 Basic Course
Para cada uno de ellos seleccione un color apropiada para el estado 0,FALSE,Off y uno distinto para el estado 1,TRUE,On. 10. Defina el botn DiscTag2 como Discrete User Input ligado a la variable DiscTag2 tag. Establezca Prompts y Messages como se muestra a continuacin:
11. Cambie a Runtime (busque la palabra en la esquina superior derecha), y haga clic en los botones. Las vlvulas deben cambiar de color de acuerdo a su estado on/off. 12. Pasaremos ahora a animar el RealTag Value Indicator. Haga doble clic en el indicador. Defnalo ahora como Horizontal Slider y asgnelo a la variable de memoria real, RealTag.
Ingrese en At Left End Value el valor 0, en At Right End Value ingrese 500, en To Left Horizontal Movement ingrese 0, y finalmente To Right Horizontal Movement ingrese 300. Este valor debe coincidir con el tamao del indicador de la ventana, avergiuelo haciendo clic sobre el indicador y observando su tamao en la parte inferior de la ventana:
13. Si la variable RealTag no existe, una ventana aparecer para definirla en el diccionario de variables. Defina entonces RealTag como Memory Real con Initial Value de 250, y defina Min Value de 0, y un Max Value de 500.
Defina all tambin una variable llamada IntTag como Memory Integer con un Initial Value de 250, un Min Value de 0, y un Max Value de 500 (esta ser usada posteriormente). Lab Animation Links 4-41 InTouch 7.0 Basic Course 14. Defina ahora el texto RealTag # como User Input Analog Touch Link asignado a la variable RealTag. Ingrese un Min Value de 0 y un Max Value de 480:
15. Haga doble clic en el rectngulo Value Indicator para agregar un link Percent Fill:
16. Defnalo como un Horizontal Percent Fill usando la misma variable RealTag, ingrese 500 como valor para Value at Max Fill, y seleccione un color para Background Color.
17. Cambie a Runtime. Cuando se desliza el indicador, los calores a lo largo del indicador deben coincidir con los valores mostrados para la variable. Ingrese un valor haciendo clic en el display de valor, el indicador de valor debe moverse entonces. Debe tambin ser posible ve la manera como trabaja el porcentaje de llenado a lo largo de la barra indicadora. 4-42 Module 4 Animation Links Wonderware Corporation Profundizando 1. Asigne un link de Object Size Height al crculo ubicado en esta ventana, ajstelo ahora para que el tamao sea de 100% cuando la variable RealTag llegue a 500 y tamao de 0% cuando RealTag es 0. Ubquela en el centro con la opcin correspondiente en esa ventana Asigne un link Object Size Width al mismo objeto, para hacer que llegue al 100% del ancho cuando la variable RealTag sea de 500 y tamao 0% cuando la variable RealTag es 0. Ubquela en el centro con la opcin correspondiente. Asigne tambin un link Analog Color Fill usando 100, 200, 300 y 400 como los BreakPoints. (o puntos de accin), Seleccione a su vez 5 colores, y finalmente asigne esto a la variable RealTag. Cambie a Runtime y observe como el crculo crece, se achica y cambia de color a medida que se desplaza el indicador. 2. Ahora haga clic en la clda de la escalera, y muevalo hacia un espacio libre con la ayuda de las flechas del cursor, Note que la escalera se compone de tres partes, una serie de escalones, un paso sencillo ubicado en la parte superior, y los barandales. Seleccione la serie de escalones y asigne un link de Vertical Location all teclee la expresin $Second MOD 10. Ingrese un valor en At Top Value de 10 y tambin Up Vertical Movement de 20. Ingrese un valor de cero (0) para las opciones At Bottom Value y Down Vertical Movement.. Asigne tambien un link de Horizontal Location con la misma expresin $Second MOD 10. Deje los valores At Left End Value y el de To Left Horizontal Movement en 0. ingrese un valor de 10 para At Right End Value y uno de 20 para To Right Horizontal Movement. Ubique de nuevo los barandales lo ms cerca posible de su posicin inicial, vaya a ejecucin (Runtime), y observe como los escalones parecen moverse.