El uso de lenguajes de programación basado en Web, nos ha introducido a un mundo diferente. La forma en que los usuarios accesan a la diferentes páginas Web y visualizan su contenido, puede ser llamativo o no, dependiendo del tipo de programación que se hizo en el sitio o página. Una página Web con apariencia atractiva y que sea dinámica para la persona, capta la atención de la misma y le ayuda a explorar aún más dentro del sitio web. Por esta misma razón, vamos a explorar una herramienta que se encarga de hacer lo mencionado anteriormente posible, denominada Windows Presentation Foundation , con su siglas WPF. Utilizado para desarrollar aplicaciones o herramientas cliente de Windows de la nueva generación que proporciona una experiencia visual inigualable para el usuario.

1. 1
WPF

2. 2
ÍNDICE
Introduccion a WPF………………………………………………………………………………………………………………………
Programar con WPF……………………………………………………………………………………………………………………..
Código de lenguaje marcado y código subyacente……………………………………………………………………....
Aplicaciones…………………………………………………………………………………………………………………………………
Controles……………………………………………………………………………………………………………………………………..
Acciones del usuario y comandos………………………………………………………………………………………………..
Diseño………………………………………………………………………………………………………………………………………….
Enlace de datos……………………………………………………………………………………………………………………………
Gráficos……………………………………………………………………………………………………………………………………….
Animación…………………………………………………………………………………………………………………………………..
Multimedia………………………………………………………………………………………………………………………………….
Texto y tipografía………………………………………………………………………………………………………………………..
Documentos………………………………………………………………………………………………………………………………..
Personalizar las aplicaciones WPF……………………………………………………………………………………………….
Resumen…………………………………………………………………………………………………………………………………….
Bibliografia………………………………………………..…………………………………………………………………………………

3. 3
Introducción
El uso de lenguajes de programación basado en Web, nos ha introducido a un mundo diferente. La forma
en que los usuarios accesan a la diferentes páginas Web y visualizan su contenido, puede ser llamativo o
no, dependiendo del tipo de programación que se hizo en el sitio o página. Una página Web con apariencia
atractiva y que sea dinámica para la persona, capta la atención de la misma y le ayuda a explorar aún más
dentro del sitio web. Por esta misma razón, vamos a explorar una herramienta que se encarga de hacer lo
mencionado anteriormente posible, denominada Windows Presentation Foundation , con su siglas WPF.
Utilizado para desarrollar aplicaciones o herramientas cliente de Windows de la nueva generación que
proporciona una experiencia visual inigualable para el usuario.

4. 4
CAPÍTULO I
CONOCIENDO WPF
1.1 ¿Qué es Windows Presentation Foundation?
Se podría resumir que WPF es el sucesor con esteroides de los WinForms, potenciado para desarrollar
aplicaciones independientes, hospedadas en el explorador; el manejo y desarrollo visual están mejoradas
sustancialmente de su antecesor, ya que se integra con el Direct3D, que a su vez forma parte de DirectX de
Microsoft. Uno de los factores por el cual el WPF rompe el esquema cuadrado de diseño del WinForms es
debido a la integración de XAML (lenguaje de marcado basado en XML), ya que este nos permite crear la
apariencia de nuestras aplicaciones de manera fluida e independiente, debido a estas características una
aplicación puede ser ejecutada desde un navegador.
Gracias a ello, brinda una experiencia visual diferente a los usuarios, por su gran capacidad de aprovechar
los recursos de hardware para ponteciar gráficos en sus programas.
Forma parte de .NET, puede utilizar las mismas clases. Como se menciono anteriormente, hace uso de
del lenguaje XAML, que inclye mejoras en aspectos como gráficos, animaciones, multimedia, textos, entre
otros. Un ejemplo functional de Windows, es su aplicativo Microsoft SilverLight que construye aplicaciones
basadas en un estilo Flash para sitios web.
1.2 Características Generales
WPF posee características que lo diferencian del resto de motores visuales, que permiten crear las
diferentes aplicaciones independientes . Entre ellas vamos a mencionar las siguientes:

