LABORATORIO DE WINDOWS PHONE

Microsoft Student Partners

WINDOWS PHONE

COMPONENETES DE INTERFAZ ÚNICO

Lock Screen Start Screen List View Theme Screen

Ejercicio: Convertidor de Unidades

Ejercicio

• Crear un Nuevo Proyecto.• Comprender:

– Navegación.– Navegación.– Controles.– Funcionalidad.– Personalización.

Nuevo Proyecto

• Crear nuevo Proyecto en Visual Studio para Windows Phone

Crear Proyecto

Crear Proyecto

Crear Proyecto

Crear Proyecto

Crear Proyecto

• Cambiar el Nombre de la App

Navegación

• Creamos una nueva página

Navegación

Navegación

• Navegar con botones:

Navegación• En el botón de la página principal:private void button1_Click(object sender, RoutedEventArgs e){

NavigationService.Navigate(new Uri("/SegundaPagina.xaml",UriKind.RelativeOrAbsolute));}

Navegación• En el botón de la segunda página:private void button1_Click(object sender, RoutedEventArgs e)

{if (NavigationService.CanGoBack){

NavigationService.GoBack();}

}

Prueba la Navegación

Controles

• Grid• Textblock• Textbox• Buton• Buton

Controles - Grid

Controles - Grid

Controles - Grid

Controles -Grid

Controles - Grid

Controles - TextBlock

• Porque el primer TextBlock no tiene Grid.Row?

Controles - TextBlock

Controles - TextBox

Controles - TextBox

Borrar las propiedades Text

Controles - TextBlock

Controles - Button

Controles - Button

• Ajusta la Fila al Botón

Funcionalidad

Agregar la lógica necesaria al boton“Convertir”:

• Crear el evento Click del botón:

Funcionalidad

• Realizar el Calculo de la Conversión de acuerdo a la regla:1Km = 0.62 Mi => 1Km ……… 0.62 Mi

xKm……… ? = xKm* 0.62Mi = x * 0.62 Mi

1Km

• Agregar el Código en el Evento:private void button2_Click(object sender, RoutedEventArgs e)

{ textBox2.Text = (Double.Parse(textBox1.Text) * 0.62).ToString();

}

Prueba la Aplicación

Personalización

Mediante:• Propiedades y Valores en Visual Studio.• Expression Blend.

Personaliza tu Aplicación:

• Cambia las Imágenes:• Cambia las Imágenes:• ApplicationIcon.png• Background.png• SplashScreenImage.jpg

• Nombre de la Aplicación.• Cambiar las unidades a convertir.• Cambia los colores , los fondos, los

tamaños de letras y lo que te guste para ponerle tu toque personal.

Sube tu App a Yallapps