Curso WPF de Microsoft

Si queréis aprender mas sobre la tecnología WPF, Microsoft ha puesto a disposición de todos un curso dentro del proyecto www.desarrollaconmsdn.com.

Si queréis acceder al curso, lo podéis hacer desde el siguiente enlace.

XamlPadX

Hace unos días se ha lanzado la nueva versión de este editor y previsualizador de código XAML.
La nueva versión (4.0) tiene las siguientes novedades:

• Interfaz mejorada y acorde a la apariencia de Expression Blend.
• Nuevo addin: visor del contenido del portapapeles.
• Coloreado de código y posibilidad de "expandir/contraer" bloques.
• Herramienta para tomar capturas de pantalla del XAML renderizado.

Os podéis descargar el programa en el siguiente link.

Especificación oficial de XAML

Microsoft ha publicado unos documentos en pdf sobre las especificaciones de Xaml (Extensible Application Markup Language).

Estas especificaciones permite a los desarrolladores especificar una jerarquía de objetos.

Esta documentación la podrás encontrar (en inglés), en el siguiente enlace.

Documentación sobre XAML

Microsoft ha publicado documentación técnica sobre XAML (Extensible Application Markup Language).

La documentación son 2 libros que están en ingles y un archivo .zip que guarda los dos libros.

El primer libro es MS-WPFXV (WPF Xaml Vocabulary Specification 2006) 9 Mb.

El segundo libro es MS-XAML (Xaml Object Mapping Specification 2006) 2 Mb.

El archivo zip ocupa aproximadamente 6.7 Mb.

Link: http://www.microsoft.com/downloads/details.aspx?FamilyID=3356af19-a36e-4d6d-9d13-c37db81ee607&DisplayLang=en

WPF Momentum

Viendo el blog de Toni Recio he visto un post muy interesante en el que aparece un vídeo corto (de unos 3 min. aprox) pero que resume muy bien todo el potencial que se puede obtener de WPF.

Como bien dice Toni, es un vídeo perfecto para hacer una presentación de WPF y agrupar muchas aplicaciones y demos que se han hecho en WPF y ver todo lo que ofrece esta tecnología.

El vídeo lo han llamado WPF Momentum. Espero que os guste.


Video: WPF Momentum


Vía: http://geeks.ms/blogs/trecio/archive/2008/02/24/wpf-momentum-amp-evento-para-lonetcamp.aspx

Evento WPF en LoNetCamp

El Jueves 28 de Febrero mi querido compañero de alguna batalla Toni Recio dará una charla sobre WPF para la gente de LoNetCamp.



Para poder asistir al evento existen dos opciones:

• Asistir en directo para ver en persona al gran Toni -> http://msevents.microsoft.com/CUI/EventDetail.aspx?EventID=1032369469&Culture=es-ES

• O registrarse para poder ver el evento a traves de Live Meeting -> http://msevents.microsoft.com/cui/eventdetail.aspx?EventID=1032369492&Culture=es-ES

La agenda es la siguiente:
19:00 - 19:15 Registro y Bienvenida
19:15 - 20:45 WPF
20:45 - 21:00 Preguntas y Despedida

Localizacion:
Fundació Universitat Rovira i Virgil (Mas Miarnau)
Av. Onze de Setembre, 112 (43203)
Reus - Tarragona

Curso de desarrollo con Windows Presentation Foundation

Desde el viernes 3 de Agosto tenemos disponible un curso para desarrollar aplicaciones con WPF.

El curso está dividido en 5 capítulos, y cada capítulo en lecciones. Los capítulos y lecciones vienen acompañados de los proyectos con el código de los ejemplos, así como de vídeos ilustrativos que reforzarán el contenido de los temas tratados y ayudarán a experimentar por cuenta propia.

Link del curso: http://msevents.microsoft.com/CUI/WebCastEventDetails.aspx?EventID=1032348701&EventCategory=3&culture=es-ES&CountryCode=ES

Microsoft Silverlight

Microsoft ha presentado en sociedad a SilverLight (antes conocido como "Windows Presentation Foundation/Everywhere", WPF/E).

Se trata de una nueva plataforma multimedia online con la que se pretende desafiar a Flash de Adobe.