5. 5
1.2.1 Direct 3D
Los gráficos que se usan WPF, se representan usando la herramienta Direct3D. Forma parte de DirectX
que es un conjunto de bibliotecas para multimedia. Puede mostrar gráficos más complejos y
personalizados. Además permite descargar algunas de las tareas de gráficos a la GPU, que es la unidad de
procesamiento gráfico. Esto ayuda a reducir la carga sobre la CPU. WPF se enfoca en los gráficos
vectoriales que permite que sus elementos puedan ser escalados sin pérdida de calidad o pixelación e
incrementa la accesibilidad.
1.2.2 Amplia Integración
Antes del desarrollo de WPF, si se quería integrar multimedia (Video,Audio, Texto Enriquecido); se tenía
que saber o tener que aprender diferentes tecnologías para poder integrarlo a nuestro proyecto; ahora
wpf cubre todo esto en su modelo de programación.
1.2.3 Independencia de Resolucion
Antes con el desarrollo de otras aplicaciones en distintos lenguajes, a mayor resolución los objetos se
veian menos nítidos y hasta en algunos casos pixelados; en este caso WPF se basa en vectores por lo que
es independiente de la resolución, ya sea alta o baja los iconos y diseño de nuestra aplicación no se va a
ver afectada.
1.2.4 Aceleracion de Hardware
Como lo mencionamos al inicio, WPF se integra con Direct3D, esto significa que el contenido de una app
hecha en WPF se convierte en objetos Direct3D y los mismos son renderizados por el hardware, esto
genera un mayor rendimiento en la aplicación.

6. 6
1.2.5 Programacion Declarativa
Ya antes mecionada, wpf integra XAML en su modelo de programación; se podría decir que la
combinación de WPF+XAML viene siendo igual a ASP+HTML en su definición de interfaces de usuario.
1.2.6 Facilidad de Despliegue
Wpf nos brinda opciones para el despliegue de nuestras apps, ya sea por medio de Windows
(MSI,ClickOnce) o alojar nuestras apps en un browser.

7. 7
CAPÍTULO II
PROGRAMACIÓN CON WPF
2.1 Estructura que conforma WPF
Los que estan familizarizados con .NET, ASP.NET o lenguajes de programación como C#, el entender
como programar WPF para hacer aplicaciones dinámicas no va a ser mayor problema. La razón de esto es
porque Windows Presentation Foundation posee una estructura similar a los lenguajes dichos con
anterioridad, porque estan constiuidos con .NET Framework.
El programar en WPF se nos puede hacer un tanto complicado a los que en algún momento solo
trabajamos en windowsForms, y me refiero a complicado no por su sintaxis ya que eso lo definimos en el
proyecto , sino a la integración del XAML dentro del desarrollo de la interfaz; que intrínsecamente lo
tenemos que relacionar con el code-behind de nuestra app. Dentro de las ventajas de programar en XAML,
podemos mencionar: los costos de programación y mantenimiento son menores, las progrmación se
vuelve mas eficaz en apariencia y comportamiento.
Según Microsoft , “Wpf es el modelo de programación de la siguiente generación de aplicaciones de
escritorio…” y no es para menos que lo digan, ya que con WPF se da un gran salto de la programación
monógama y sencilla de diseño de WinForms; ellos nos brindan 2 tipos distintos de aplicaciones, que
vamos a mencionar a continuación.
2.2 Aplicaciones Independientes o locales
Se pueden definer como aquellas aplicaciones que se crean desde nuestro IDE y ejecutamos ahi mismo.,
sin afectar recursos de otros equipos o en la red. Solamente el usuario que programa en su equipo puede
visualizar su aplicación y hacer las modificaciones correspondients. La mayoría de las veces el
programador, hospeda su aplicación antes de hospedarla o subirla a un sitio web.

