Windows Presentation Fundation 28-8

8/3/2019 Windows Presentation Fundation 28-8

1/22

23/09/20

UNIVERSIDAD ABIERTA INTERAMERICANAFacultad de Tecnologa Informtica

_____________________________________Luis Perdomo Rocio Gimenez

Temario

1. Qu es WPF?2. Objetivo de WPF3. Funcionalidades Bsicas4. Presentacin de un problema5. Principales dificultades6. Solucin al problema7. Ejemplos de interfaz

8. XAML9. Para que sirve XAML?10. Modelo de aplicacin11. Application12. Interfaz de usuario13. Estilos de Interfaz14. Diseo y controles


2/22

23/09/20

Temario

15. Estilos16. Plantillas17. Texto18. Documentos19. Imgenes20. Video y audio21. Grficos Bidimensionales22. Grficos Tridimensionales23. Animacin24. Automatizacin de interfaces de usuario25. Herramientas para WPF26. Fin

Qu es WPF?

Tecnologas de Microsoft y uno de lospilares de Windows Vista.

WPF potencia las capacidades de

desarrollo de interfaces de interaccinintegrando y ampliando las mejorescaractersticas de las aplicacionesWindows y Web


3/22

23/09/20

Objetivo de WPF

Proporcionar avances en el entorno de Windows.

WPF se incluye en la versin 3.0 de Microsoft .NETFramework

Permite crear interfaces que incorporandocumentos, componentes multimedia, grficosbidimensionales y tridimensionales, animaciones,caractersticas tipo web, etc.

WPF esta disponible para Windows Vista, WindowsXP y Windows Server 2003

Funcionalidades Bsicas 1/2

WPF ofrece una amplia infraestructura ypotencialidad grfica con la que sepodrn desarrollar aplicaciones atractivaapariencia, con mayores y msfuncionales facilidades de interaccinque incluyen animacin, vdeo, audio,documentos, navegacin, grfica 3D.


4/22

23/09/20

Funcionalidades Bsicas 2/2

WPF separa, con el lenguaje declarativoXAML y los lenguajes de programacinde .NET, la interfaz de interaccin de lalgica del negocio, propiciando unaarquitectura Modelo Vista Controladorpara el desarrollo de las aplicaciones.

Presentacin de un problema

Presentacin de imgenes y texto sobre los pacientes.

Presentacin y actualizacin de grficos bidimensionales sobre las seales vitales delos pacientes (ritmo cardaco, presin arterial, etc.).

Presentacin de vistas y superposiciones tridimensionales de la informacin de lospacientes.

Presentacin de vdeo para ecografas y otros diagnsticos que admita anotacionespor parte de mdicos y enfermeras.

Posibilidad para el personal del hospital de leer y realizar anotaciones en losdocumentos de descripcin de los pacientes y sus condiciones mdicas.

Ejecucin como aplicacin de Windows para ofrecer una funcionalidad total a losempleados del hospital y en una aplicacin del explorador web con restricciones deseguridad, con el fin de ofrecer un acceso ms limitado a travs de Internet

al personal remoto.


5/22

23/09/20

Principales dificultades

Imgenes y video

Trabajo separado de los diseadores ylos desarrolladores

Creacin de dos implementaciones

diferentes

Solucin del problema 1/2

WPF ofrece

Plataforma unificada para interfaces deusuario modernas

Posibilidad para desarrolladores ydiseadores de trabajar conjuntamente

Tecnologa comn para interfaces deusuario de Windows y explorador web


6/22

23/09/20

Solucin del problema 2/2

Interfaz grfica,como formularios

y controles

Documentos enpantalla

Documentos deformato fijo

Imgenes

Vdeo y audio

Grficosbidimensionales

Grficostridimensionales

Ejemplos de Interfaz de usuario1/3


7/22

23/09/20

Ejemplo de Interfaz de usuario

2/3

Ejemplo de Interfaz de usuario3/3


8/22

23/09/20

XAML

El lenguaje de marcado deaplicaciones extensible defineelementos XML, como Button,TextBox, Label, entre muchos otros,para especificar exactamente laapariencia de las interfaces de usuario.

Sus elementos suelen disponer de

atributos, lo que permite definir variasopciones.

No

Button btn = new Button();btn.Background = Brushes.Red;btn.Content = "No";


9/22

23/09/20

Para que sirve XAML?

XAML ofrece un mtodo basado enherramientas muy sencillo para describirinterfaces de usuario y, de este modo,permite una mejor colaboracin entredesarrolladores y diseadores

Modelo de aplicacin

WPF organiza su funcionalidad en ungrupo de espacios de nombres,contenidos todos a su vez en el espaciode nombres System.Windows.


10/22

23/09/20

Application 1/2

Clase que proporciona servicioscomunes tiles para cualquier aplicacin

Contiene mtodos estndar, como Run,que permite iniciar la aplicacin, yShutdown, para finalizarla.

Los objetos Application se puedencrear con XAML, por medio delelemento Application, o con cdigo,mediante la clase Application.

. . .

StartupUri

Class

Application 2/2


11/22

23/09/20

