WinCC Crear Controles WPF

Ya hemos visto la creacion de Controles ActiveX, Creación de Controles .Net y en esta vamos a ver la creación de Controles WPF, primero la definición de las siglas WPF según Microsoft Windows Presentation Foundation, proporciona a los programadores un modelo de programación unificado con el que compilar experiencias de cliente inteligentes de Windows, en las que se incorpora la interfaz de usuario, multimedia y documentos y desde ya recomiendo el enlace para informacion y proyectos ya desarrollados, con los cuales podremos familiarizarnos y aprender, de hecho la siguiente practica esta basado en un Visor de Imagenes, y aprovechando que queria visualizar imagenes en mi Scada, aqui esta el desarrollo seguido.

Lo primero que hacemos es crear un nuevo proyecto, con el .Net Framework 3.5 y seleccionamos Biblioteca de controles de usuario de WPF.

Haciendo una comparación con Visual Basic.Net, en este tipo de proyectos, tenemos un archivo *.xaml que es donde desarrollaremos el entorno gráfico y esta basado en lenguaje de marcas XML para la configuración de los objetos, es decir, configurar propiedades, definir los setters etc...

y por otra parte tenemos el archivo *xaml.vb en el cual desarrollaremos nuestro codigo de programacion, en este caso esta desarrollado en Visual Basic.net aunque podría ser C++

Si cambiamos al archivo *.xaml.vb, crearemos el código correspondiente a nuestros objetos, definimos propiedades, funciones, procedimientos, etc...

En este objeto he creado la propiedad DirectorioImagenes, que será la variable o texto estatico que hará referencia al directorio que interese.

Considerando que ya hemos implementado todo nuestro control, procedemos como en la práctica anterior, Generar la solución, build, para la creación de nuestro *.dll

Para saber la ubicación de nuestra *.dll ,nos vamos a las propiedades del proyecto, compilar y una vez generado, ya podemos ir a su directorio.

 

Habiendo generado ya nuestro Control, iniciamos WinCC y a su vez el Graphics Designer, y seguimos el mismo procedimiento, podemos insertar el control o bien desde Smart Object o bien desde Controles, aqui veremos el primer caso, insertamos un control Smart Object --> WPF Control, nos mostrara todos nuestros controles y Examinamos para añadir el nuevo.

Ya podemos observar que se muestra nuestro Control, aceptamos y con ello ya lo hemos cargado.

En la parte derecha tenemos un ListBox, para cargar las miniaturas de nuestras imagenes, y una vez que le asignemos la ruta o bien estatica o bien por variable, se nos cargaran las imagenes que haya en nuestro directorio

Aqui se muestran las imagenes que hasta ahora posee nuestro Directorio

Y por último, ejecutamos el Runtime y comprobamos su funcionamiento, cada vez que se selecciona una miniatura se visualiza la imagen. Con esto ya hemos visto los 3 tipos de controles personalizados que podemos agregar a WinCC, Controles ActiveX, Controles .Net y por último Controles WPF

15 de Febrero del 2014

Si te ha gustado o te ha sido de utilidad, compartelo ... :-)