8. 8
2.3 Hospedadas en el Explorador WEB
Llamadas también XBAP, pueden crear paginas (Page Code) y también funciones (PageFunction<>); con
estas ultimas hay 2 formas en que WPF nos ofrece el host de las mismas; una de ellas es Frame (aquí se
pueden albergar contenido en distintas paginas o ventanas) y NavigationWindows (aquí se alberga
contenido en una sola ventana).
Con el tema de la seguridad en las XBAP, las mismas utilizan la seguridad para aplicar restricciones
menores o hasta a veces iguales a los protocolos que utilizan las paginas web.
2.4 La clase Application
La clase Apllication ayuda a encapsular servicios adicionales dentro de las XBAPs, esto a razón de que
ciertas aplicaciones pueden llegar a necesitar recursos extras, como por ejemplo la administración de la
duración de la aplicación y entre otras propiedades.
2.5 Seguridad para WPF
En todo ámbito de la programación, el tema de la seguridad siempre es primordial. En WPF, la seguridad
se aplica en las XBAPs, ya que estan son accesadas por varios usuarios a la vez y requiere que nadie afecte
el rendimiento del sitio. Por lo tanto, se aplican restricciones muy similares como se aplican en HTML, para
que el sitio siempre conserve su consistencia e integridad.
2.6 Controles
Los controles que se definen dentro del WPF, se pueden tomar como concepto de clases. Estas se
hospedan en una ventana determinada y se les puede configurar un comportamiento determinado, para
realizar acciones que el usuario defina. Entre algunos de los controles que se definen en WPF
mencionamos:
 Botones: mencionamos el button y el RepeatButton.
 Presentación de datos: entre ellos el DataGrid, ListView y el TreeView.

9. 9
 Multimedia: podemos mencionar Image y MediaElement.
 Presentación y selección de fecha y horarios: contamos con Calendar y DatePicker.
 Menús: ToolBar, Menu
 Cuadros de diálogo: OpenFileDialog, PrintDialog.
 Datos de Entrada: TextBox, PasswordBox, RichTextBox.
 Diseño: Border, Canvas, DockPanel, Separator, ScrollBar, Window, Panel, ViewBox, entre otros.
 Navegación: Frame, Hyperlink, Page, TabControl
 Selección: ComboBox, CheckBox, RadioButton, entre otros.
2.7 Distribución de programación en nuestra Aplicación
Comoya se sabe WPF integra XAML,conestoel enriquecimiento de la interfaz se eleva; no obstante también la
complejidad conalgunostérminos o conceptosenel desarrollo. A continuaciónsepresenta un ejemplo del códigoy
la distribuciónde los elementos del proyectoWPF.
El elemento marcado conazul es un
controlGrid, el cualutilizaremos
para llamar a un SP en la BDque nos
tome la lista de usuarios
Loseleccionado soncontroles de
usuario,los cuales pueden ser utilizados
en cualquierlugar del proyecto
Loseñalado viene siendo el index, de nuestraaplicacion,
desde aca se hace el llamado de los demas elementos
(paginaslas cuales invocana suscontenidos)
Loenmarcado nosmuestra la llamada a los namespace que
utilizaremos en nuestroproyecto,podriamos decir quelos
xamlns sonlos usingde nuestrocodigoxaml

10. 10
Como vemos en la imagen anterior a varios elementos en nuestro proyecto WPF, con los cuales la
aplicación cobra vida; los mismos los explicaremos a continuación:
Nuestro primer elemento a explicar es el Grid, el mismo es un control WPF en el cual llamamos a un SP
desde su codeBehind.
El segundo es el conjunto de controles de usuario en nuestra carpeta contenido, la misma tiene .xaml
programados para realizar funciones o simplemente para crearnos el contenido visual de nuestros
elementos WPF, en este caso con el Grid, en el ContenidoGrid.xaml
El tercero, es el conjunto de llamados a los distintos xmlns los mismos, con indispensables para la
llamada de distintos controles en nuestra aplicación. Se puede decir de una manera muy acertiva que los
xmlns son los using de nuestra interfaz.
Y por ultimo tenemos al index o source de nuestro programa, el mismo nos realiza el llamado a los
distintos modulos para asi conectar todo.

11. 11
CAPÍTULO III
DISEÑO EN WPF
3.1 Elementos de Diseño en WPF
El diseño en las aplicaciones WPF, es sino, su mayor atractivo ya que aquí es donde realmente
observamos la diferencia entre los ordinarios WindowsForms. El diseño es personalizable por el
programador, él define como organizar los elementos en ubicaciones específicas, define tamaños de
ventanas y además debe programar que la aplicación se adapte a cambios de configuración de pantalla.
Este tipo de situaciones, se les denomina relativas, entre mayor sea la capacidad para soportar la
aplicación relative, major rendimiento va a proporcionar
Algunos controles de diseño que se utilizan dentro de WPF para personalizar una páfina, podemos
mencionar:
 Canvas: proporcionan el diseño
 DockPanel: se encargar de hacer las alineaciones en la página.
 Grid: lista objetos dentro de columnas y filas.
 StackPanel : para apilar objetos verticalmente u horizontalmente
 VirtualizingStackPanel: realiza virtualizacion para enlistar objetos muy parecido al stack panel, la
