Download - Windows Phone 7 Navegación
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