El día de hoy, en el Mix10, se anunció la plataforma de desarrollo para el Windows Phone 7 series (de aquí en adelante WP7). Si bien desde hace varios días corría la noticia, el anuncio oficial genera mucha expectativa y entusiasmo en la comunidad de programadores de Silverlight y XNA.

En esta ocasión, les voy a presentar el típico “Hola Mundo” versión WP7. Necesitarán:

• Visual Studio 2010 RC
• Windows Phone Developer Tools CTP

Ó en su defecto, la versión gratuita Visual Studio 2010 Express for Windows Phone.

Una vez instaladas las herramientas requeridas, abrimos Visual Studio 2010 (VS2010) y creamos un nuevo proyecto. Podemos ver que tenemos 2 nuevas secciones en nuestra ventana:

Seleccionamos Windows Phone Application bajo la sección Silverlight for Windows Phone y nombramos el proyecto.

Obtenemos el siguiente template por default:

Vamos a hacer unas modificaciones a nuestro XAML, donde cambiaremos los título que aparecen de forma predeterminada y agregaremos al ContentGrid un TextBox y un Button:

<Grid x:Name="LayoutRoot"
      Background="{StaticResource PhoneBackgroundBrush}">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>

    <!--TitleGrid is the name of the application and page title-->
    <Grid x:Name="TitleGrid"
          Grid.Row="0">
        <TextBlock Text="HOLA MUNDO"
                   x:Name="textBlockPageTitle"
                   Style="{StaticResource PhoneTextPageTitle1Style}" />
        <TextBlock Text="Hola Mundo"
                   x:Name="textBlockListTitle"
                   Style="{StaticResource PhoneTextPageTitle2Style}" />
    </Grid>

    <!--ContentGrid is empty. Place new content here-->
    <Grid x:Name="ContentGrid"
          Grid.Row="1">
        <TextBox Height="72"
                 HorizontalAlignment="Left"
                 Margin="6,6,0,0"
                 Name="txtNombre"
                 Text=""
                 VerticalAlignment="Top"
                 Width="468" />
        <Button Content="Saluda"
                Height="70"
                HorizontalAlignment="Left"
                Margin="146,84,0,0"
                Name="button1"
                VerticalAlignment="Top"
                Width="160"
                Click="button1_Click" />
    </Grid>
</Grid>

Además en el evento del botón tendremos este sencillo código:

private void button1_Click(object sender, RoutedEventArgs e)
{
    this.textBlockListTitle.Text = "Hola " + txtNombre.Text;
}

Ahora solo tenemos que correr la aplicación para ver el resultado en el emulador:

Es importante hacer notar que el emulador tiene muchas funciones, como cambiar la orientación, capturar el teclado y simular multitouch (con monitores que lo soporten claro está).

También hay que considerar que esto es un CTP (Community Technical Preview). En mi caso el emulador es muy lento de cargar y me salian errores de repente. Sin embargo, vale la pena empezar a conocer las herramientas de desarrollo para el WP7.