diferencia es que es virtual.
El DockPanel mencionado en la lista anteriormente, hace que los objetos TextBox se organicen en la
forma apropiada. Para ello, Dockpanel cuenta con una propiedad llamada Dock, que su funcionalidad
básica es como debe de ir especificado el estilo de dicho objeto y como tienen que acoplarse. Un ejemplo
del dock panel sería el siguiente:

12. 12
3.2 Gráficos
WPF presenta características de gráficos que aportan las ventajas siguientes:
 Aspectos de resolución y dispositivo: Utiliza el pixel, con una medida aproximada de 1/96 pulgadas.
 Precisión mejorada.: No usa la precisión sencilla, se utilizan puntos flotantes para su medición.
 Gráficos avanzados y animación. Automatiza escenas de animación, ya sean en 2D o 3D
 Aceleración de hardware. Como se menciono con anterioridad, el sistema utiliza la menos cantidad
de recursos y aprovecha mucho el sistema gráfico del equipo o hardware, para no sobrecargar las
tareas del cpu.

13. 13
3.2.1 Gráficos en 2D
Los gráficos en 2D se pueden crear desde WPF, construyendo varias figuras o formas, que permite que el
diseño se vuelva más atractivo. Esto hace que el usuario se interese más por el sitio. Las figuras son
modificables, muchas formas geometricas pueden ser creadas a partir de una figura en particular. Se
pueden realizar recortes o pintarlas por medio de un pincel, de acuerdo al gusto del programador.
Son programables, es decir, se pueden dar click dentro de la imagen y esta puede desplegar una acción
en particular o un mensaje .
Otra característica, es que se pueden recortar las imágenes insertadas y luego modificarlas con alguna
forma geometrica. Luego agregarle efectos visuales como degradados, profundidades, colores, rotaciones,
ajustes, entre otras.
Ejemplo de lo mencionado anteriormente, tenemos:
Figuras en 2D de diferentes formas

14. 14
Figuras con acciones definidas por el programador: se da click en una figura y aparece un mensaje
personalizado
3.2.2 Figuras en 3D
WPF no solo cuenta con figuras en 2d, para hacer más atractivo el diseño de figuras, cuenta con la
modalidad 3D. Acá se pueden agregar nuevas carácteristicas al objeto, haciendolo más real e intercativo.
Las figuras en 3D son las que aprovechan el potencial gráfico de la tarjeta de video o hardware donde se
esta implementando la aplicación.
Unaimagen representativa sería la siguiente:
3.2.3 Animaciones

15. 15
La animación en WPF permite funcionalidadescomo que los controles cambien su tamaño, cambien su
forma o se muevan de un lugar a otro, etc. Es permitido animar todas clases de WPF, incluyendo las
personalizadas. Además ayuda de forma interactiva al desarrollo del sitio, con creatividad que identifica al
sitio como atractivo e único.
3.2.4 Vídeo y audio
El video y audio es muy común verlo en muchos sitios web. Pero la forma de implementarlo es única para
cada página we. WPF tiene la característica llamada MediaElement, orientada al desarrollo audiovisual,
que desarolla animaciones y las reproduce con un sistema de reproducción, que es personalizado por el
programador.
Un ejemplo a presentar es la siguiente imagen, donde tenemos el reproductor utilizado y la definición de
objetos a la izquierda colocados en una imagen de la derecha y la forma de integración entre ellos.
3.2.5 Diseño de Nuestra Aplicación

16. 16
Según ya lo hablado acerca del diseño, presentamos unas capturas de nuestra aplicación, donde
podemos ver que el diseño es totalmente distinto a un windowsForm normal. Es dinámico e interactivo,
eso es lo que lo hace atractivo a comparación de una programación con windowsForm normales.
Figura 1 Inicio
Figura 2 Diseño

17. 17
Figura 3 Formulario

18. 18
Figura 4 Datagrid

19. 19

20. 20
CAPÍTULO IV
DOCUMENTOS EN WPF
4.1 Los documentos en WPF
WPF tiene compatibilidad para tabajar con tres clases dedocumentos:
 Documentos dinámicos
 Documentos estáticos
 Documentos XML Paper Specification (XPS)
