Microsoft Silverlight en acción

Marcos Falagán Vidales

Microsoft Silverlight en acción Marcos Falagán Vidales ISBN: 978-84-938312-9-5 EAN: 9788493831295 Copyright © 2012 RC Libros © RC Libros es un sello y marca comercial registrados

Microsoft Silverlight en acción. Reservados todos los derechos. Ninguna parte de este libro incluida la cubierta puede ser reproducida, su contenido está protegido por la Ley vigente que establece penas de prisión y/o multas a quienes intencionadamente reprodujeren o plagiaren, en todo o en parte, una obra literaria, artística o científica, o su transformación, interpretación o ejecución en cualquier tipo de soporte existente o de próxima invención, sin autorización previa y por escrito de los titulares de los derechos de la propiedad intelectual. RC Libros, el Autor, y cualquier persona o empresa participante en la redacción, edición o producción de este libro, en ningún caso serán responsables de los resultados del uso de su contenido, ni de cualquier violación de patentes o derechos de terceras partes. El objetivo de la obra es proporcionar al lector conocimientos precisos y acreditados sobre el tema tratado pero su venta no supone ninguna forma de asistencia legal, administrativa ni de ningún otro tipo, si se precisase ayuda adicional o experta deberán buscarse los servicios de profesionales competentes. Productos y marcas citados en su contenido estén o no registrados, pertenecen a sus respectivos propietarios.

RC Libros Calle Mar Mediterráneo, 2. Nave 6 28830 SAN FERNANDO DE HENARES, Madrid Teléfono: +34 91 677 57 22 Fax: +34 91 677 57 22 Correo electrónico: [email protected] Internet: www.rclibros.es

Diseño de colección, cubierta y pre-impresión: Grupo RC Impresión y encuadernación: Depósito Legal: Impreso en España 16 15 14 13 12 (1 2 3 4 5 6 7 8 9 10 11 12)

ÍNDICE Introducción e instalación ...........................................................................

1

Capítulo 1. Características de Silverlight ......................................................

5

Integrar Silverlight en aplicaciones .................................................................. Controles ..................................................................................................... Agregar lógica de código ................................................................................ Lenguajes dinámicos.................................................................................... Gráficos ....................................................................................................... Multimedia y animación .............................................................................. Data, redes y ejecución de aplicaciones fuera del explorador ........................... Arquitectura de Silverlight ............................................................................... Componentes de presentación básicos ....................................................... .NET Framework para Siverlight .................................................................. Características de programación adicionales de Silverlight ......................... Herramientas y tecnologías relacionadas .................................................... Cambios en la runtime y las herramientas de Silverlight 3 a las nuevas versiones 4 y 5 ......................................................................... Cambios en el analizador de XAML.............................................................. Cambios en modo quirks ............................................................................. Common Lenguaje Runtime ............................................................................. Administración de la memoria .................................................................... Sistema de tipos comunes ........................................................................... Herramientas de Silverlight .............................................................................. Instalar Silverlight Tools para Visual Studio 2010 ........................................ Silverlight Tools para Visual Studio 2010 ..................................................... SDK de Silverlight ......................................................................................... Otras herramientas de Silverlight ................................................................

5 7 8 9 9 10 12 12 15 16 17 18 19 19 20 21 21 22 23 23 25 26 26

MICROSOFT SILVERLIGHT EN ACCIÓN

Capítulo 2. Silverlight Designer...................................................................

29

Silverlight Designer para Visual Studio 2010 .................................................... Vista de diseño……………. .............................................................................. Vista XAML .................................................................................................... Ventana Propiedades................................................................................... Ventana Orígenes de datos ......................................................................... Ventana Esquema del documento ...............................................................

29 30 33 34 37 37

Capítulo 3. Proyectos y aplicaciones en Silverlight.......................................

39