Según el blog del desarrollador de Microsoft Tim Sneat, una de las razones principales por las que se debe elegir la nueva plataforma es por su capacidad de reproducir archivos en formato WMV tanto en PC como en Macinthos, y la posibilidad de alternar entre reproducción en ventana o en pantalla completa sin perder el ritmo de reproducción. Otra de las grandes características de SilverLight es que no solo funciona con Internet Explorer, sino que también funciona sobre otros navegadores como Firefox o Safari.

Para poder utilizar Silverlight requiere de la instalación de un plugin, de unos 2MB.
Al igual que sucede con Flash, Microsoft Silverlight viene acompañado de herramientas de desarrollo tanto para diseñadores como para desarrolladores de "software".

Link: http://www.microsoft.com/silverlight/default_01.aspx

Mostrar Reflejo de un Vídeo con WPF

En este ejemplo reproduciremos un video y mostraremos su reflejo. Es un ejemplo muy simple que utiliza el mismo codigo para reflejar una imagen.

Código XAML

<Window
x:Class="VideoReflejo"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="VideoReflejo"
Height="438"
Width="399"
WindowStartupLocation="CenterScreen">
<Grid>
<StackPanel

Margin="0,15,0,0" HorizontalAlignment="Center" Width="195" VerticalAlignment="Center">
<Border BorderBrush="White" BorderThickness="5" HorizontalAlignment="Center" VerticalAlignment="Center">
<!--Para poder hacer que el
video tenga una desviacion de 10º-->
<Border.RenderTransform>
<SkewTransform CenterX="0" CenterY="0" AngleX="0" AngleY="10"/>
</Border.RenderTransform>
<!-- Visor multimedia para la
celda superior -->
<MediaElement x:Name="ReproductorVideo" Grid.Row="0" Grid.Column="0" Source="Trailers\Pelicula" Volume="0" LoadedBehavior="Play" Width="150" Height="150"/>
</Border>
<Border Width="145" Height="175" BorderBrush="White" BorderThickness="1">
<!--Hacemos que el video se
desvie 10º el angulo y. Pero tambien desviaremos el angulo x
para que no salga recta la imagen-->
<Border.RenderTransform>
<SkewTransform CenterX="0" CenterY="0" AngleX="170" AngleY="10"/>
</Border.RenderTransform>
<!--Para poder hacer el
reflejo asociamos el VisualBrush con el video-->
<Border.Background>
<VisualBrush Visual="{Binding
ElementName=ReproductorVideo}">
<VisualBrush.Transform>
<ScaleTransform ScaleX="1" ScaleY="-1" CenterX="190" CenterY="75"></ScaleTransform>
</VisualBrush.Transform>
</VisualBrush>
</Border.Background>
<!--Para que sea opaco el
reflejo-->
<Border.OpacityMask>
<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
<GradientStop Offset="0" Color="Black"></GradientStop>
<GradientStop Offset="0.6" Color="Transparent"></GradientStop>
</LinearGradientBrush>
</Border.OpacityMask>
</Border>
</StackPanel>
</Grid>
</Window>

Uso de las plantillas para personalizar controles WPF

Interesante articulo sobre el uso de las plantillas para personalizar controles en WPF escrito por Charles Petzold en MSDN Megazine.

También te puedes descargar el código fuente del ejemplo.

Link del articulo en español: http://msdn.microsoft.com/msdnmag/issues/07/01/Foundations/default.aspx?loc=es

CTP de febrero de WPF Everywhere

Se ha hecho publica la CTP de febrero de WPF/E.

Algunas de las novedades que trae son:

• Keyboard input (KeyUp/KeyDown)
• Soporte para MP3
• Soporte para el cursor del ratón
• Descargas asíncronas
• Métricas de texto simple
• Modo de pantalla completa
• Muchas mejoras de rendimiento
• Proporciona JavaScript API's

Para descargar el CTP: http://www.microsoft.com/downloads/details.aspx?FamilyID=c744cbb8-d4d9-4bf9-ad5c-eef36e064911&displaylang=en

Para mas información sobre WPF/E: http://msdn2.microsoft.com/en-us/asp.net/bb187358.aspx

WPF-WIKI

