3.- Windows Presentation Foundation

®

Visual Studio 2008 Windows Presentation Foundation ®

Ing. Paco Márquez Urbina. [email protected] [email protected]

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 Windows Presentation Foundation (WPF)

Windows Communication Foundation (WCF)

Windows Workflow Foundation (WF)

.NET Framework 3.5

Windows CardSpace (WCS)

Arquitectura WPF WPF Core Componentes

PresentationFramework Codigo Administrado

PresentationCore Common Language Runtime

milcore DirectX

User32 Kernel

Codigo no Adminsitrado

Definiendo la Interfaz de Usuario de WPF <Window ... > ... Label TextBox RadioButton CheckBox <Button>Button

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 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

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

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"> …

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

Adicionando controles Controles que contienen Windows y pages • Los controls son representado en elementos XAML •<Button> y son ejemplos de esto

... <Button Name="Button1">Click here ...

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