Crear un nuevo proyecto de Silverlight ............................................................ Proyecto de aplicación de Silverlight ............................................................... Archivos de proyecto de aplicación de Silverlight ....................................... Archivos de aplicación para proyectos web de Silverlight ........................... Proyecto de de biblioteca de clases de Silverlight............................................ Archivos de proyecto de biblioteca de clases de Silverlight ........................ Agregar un ensamblado de biblioteca de Silverlight ................................... Crear por primera vez una aplicación de Silverlight ......................................... Crear un proyecto de Silverlight .................................................................. Definir el diseño de cuadrícula .................................................................... Agregar controles ........................................................................................ Agregar código ............................................................................................. Diseño dinámico ..........................................................................................

39 40 42 43 43 44 45 46 46 47 49 55 57

Capítulo 4. Modelos de aplicaciones y programación ..................................

61

Introducción ..................................................................................................... Programación administrada y modelo de aplicaciones .................................... La API administrada.......................................................................................... Características de la API administrada ........................................................ La API de JavaScript .......................................................................................... Consideraciones sobre el modelo de programación ................................... Escenarios para utilizar la API de JavaScript ................................................ Características técnicas de la API de JavaScript ........................................... JavaScript y el HTML DOM ............................................................................... Modelo de objetos del documento DOM .................................................... El modelo de programación de SilverLight ..................................................

61 62 62 63 65 65 66 68 69 70 70

VI

© RC Libros

ÍNDICE

El código HTML y el árbol de objetos de Silverlight ..................................... Hosts que no son un explorador .................................................................. Uso de varios complementos Silverlight en una página web ........................... Configurar receptores y emisores de mensajes locales ............................... Enviar mensajes y recibir respuestas ........................................................... Uso de Silverlight fuera del explorador ............................................................ Compatibilidad de ejecución fuera del explorador ...................................... Instalar, iniciar y desinstalar aplicaciones de ejecución fuera del explorador .... Detectar la conectividad de red y el estado de ejecución fuera del explorador .. Características especiales para las aplicaciones de ejecución fuera del explorador .......................................................................................... Depurar aplicaciones de ejecución fuera del explorador ............................ Utilizar Silverlight en un control de explorador .......................................... Utilizar una interfaz de usuario de Silverlight en otro complemento o aplicación Utilizar Silverlight en una aplicación basada en Windows a través de COM ....... Utilizar Silverlight en otra aplicación a través del interfaz del explorador ..

85 86 87 88 88 89

Capítulo 5. Diseño de Silverlight ..................................................................

91

Sistema de diseño de Silverlight....................................................................... Cuadros de límite de elementos .................................................................. Medir y organizar elementos secundarios .................................................. Elementos panel y comportamientos de diseño personalizados ......................................................................................... Cambiar el tamaño de las ventanas ............................................................. Paneles personalizados .................................................................................... Medir .......................................................................................................... Organizar ..................................................................................................... Crear un panel personalizado en XAML .......................................................

91 93 94 96 115 116 116 117 119

Capítulo 6. Formas, dibujos, pinceles, geometrías y transformaciones ........

121

Formas y dibujos .............................................................................................. Objetos de formas ....................................................................................... Utilizar trazados y geometrías ..................................................................... Pintar formas ............................................................................................... Transformar formas ..................................................................................... Pinceles ............................................................................................................ Pintar un área con color sólido ....................................................................

121 121 124 125 126 127 127

© RC Libros

71 73 74 74 77 80 80 82 84

VII

MICROSOFT SILVERLIGHT EN ACCIÓN

Pintar un área con un degradado ............................................................... Pintar con imágenes…………………………………………………................................. Pintar con vídeo ........................................................................................... Geometrías....................................................................................................... Tipos de geometría simples ......................................................................... Geometrías de trazado ................................................................................ Geometrías compuestas .............................................................................. La clase Geometry ....................................................................................... La clase PathGeometry ................................................................................ La clase Path ................................................................................................ Transformaciones............................................................................................. Clases de transformaciones ........................................................................ Propiedades comunes de transformación ................................................... Transformaciones y sistemas de coordenadas ............................................ Animar transformaciones ............................................................................ Transformaciones interactivas..................................................................... Transformaciones 3D ................................................................................... Girar un objeto en un plano 3D ................................................................... Imágenes ..........................................................................................................

129 136 136 137 138 140 145 145 146 147 148 148 149 150 151 152 153 153 154

Capítulo 7. Entrada e impresión .................................................................

