Interfaces de Usuario

Grado en Ingeniera Informtica en Tecnologas de la Informacin .

Departamento de Estadstica, Matemtica e Informtica
rea de Lenguajes y Sistemas Informticos

Prctica 4 Opcional
Aplicacin Windows Phone
Blend.

-1Prctica 4 Opcional
Aplicacin Windows Phone con Blend.
Curso 2014/2015.

Interfaces de Usuario
Grado en Ingeniera Informtica en Tecnologas de la Informacin .
Departamento de Estadstica, Matemtica e Informtica
rea de Lenguajes y Sistemas Informticos
1. Objetivos fundamentales:
El objetivo principal es disear una aplicacin Windows Phone a
travs del entorno de diseo Blend.
La prctica se entregar a travs de la plataforma virtual epso en
su correspondiente apartado de tareas. Se deber entregar en un
archivo comprimido, controlar el tamao que no exceda de 10
megas. Todos aquellos archivos que sean detectados como virus
no sern corregidos. La fecha lmite de entrega ser el 16 de Enero.
2. Descripcin de la prctica.
Realizaremos una sencilla prctica para mostrar la potencia grfica que
nos aporta Windows Phone. La aplicacin se realizar sobre Microsoft Blend,
seleccionando para ello un proyecto Aplicacin de Windows Phone. Para realizar
la prctica correctamente y poder utilizar Expression Blend como diseador de
aplicaciones Windows Phone, deberemos descargarnos la SDK desde este
enlace:

http://www.microsoft.com/download/en/details.aspx?id=27570

Lamentablemente no ofrece soporte para usuarios de Windows XP,

siendo Windows Vista la versin mnima que deberemos tener instalada para
poder trabajar.

1. Requerimientos:
o Pgina principal que contenga la interfaz de la calculadora:
1.1. Calculadora.

Para implementar esta aplicacin se utilizar un objeto WrapPanel,

que contendr todos los botones de la aplicacin. Este objeto nos
proporciona la ventaja que ordena los objetos que se van
introduciendo de izquierda a derecha, y de arriba hacia abajo, siendo
especialmente til para la disposicin de los botones de la calculadora
de forma automtica. Este control no se encuentra disponible por
defecto en Expression Blend, sino que deberemos obtenerlo
externamente. Para ello, nos descargaremos Silverlight for Windows
Phone
Toolkit
desde
esta
direccin:
http://silverlight.codeplex.com/releases/view/52297
y lo instalaremos (en
determinados casos habindonos descargado con anterioridad la SDK
de Windows Phone bastara para poder trabajar y no sera necesaria
-2-

Prctica 4 Opcional
Aplicacin Windows Phone con Blend.
Curso 2014/2015.

Interfaces de Usuario
Grado en Ingeniera Informtica en Tecnologas de la Informacin .
Departamento de Estadstica, Matemtica e Informtica
rea de Lenguajes y Sistemas Informticos

la instalacin de estas libreras, pero se han dado casos en los que no

ha sido suficiente con dicha instalacin, por eso es conveniente
descargar e instalar estas otras libreras).
Para que funcione el mtodo OnNavigatedTo deberemos incluir la
siguiente lnea de cdigo en el archivo Calculadora.xaml.cs despus
de incluir el resto de libreras:
using System.Windows.Navigation;

A continuacin, para poder disponer del objeto WrapPanel dentro de

nuestra aplicacin lo nico que deberemos hacer es seleccionar la
pestaa Proyectos en Blend, buscaremos el icono References,
hacemos clic con el botn derecho sobre este texto y escogemos la
opcin agregar referencia. Lo nico que nos queda es buscar donde
se encuentra la librera del componente, su ruta es la siguiente:
C:\Program
Files
(x86)\Microsoft
Phone\v7.0\Toolkit\Sep10\Bin
y
Microsoft.Phone.Controls.Toolkit.dll.

SDKs\Windows

seleccionamos

Se pide implementar una aplicacin que simule el funcionamiento de

una calculadora. Se deber tener en cuenta las operaciones de clculo
principales (sumar, restar, multiplicar y dividir). Tan slo se controlar
la operacin ms sencilla que es la resultante de introducir operando
+ operador + operando + igual resultado

Este cdigo que se muestra a continuacin es el que debe aparecer

en la pgina Calculadora.xaml.cs. El control para mostrar los
resultados y cdigo auxiliar se muestra a continuacin. Deberis
completar la funcionalidad en los apartados marcados con
Implementar :

