Visual Studio® 2008 Windows® Presentation

Foundation

Ing. Paco Márquez Urbina.pmarquez@inteligenciadnegocio.pepacomarquezurbina@hotmail.com

Module 1: Creación de una Aplicación usando Windows Presentation Foundation

• Introducción a WPF

• Creando una aplicación simple de WPF

• Manejo de Eventos y Comandos

• Navegación entre páginas

Lección: Introducción a WPF

• ¿Que es WPF?

• Arquitectura WPF

• Definiendo la Interfaz de Usuario en WPF

• Caracteristicas y Compatibilidades con WPF

• Tipos de Aplicaciones WPF

¿Que es WPF?

Se trata de una nueva forma de construir aplicaciones basadas en windows:

• Media

• Documentos

• Aplicación UI

.NET Framework 3.5

Windows PresentationFoundation(WPF)

Windows Communication Foundation(WCF)

Windows WorkflowFoundation(WF)

Windows CardSpace(WCS)

Arquitectura WPF

WPF Core Componentes

PresentationFramework

Common Language Runtime

PresentationCore

milcore

DirectXUser32

Kernel

CodigoAdministrado

Codigo no Adminsitrado

Definiendo la Interfaz de Usuario de WPF

<Window ... >...

<Label>Label</Label><TextBox>TextBox</TextBox><RichTextBox ... /><RadioButton>RadioButton</RadioButton><CheckBox>CheckBox</CheckBox><Button>Button</Button>

</Window>

Compatibilidad y Caracteristicas de WPF

WPF provee las siguiente compatibilidad y caracteristicas:

• XAML-basada en la Interfaz de Usuario

• Administración de Page layout

• Data binding

• 2-D and 3-D graphics

• Multimedia

• Animación

• Documentos y Impresiones

• Securidad

• Accessibilidad

• Localización

• Interoperabilidad con Controles Windows Forms

Tipo de Aplicación WPF

Aplicaciones Stand-Alone Aplicaciones XAML Browser (XBAPs)

Lección: Creando una Simple Aplicación WPF

• Demonstración: Creando una Aplicación usando Visual Setudio 2008

• Definiendo la Aplicación

• Definiendo Windows o Page

• Adicionando controles

• Contruyendo y ejecutando aplicaciones WPF

Demonstración: Creando Aplicaciones WPF Usando Visual Studio 2008

En ésta demostración, tu aprenderás:

• Crear una aplicación stand-alone WPF

• Crear una aplicación browser

• Adicionar Controles en tu aplicación

Definiendo la Aplicación

<Application xmlns:x=… xmlns=… x:Class="MyApp.App"StartupUri="Window1.xaml">

<Application.Resources>…

</Application.Resources>

</Application>

Visual Studio genera un archivo de aplicación XAML que especifica

• La Clase code-behind para las aplicaciones

• El startup window o page

• Aplicación-recursos

Definiendo Windows o Pages

Una Aplicación stand-alone contiene windows o pages

• Ellos son representados por <Window> o <Page> elementos en archivo XAML

• El archivo code-behind contiene codigo event-handler

<Window xmlns:x=… xmlns=… x:Class="MyApp.Window1"Title="My Window">

<Grid>…

</Grid>

</Window>

<Page xmlns:x=… xmlns=… x:Class="MyApp.Page1"WindowTitle="My Page">

<Grid>…

</Grid>

</Page>

Adicionando controles

Controles que contienen Windows y pages

• Los controls son representado en elementos XAML

•<Button> y <TextBox> son ejemplos de esto

...<Grid><TextBox Name="TextBox1" /><Button Name="Button1">Click here</Button>

</Grid>...

Construyendo y Ejecutando una apliación WPF

Contruir y ejecutar una aplicación en Visual Studio

•Las Aplicaciones son Stand-alone o browser

Aplicación Stand-Alone Aplicación Browser

Lab: Creando una aplicación WPF

• Ejercicio 1: Crear una Aplicación Stand-Alone WPF

• Ejercicio 2: Handling Eventos y comandos

• Ejercicio 3: Navegación entre páginas Pages

• Ejercicio 4: Creando una Aplicación XBAP

Tiempo Estimado: 60 minutos