155

Compatibilidad con pantalla completa ............................................................ Modo incrustado y modo de pantalla completa .......................................... Entrar en modo de pantalla completa ......................................................... Limitaciones del modo de pantalla completa .............................................. Modo de pantalla completa con aplicaciones de confianza ........................ Volver al modo incrustado ........................................................................... Entrada ............................................................................................................. Compatibilidad con el ratón ............................................................................. Eventos del ratón ......................................................................................... Controladores de eventos del ratón ............................................................ Adjuntar un controlador de eventos del ratón ............................................ Definir un controlador de eventos del ratón ............................................... Eventos del ratón enrutados ....................................................................... Captura del ratón ......................................................................................... El ratón como un lápiz ................................................................................. Promoción de eventos multitoque a eventos del ratón .............................. Eventos que se producen al hacer clic con el botón secundario del ratón ..

155 155 157 158 159 160 161 161 161 162 163 163 165 169 170 170 171

VIII

© RC Libros

ÍNDICE

Doble clic ..................................................................................................... Eventos del ratón fuera del árbol visual ...................................................... Arrastar y colocar ........................................................................................ Eventos del ratón, hosts de explorador y sistemas operativos.................... Compatibilidad con el teclado.......................................................................... Eventos de teclado ...................................................................................... Controladores de eventos de teclado .......................................................... Adjuntar un controlador de eventos de teclado .......................................... Definición de un controlador de eventos de teclado................................... Uso de KeyEventsArgs ................................................................................. Eventos enrutados de teclado ..................................................................... Entrada de texto y controles ....................................................................... Control y reentrada de eventos de teclado ................................................. Editores de métodos de entrada ................................................................. Arrastrar y colocar objetos en el diseño de la interfaz de usuario ................... Imprimir .......................................................................................................... Mostrar un cuadro de diálogo Imprimir ...................................................... Realizar la operación de impresión.............................................................. Configurar y limpiar para una operación de impresión ............................... La clase PrintDocument ................................................................................... La clase PrintPageEventArgs ............................................................................

171 171 172 172 173 173 175 176 176 176 178 181 181 182 182 184 184 185 186 186 188

Capítulo 8. Controles ...................................................................................

191

Introducción a los controles ............................................................................. Agregar un control a una aplicación ............................................................ Utilizar propiedades para cambiar el aspecto de un solo control ...................... Utilizar estilos para cambiar el aspecto de varios controles ........................... Crear controladores de eventos para controles .............................................. Controles por función ...................................................................................... Personalización de controles ........................................................................... Control personalizado.................................................................................. Contrato de control ..................................................................................... Modelo de estados y elementos.................................................................. Modelos de contenido de controles ................................................................ Controles de texto ....................................................................................... Controles que muestran un elemento único ............................................... Controles que muestran un elemento único y un encabezado .........................

191 191 193 196 198 201 207 207 208 209 211 211 213 214

© RC Libros

IX

MICROSOFT SILVERLIGHT EN ACCIÓN

Controles que muestran una colección de elementos................................. Controles que muestran una colección de elementos y un encabezado ..... Controles que muestran otros elementos de la interfaz de usuario ........... Inicialización y diseño de controles ..................................................................

215 219 219 219

Capítulo 9. Texto y fuentes .........................................................................

221

Texto y fuentes ................................................................................................ Elementos de texto ...................................................................................... Especificación de propiedades de texto y fuente ........................................ Fuentes en Silverlight ....................................................................................... Selección de fuentes .................................................................................... Especificación de fuentes no predeterminadas ........................................... Colores y pinceles para el primer plano de texto ............................................ Modelo de texto de TextBlock ......................................................................... Usos de los objetos Run y LineBreak ........................................................... Acceso al modelo de texto de TextBlock en el código ................................. Ajustar el texto ............................................................................................ Texto multilínea de TextBlock...................................................................... Aplicación de trasformaciones al texto de TextBlock .................................. Animación de texto de TextBlock ................................................................ TextBox y PasswordBox.................................................................................... Ajuste de texto de TextBox .......................................................................... Texto multimedia de TextBox ...................................................................... Modelo de selección de TextBox ................................................................. RichTextBox ...................................................................................................... Otros controles relacionados con el texto ....................................................... Label ............................................................................................................ AutoCompleteBox........................................................................................ ItemsControls .............................................................................................. Popup, Tooltip ............................................................................................. Administración de los eventos de teclado y texto de los elementos de texto ...... Glyphs .............................................................................................................. La clase TextBox ............................................................................................... La clase LineBreak ............................................................................................ La clase Run ...................................................................................................... La clase TextBlock ............................................................................................ La clase RichtextBox .........................................................................................