namespace Calculator
{
public
{
/* Implmentar. Declarar un tipo enumerado llamado TiposOperadores con los
valores Nada, Suma, Resta, Multiplicacion, Division */
}
public partial class MainPage : PhoneApplicationPage
{
TiposOperadores Operador = TiposOperadores.Nada;
bool esNuevoNumero = false; /*cuando se introduzca un nmero ser falso, y los
operadores lo pondrn a true*/
double previousNumber = 0;//variable auxiliar
public double DisplayNumber /* Nos declaramos una variable que actuar como propiedad*/
{
/*Bloques get y set utilizados para accede a una propiedad (lectura/escritura) Ms
informacin en:

http://msdn.microsoft.com/es-es/library/w86s7x04(v=vs.80).aspx*/

-3Prctica 4 Opcional
Aplicacin Windows Phone con Blend.
Curso 2014/2015.

Interfaces de Usuario
Grado en Ingeniera Informtica en Tecnologas de la Informacin .
Departamento de Estadstica, Matemtica e Informtica
rea de Lenguajes y Sistemas Informticos
get { return (double)GetValue(DisplayNumberProperty); }
set { SetValue(DisplayNumberProperty, value); }
}

public static readonly DependencyProperty DisplayNumberProperty =

DependencyProperty.Register("DisplayNumber", typeof(double), typeof(MainPage), null);
public MainPage()
{
InitializeComponent();
}
protected override void OnNavigatedTo(NavigationEventArgs args)
{
DataContext = this;
DisplayNumber = 0;
}
private void BotonLimpiar_Click(object sender, System.Windows.RoutedEventArgs e)
{
//Implementar. Muestra en pantalla de la calculadora un 0
}
private void BotonNumero_Click(object sender, System.Windows.RoutedEventArgs e)
{
addToDisplayNumber(double.Parse(((Button)sender).Content.ToString()));
/* Llama a la function para mostrar en pantalla, pasndole como argumento un
valor que en sus inicios era una string y luego es convertida a double*/
}
private void BotonSumar_Click(object sender, System.Windows.RoutedEventArgs e)
{
/*Implementar. Asigna el operador suma a la variable de tipo Operador y
deberamos controlar que se ha introducido un operador y no un nmero*/
}
private void BotonRestar_Click(object sender, System.Windows.RoutedEventArgs e)
{
/*Implementar. Asigna el operador resta a la variable de tipo Operador y
deberamos controlar que se ha introducido un operador y no un nmero */
}
private void BotonMultiplicar_Click(object sender,
System.Windows.RoutedEventArgs e)
{
/* Implementar. Asigna el operador multiplicacin a la variable de tipo Operador
y deberamos controlar que se ha introducido un operador y no un nmero */
}

private void BotonDividir_Click(object sender, System.Windows.RoutedEventArgs e)

{
/* Implementar. Asigna el operador divisin a la variable de tipo Operador y
deberamos controlar que se ha introducido un operador y no un nmero*/

-4Prctica 4 Opcional
Aplicacin Windows Phone con Blend.
Curso 2014/2015.

Interfaces de Usuario
Grado en Ingeniera Informtica en Tecnologas de la Informacin .
Departamento de Estadstica, Matemtica e Informtica
rea de Lenguajes y Sistemas Informticos
}
private void BotonIgual_Click(object sender, System.Windows.RoutedEventArgs e)
{
switch (Operador)
{
/* Implementar. Controlar con un switch el operador introducido y resultado
que se muestra en pantalla */
}
esNuevoNumero = true; /*obligamos a que despus de la operacin, se realice
un reasignacin de nmeros*/
}
void addToDisplayNumber(double digit)
{
/* Implementar. Controlaremos si el dgito introducido y que se deber mostrar
en pantalla sea un nuevo nmero partiendo desde los siguientes casos:

el valor de pantalla igual a 0,

nuevo nmero partiendo desde el valor de pantalla de un nmero anterior

y habiendo pulsado un operador con anterioridad

y por ltimo controlaremos que si el valor introducido no es un nuevo

nmero y no se encontraba el 0 en pantalla, mostrar el nmero
introducido. Ej: Si en pantalla existe un 1 y volvemos a teclear otro
nmero, por ejemplo el 2, mostrar el 12 en pantalla */
}
}
}
}

El aspecto grfico que tendr nuestra calculadora por defecto ser el

mostrado a continuacin:
-5-

Prctica 4 Opcional
Aplicacin Windows Phone con Blend.
Curso 2014/2015.

Interfaces de Usuario
Grado en Ingeniera Informtica en Tecnologas de la Informacin .
Departamento de Estadstica, Matemtica e Informtica
rea de Lenguajes y Sistemas Informticos

Se valorar usabilidad de la aplicacin, as como el uso de directrices

de guas de estilo/diseo, estndares, etc.

-6Prctica 4 Opcional
Aplicacin Windows Phone con Blend.
Curso 2014/2015.