Tim Sneath y Karsten Januszewski han creado un wiki sobre Windows Presentation Foundation.

Se trata de un repositiorio para poder compartir ejemplos, libros, links, bugs, trucos y mas cosas. Todo relacionado con WPF.

El link es: http://channel9.msdn.com/wiki/default.aspx/WPF.HomePage

Mostrar Reflejo de una Imagen con WPF

En este ejemplo pretendemos crear el reflejo de una imagen. También haremos que la imagen y el reflejo tengan sombra.

Código XAML

<Window
x:Class="Reflejo"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Reflejo"
Height="367"
Width="299"
WindowStartupLocation="CenterScreen">
<Grid>
<StackPanel
Margin="0,15,0,0"
HorizontalAlignment="Center"
Width="195"
VerticalAlignment="Center">
<!--Primero
crearemos la imagen. Le a¤adiremos una linea blanca
alrededor, una sombra y moveremos 10§ la
imagen-->
<!--Creamos
una linea blanca alrededor de la imagen-->
<Border
BorderBrush="White"
BorderThickness="5"
HorizontalAlignment="Center"
VerticalAlignment="Center">
<Border.BitmapEffect>
<BitmapEffectGroup>
<!--Creamos
la sombra de la imagen-->
<DropShadowBitmapEffect
Color="Black"
Direction="20"
ShadowDepth="25"
Softness="1"
Opacity="0.5"/>
</BitmapEffectGroup>
</Border.BitmapEffect>
<!--Para
poder hacer que la imagen tenga una desviacion de
10§-->
<Border.RenderTransform>
<SkewTransform
CenterX="0"
CenterY="0"
AngleX="0"
AngleY="10"
/>
</Border.RenderTransform>
<!--Imagen
que queremos reflejar-->
<Image
VerticalAlignment="Center"
Source="\Jusep\Imagenes\shrek3.jpg"
Width="100"
Height="150"
Stretch="Fill"
x:Name="myImage"></Image>
</Border>
<!--Ahora
crearemos el reflejo-->
<!--Creamos
una linea blanca alrededor del reflejo-->
<Border
Width="100"
Height="150"
BorderBrush="White"
BorderThickness="5">
<Border.BitmapEffect>
<!--Creamos
la sombra del
reflejo-->
<BitmapEffectGroup>
<DropShadowBitmapEffect
Color="Black"
Direction="20"
ShadowDepth="25"
Softness="1"
Opacity="0.5"/>
</BitmapEffectGroup>
</Border.BitmapEffect>
<!--Hacemos
que la imagen se desvie 10§ el angulo y. Pero tambien
desviaremos el angulo x para que no salga recta la
imagen-->
<Border.RenderTransform>
<SkewTransform
CenterX="0"
CenterY="0"
AngleX="170"
AngleY="10"
/>
</Border.RenderTransform>
<!--Para
poder hacer el reflejo asociamos el VisualBrush con la
imagen-->
<Border.Background>
<VisualBrush
Visual="{Binding
ElementName=myImage}">
<VisualBrush.Transform>
<ScaleTransform
ScaleX="1"
ScaleY="-1"
CenterX="150"
CenterY="75"></ScaleTransform>
</VisualBrush.Transform>
</VisualBrush>
</Border.Background>
<!--Para
que sea opaco el
reflejo-->
<Border.OpacityMask>
<LinearGradientBrush
StartPoint="0,0"
EndPoint="0,1">
<GradientStop
Offset="0"
Color="Black"></GradientStop>
<GradientStop
Offset="0.6"
Color="Transparent"></GradientStop>
</LinearGradientBrush>
</Border.OpacityMask>
</Border>
</StackPanel>
</Grid>

</Window>

Nuevo Yahoo! Messenger para Windows Vista desarrollado en WPF

Yahoo ha anunciado la nueva aplicación Yahoo Messenger para Windows Vista desarrollada en WPF.








Para ver una demo de la nueva aplicación:
http://messenger.yahoo.com/vista_popup.php

Para ver la noticia completa desde Yahoo:
http://messenger.yahoo.com/windowsvista.php

Aplicación para migrar de VB6 a WPF

Navegando por la red, me he encontrado esta aplicacion que te ayuda a migrar un formulario que tengas hecho en VB6 a WPF. Puede que nos sea util...