221 221 226 228 230 230 231 232 232 233 233 235 235 236 236 236 237 237 237 238 238 238 238 238 239 240 240 243 243 244 244

X

© RC Libros

ÍNDICE

Capítulo 10. Integrar Silverlight con una página web ...................................

247

Utilizar HTML ................................................................................................ Agregar Silverlight a una página web con HTML ............................................. Procedimientos............................................................................................ Ejemplo ....................................................................................................... Utilizar JavaScript ............................................................................................. Agregar Silverlight a una página web con JavaScript ...................................... Procedimientos............................................................................................ Ejemplo ....................................................................................................... Integración de ASP.NET .................................................................................... Integración de JavaScript con el puente HTML ................................................ Configurar Silverlight para que admita el uso de scripts mediante JavaScript .... Marcar tipos y miembros como elementos que admiten el uso de script ……………………………………………………… ......................................... Adjuntar métodos de JavaScript a los eventos administrativos que admiten script ..................................................................................... Propiedades del tipo Type EventHandler .................................................... API de clase ScriptEventHandler .................................................................. Compatibilidad especial con ASP.NET AJAX ................................................. Llamar a JavaScript desde código administrado .............................................. Requisitos previos.......................................................................................... Crear un proyecto y una página de prueba de Silverlight ............................ Enlazar el evento de botón HTML al código XAML ...................................... Llamar a la función de script de cliente desde código administrado ........... Ejemplo ....................................................................................................... Llamar a código administrado desde JavaScript .............................................. Requisitos previos........................................................................................ Crear un proyecto y una página de prueba de Silverlight ............................ Enlazar el script de cliente a código XAML .................................................. Registrar código administrado para el acceso de script de cliente .............. Probar el acceso de script de cliente a código administrado ....................... Crear una página de prueba HTML .............................................................. Ejemplo .......................................................................................................

247 248 249 251 254 254 255 258 262 262 263

265 266 266 267 267 267 268 268 270 271 272 273 273 274 276 277 278 280

Capítulo 11. Tipos, propiedades, métodos y eventos ...................................

283

Tipos en .NET FRAMEWORK ............................................................................. Clases ..........................................................................................................

284 285

© RC Libros

263

XI

MICROSOFT SILVERLIGHT EN ACCIÓN

Estructuras .................................................................................................. Enumeraciones ............................................................................................ Interfaces ..................................................................................................... Delegados ................................................................................................ Definiciones de tipos ........................................................................................ Atributos ..................................................................................................... Accesibilidad a tipos .................................................................................... Nombres de tipo .......................................................................................... Tipos base e interfaces ................................................................................ Miembros de tipos ........................................................................................... Campos ....................................................................................................... Propiedades ................................................................................................. Métodos ...................................................................................................... Constructores………………………………………………………….. ................................ Eventos ....................................................................................................... Tipos anidados ............................................................................................. Características de los miembros de tipos ......................................................... Sobrecarga ................................................................................................... Heredar, reemplazar y ocultar miembros .................................................... Propiedades de dependencia en Silverlight ..................................................... Propiedades CLR de respaldo de propiedades de dependencia............................................................................................. Establecer valores de propiedad ................................................................. Funcionalidad de propiedad proporcionada por una propiedad de dependencia .......................................................................... Enlace de datos ............................................................................................ Estilos …… .................................................................................................... Animaciones ................................................................................................ Comportamiento de cambio de propiedad ................................................. Valor predeterminado y ClearValue ............................................................ Prioridad de los valores de propiedades de dependencia ............................... Eventos para Silverlight .................................................................................... Button.Click: introducción al uso de eventos Silverlight .............................. Definir un controlador de eventos............................................................... Parámetro remitente (sender) y datos de evento ....................................... Agregar controladores de evento en código administrado ......................... Eventos enrutados ....................................................................................... Controladores de eventos de entrada en controles .................................... Eventos iniciados por el usuario .................................................................. Alternativas del modelo de programación .................................................. XII