Adicionalmente proporciona servicios para crear, ver, administrar, agregar, empaquetar e imprimir
documentos. Una breve explicacion de los diferentes documentos se brinda a continuación.
4.1.1 Documentos dinámicos
Se han diseñado para optimizar su presentación y legibilidad. Esto es para ir ajustando dinámicamente su
contenido y modificando su flujo cuando se producen cambios en el tamaño de la ventana y la
configuración de pantalla.

21. 21
4.1.2 Documentos fijos
Los documentos fijos están destinados a aplicaciones que requieren una presentación con representación
que se ve es lo que se obtiene, especialmente por lo que respecta a su impresión. Los usos típicos para los
documentos fijos son:
 La creación de publicaciones,
 El procesamiento de textos y el diseño de formularios (vital que se respete el diseño de página
original).
4.1.3 Documentos XPS
Los documentos XPS , basados en los documentos estáticos WPF ,se describen con un esquema basado en
XML que es esencialmente una representación paginada de papel electrónico. XPS es un formato de
documento abierto, cuyo propósito es facilitar la creación, el uso compartido, la impresión y el archivado
de documentos paginados. Algunas de las características que podemos mencionar son:
 Empaquetado de documentos XPS como archivos ZipPackage.
 Generación y la manipulación de manuales en documentos XPS desde las aplicaciones WPF.
 Enrutamiento directo de documentos a impresoras compatibles con XPS.
 Integración de la interfaz de usuario con DocumentViewer

22. 22
4.2 Impresión
.NET Framework incluye un subsistema de impresión al que WPF aporta. Las mejoras de impresión
incluyen las siguientes:
 Instalación en tiempo real de servidores de impresión
 Detección dinámica y configuración dinámica de funciones y opciones de impresora.
 Prioridades de los trabajos de impresión.
Los documentos XPS presenta, una mejora fundamental del rendimiento.

23. 23
CAPÍTULO V
PERSONALIZAR APLICACIONES EN WPF
5.1 Personalizar WPF
Se han creado diferentes mecanismos con el objetivo de que el usuario pueda visualizar de una manera
diferente y más emocionante las pantallas.
A continuación algunas de estas.
5.1.1 Modelo de contenido
Usado en los controles e interfaz de usuario, se identifica con el tipo y numero de elementos que puedan
integrar un contenido de cada uno de esos controles.
5.1.2 Desencadenadores
Usado para cambiar la apariencia de una aplicación de acuerdo a sus interacciones con el usuario.
5.1.4 Plantillas de datos
Las plantillas de datos se utilizan para mejorar la manera de mostrar los datos enlazados y permite la
especificación de la apariencia del contenido. En la figura se muestra un ejemplo de esta funcionalidad

24. 24
Se puede modifcar esta lista, con una serie de funcionalidades proporcionada por WPF, donde
cambiamos el estilo de cada objeto con mayor descripción y con colores para su selección.
En la ilustración siguiente se muestra el efecto de este código.
5.1.5 Estilos
Los estilos permiten normalizar la apariencia específica de un producto.

25. 25
5.1.6 Recursos
ResourceDictionary, esta function es utilizada para empaquetar uno o varios recursos.
5.1.7 Temas y máscaras
Un tema define la apariencia global de Windows y de las aplicaciones. WPF incluye una plantilla para cada
uno de los temas conocidos en Windows.
Las mascaras son los temas personalizados que incluye WPF, estas permiten que los usuarios personalicen
los aspectos que deseen.

26. 26
Conclusión:
Al realizar la investigación sobre Windows Presentación Fundación, se ha obtenido un conocimiento
más amplio sobre este sistema de presentación, se ha mostrado con definiciones e imágenes el uso que se
le puede dar a este Sistema, en el cual anteriormermente explicamos sobre su uso para crear aplicaciones,
las cuales crean una experiencia visual diferente e interesante hacia al usuario.
En este documento se han proporcionado los datos importantes para llevar a cabo el uso de manera
adecuada este Sistema.

27. 27
Bibliografía
Framework 4.5.
Disponible en:
http://msdn.microsoft.com/es-es/library/ms754130(v=vs.110).aspx

28. 28

29. 29