http://www.codesapiens.net/English/Products/VB62XAML/tabid/74/Default.aspx

Formación Gratuita sobre WPF

Si quieres hacer un pequeño curso sobre WPF, Microsoft ofrece un curso (en ingles) totalmente gratuito que te explica los aspectos principales sobre WPF.También existen cursos para WCF y WWF.

Clinic 5135: Introduction to Developing with Windows® Presentation Foundation and Visual Studio® 2005
https://www.microsoftelearning.com/eLearning/courseDetail.aspx?courseId=68394

Primeras aplicaciones basadas totalmente en WPF

The NewYork Times acaba de publicar la beta de su nuevo programa “Times Reader” basado totalmente en la tecnología WPF.
Se trata de una aplicación para poder acceder al contenido del periódico offline y de forma totalmente gráfica. Pero lo mejor es que se puede descargar (te tienes que registrar) y comprobarlo por ti mismo.
http://firstlook.nytimes.com/?category_name=times%20reader

Charla sobre Windows Presentation Foundation del grupo de usuarios de .Net de Barcelona

El día 25 de Enero de 2007 de 18:00 a 20:00, el grupo de usuarios de .NET de Barcelona (BcnDev) se reunirá en SoftObert para dar una charla sobre WPF.En esta ocasión, la charla la prepararemos Toni Recio, José Luis Latorre y un servidor (en la pagina de Microsoft aparezco como Josep Cubero).

Para más información y registro, acceder al siguiente enlace:
http://msevents.microsoft.com/CUI/EventDetail.aspx?EventID=1032323203&Culture=es-ES

Esperamos vuestra asistencia al evento!!

Liberado primer CTP de WPF/E

Se ha liberado el primer CTP de WPF/E (o también llamado Windows Presentation Foundation/EveryWhere).
WPF/E es un sub conjunto de WPF pensado para agregar riqueza visual a las aplicaciones y páginas Web, permitiendo integrar animaciones 2D, vídeo y otras formas de interactuar con datos e información.
WPF/E es multiplataforma. Puede correr en Internet Explorer, Firefox e incluso en Safari en un Mac.
Por último, comentar que WPF/E se instala como un plug-in en los browsers.

Para mas informacion, visitar los links:

• http://msdn2.microsoft.com/en-us/asp.net/bb187358.aspx
• http://geeks.ms/blogs/maramos/archive/2006/12/05/anunciando-la-liberaci-n-de-la-primera-ctp-de-wpf-e.aspx
• http://paulosay.spaces.live.com/Blog/cns!7CC9F2B7406F44D0!669.entry
• http://blogs.msdn.com/bardak/default.aspx

Y para descargar el CTP: http://www.microsoft.com/downloads/details.aspx?FamilyID=2b01ec7e-c3b8-47cc-b12a-67c30191c3aa&DisplayLang=en

Mover el Botón y Crear Sombra

Código XAML

<Window.Triggers>

<EventTriggerRoutedEvent="Button.Click">

<EventTrigger.Actions>

<BeginStoryboard>

<Storyboard>

<ThicknessAnimationStoryboard.TargetProperty="Margin">

<Duration="0:0:0.5"From="50,50,50,50"To="0,0,50,50"AutoReverse="True"/>

<DoubleAnimationStoryboard.TargetName="myDropShadowBitmapEffect">

<Storyboard.TargetProperty="ShadowDepth"From="0"To="30"Duration="0:0:0.5">

<AutoReverse="True"/>

<DoubleAnimationStoryboard.TargetName="myDropShadowBitmapEffect"

<Storyboard.TargetProperty="Softness"From="0"To="1"Duration="0:0:0.5"

<AutoReverse="True"/>

</Storyboard>

</BeginStoryboard>

</EventTrigger.Actions>

</EventTrigger>

</Window.Triggers>

<ButtonMargin="10"Width="225"Height="50"Name="myButton">

¡Click paracrear la sombra!

<Button.BitmapEffect>

<DropShadowBitmapEffectx:Name="myDropShadowBitmapEffect"Color="Black"

ShadowDepth="0"/>

</Button.BitmapEffect>

</Button>