286 287 289 290 291 292 292 293 293 294 294 295 296 296 296 297 297 299 299 299 301 302 304 304 305 305 306 306 307 307 309 310 310 311 312 315 315 316

© RC Libros

ÍNDICE

Quitar controladores de eventos ................................................................. Comandos .................................................................................................... Pasos adicionales ......................................................................................... Definir y ejecutar métodos dinámicos .............................................................

317 317 318 318

Capítulo 12. Acceso a datos y estructuras de datos .....................................

323

Colecciones y estructuras de datos .................................................................. Definir colecciones ...................................................................................... Tipos de colección utilizados normalmente ................................................ Crear y manipular colecciones ..................................................................... Seleccionar una clase de colección .............................................................. Enumerar una colección .............................................................................. Colecciones y sincronización (seguridad para subprocesos) ....................... Comparaciones y ordenaciones en colecciones .......................................... Cuándo utilizar colecciones genéricas ......................................................... La clase Array ............................................................................................... Enlace de datos ................................................................................................ Conectar elementos de la interfaz de usuario con datos ............................ Dirección de flujo de datos .......................................................................... Notificación de cambios .............................................................................. Actualización del origen de datos ................................................................ Enlace a colecciones .................................................................................... Validación de datos ..................................................................................... Conversiones de datos................................................................................. Almacenamiento aislado .................................................................................. Grupos de cuota .......................................................................................... Almacenar y recuperar la configuración de la aplicación mediante el almacenamiento aislado ......................................................................... Cifrar y firmar archivos de almacenamiento aislado ...................................

323 324 326 329 330 331 332 333 334 335 340 340 343 343 344 346 347 350 352 352

Capítulo 13. Funciones de red y comunicación ............................................

363

Comunicación HTTP y seguridad con Silverlight............................................... Funcionalidad de HTTP en Silverlight........................................................... Escenarios y enfoques recomendados para la comunicación HTTP ........... Opciones para realizar llamadas HTTP......................................................... Comunicación entre dominios ..................................................................... Especificar el control de HTTP de explorador o cliente ....................................

363 363 365 366 371 376

© RC Libros

XIII

358 361

MICROSOFT SILVERLIGHT EN ACCIÓN

Obtener y establecer cookies ........................................................................... Ejemplo ........................................................................................................

379 380

Capítulo 14. Rendimiento y seguridad .........................................................

385

Rendimiento ..................................................................................................... Sugerencias para mejorar el rendimiento ................................................... Utilizar un trabajo en segundo plano ............................................................... Procedimiento ............................................................................................. Ejemplo ....................................................................................................... Aceleración de hardware en Silverlight............................................................ Cómo usar la aceleración de hardware ....................................................... Cómo funciona la aceleración de hardware ................................................

385 386 390 390 393 395 396 397

Capítulo 15. Animaciones, audio y vídeo .....................................................

399

Animaciones en Silverlight ............................................................................... Hacer que un objeto UIElement aparezca y desaparezca de la vista ........... Crear una animación DoubleAnimation....................................................... Crear un objeto Storyboard ......................................................................... Asociar el objeto Storyboard a un evento ................................................... Ejemplo ........................................................................................................ Iniciar, detener, poner en pausa y reanudar una animación ....................... Controlar el momento de inicio de las animaciones .................................... Crear un temporizador ................................................................................ Tener acceso a las animaciones por nombre ............................................... Audio y vídeo ................................................................................................... Objeto MediaElement ................................................................................. Propiedades de MediaElement.................................................................... Controlar la reproducción de contenido multimedia de forma interactiva ..... Marcadores de escala de tiempo (puntos de sincronización)......................

399 399 400 401 402 403 404 406 407 408 412 412 412 413 414

Índice alfabético .........................................................................................

417

XIV

© RC Libros