Interfaz de Usuario

Windows

NavigationWindow

Interfaz de Usuario

Estilos de interfaz 1/2

Window: proporciona funciones basadasen ventanas bsicas y se suele usar enaplicaciones de WPF que no usan unainterfaz de navegacin.


12/22

23/09/20

Estilos de Interfaz 2/2

NavegationWindow: ampla la clasebsica Window para ofrecercompatibilidad con tareas denavegacin. Esta compatibilidad incluyeel mtodo Navigate, que permite a laaplicacin pasar a una nueva pgina, undiario que contiene el historial de

navegacin del usuario y varios eventosreferentes a la navegacin.

Diseo y controles

Con el fin de ordenar las diferentes partesde que se compone una interfaz, lasaplicaciones de WPF presentan panelesde diseo. DockPanel permite colocar los elementos

secundarios en los bordes del panel

Grid supone la colocacin precisa de estoselementos en una cuadrcula.

Canvas ofrece al desarrollador la posibilidad decolocar estos elementos en cualquier lugardentro de los lmites del panel.


13/22

23/09/20

Estilos

Mediante el elemento Style el creadorde una aplicacin de WPF puede definiruno o varios aspectos de la aparienciade un elemento particular y,posteriormente, aplicar el mismo estilouna y otra vez

Plantillas 1/2

Plantillas de datos: permiten el uso delelemento DataTemplate de XAML paraespecificar conjuntos de caractersticasrelacionadas con la apariencia de datos.


14/22

23/09/20

Plantillas 2/2

Plantillas de control: permiten el uso delelemento ControlTemplate de XAMLpara definir la apariencia de controles.

Texto

Objetivo 1/2

El objetivo de WPF es dotar al texto enpantalla de la legibilidad caractersticadel texto impreso para poner fin a estadistincin


15/22

23/09/20

Texto Solucin 2/2

WPF ofrece compatibilidad con lasfuentes OpenType estndar de laindustria, lo que permite el uso de lasbibliotecas de fuentes existentes.

Documentos 1/3

Documentos

Documentos fijos

Documentos de flujo


16/22

23/09/20

Documentos fijos 2/3

Los documentos fijos presentan lamisma apariencia tanto en pantallacomo en formato impreso

El contenido de los documentos fijos sepuede especificar mediante el elementoFixedDocument de XAML

Documentos de flujo 3/3

Se encuentra ideados nicamente parala pantalla.

Con el fin de que su contenido resulte loms claro posible, la apariencia deltexto y de los grficos se puede ajustar

automticamente al tamao de laventana, entre otros factores.

Los documentos de flujo vienendefinidos por el elementoFlowDocument de XAML


17/22

23/09/20

Imgenes

La presentacin de las imgenes sesuele llevar a cabo mediante el controlImage

El control Image de WPF admiteimgenes almacenadas en variosformatos, entre ellos, JPEG, BMP, TIFF,GIF y PNG

Video y audio

WPF ofrece compatibilidad integradacon ambos.

Esta compatibilidad depende del controlMediaElement.


18/22

23/09/20

Grficos Bidimensionales 1/2

Los grficos 2D y 3D se pueden creardirectamente en XAML o en cdigo deprocedimiento con las bibliotecas deWPF.

Como sucede con el resto en WPF, loselementos usados son simplemente unaparte ms del rbol visual de las

aplicaciones.

Grficos Bidimensionales 2/2

En lo que respecta a grficosbidimensionales, WPF define un grupode formasque las aplicaciones puedenusar para crear imgenes. Son lossiguientes:

Line

Ellipse

Rectangle

PolygonPolylinePath


19/22

23/09/20

Grficos Tridimensionales 1/2

Para mostrar grficos 3D en WPF, laaplicacin usa el control Viewport3Dque, bsicamente, ofrece una ventanaal mundo tridimensional que describeesta aplicacin. El control Viewport3Dse puede usar en cualquier parte de lasinterfaces de WPF, lo que permite la

representacin de grficos 3D all dondese necesiten.

Grficos Tridimensionales 2/2

Para crear una escena tridimensional, eldesarrollador describe uno o msmodelosy, a continuacin, especifica elmodo de iluminacin y visualizacin destos


20/22

23/09/20

Animacin 1/2

Las animaciones se pueden aplicar amuchos aspectos de interfaz de usuario:botones, formas, imgenes, etc. Paracrear una animacin, basta con cambiarel valor de una o ms propiedades deun objeto a lo largo de cierto perodo detiempo.

Animacin

Ejemplo 2/2

Aplastar lentamente un elementoEllipse, es necesario disminuirprogresivamente la propiedad Heightasociada durante dos segundos.


21/22

23/09/20

Automatizacin de interfaces de

usuario

WPF crea un rbol de automatizacinde IU. El rbol se compone de objetosAutomationElement

Herramientas para WPF

Para Desarrolladores VisualStudio

Para Diseadores ExpressionInteractive Designer


22/22

23/09/20

Herramientas para WPF

Muchas Gracias por su Atencin!!

Windows Presentation Fundation 28-8

Documents

Transcript of Windows Presentation Fundation 28-8