Creación de un cuadro de diálogo. Apuntes de Análisis y desarrollo

Apuntes de Análisis y Desarrollo de
Aplicaciones Informáticas
2010/2011
PRÁCTICA 2
Creación de un cuadro de diálogo
ANÁLISIS Y DESARROLLO DE
APLICACIONES INFORMÁTICAS
Curso 2010/2011
Creación de un Cuadro de diálogo
Objeto de la clase form,
donde iremos colocando
otros objetos para resolver
el diseño de la aplicación.
Objetos diseñados por la
plataforma de VS, que se pueden
utilizar en cualquier proyecto.
ANÁLISIS Y DESARROLLO DE APLICACIONES INFORMÁTICAS: Creación de un cuadro de diálogo
(c) Carlos Soler y José Juan Arranz
2
1
Apuntes de Análisis y Desarrollo de
Aplicaciones Informáticas
2010/2011
Creación de un Cuadro de diálogo
En esta ventana de Diseño del objeto se
pueden cambiar las propiedades del
mismo. En este caso vamos a cambiar el
nombre “frmRecPol”.
ANÁLISIS Y DESARROLLO DE APLICACIONES INFORMÁTICAS: Creación de un cuadro de diálogo
3
Creación de un Cuadro de diálogo
A continuación cambiaremos el
nombre del formulario dentro del
“Explorador de soluciones”
ANÁLISIS Y DESARROLLO DE APLICACIONES INFORMÁTICAS: Creación de un cuadro de diálogo
(c) Carlos Soler y José Juan Arranz
4
2
Apuntes de Análisis y Desarrollo de
Aplicaciones Informáticas
2010/2011
Creación de un Cuadro de diálogo
Seguidamente se puede cambiar
en texto que aparece en el
formulario. Donde aparece
“Form1”, pondremos paso de
rectangulares a Polares”
ANÁLISIS Y DESARROLLO DE APLICACIONES INFORMÁTICAS: Creación de un cuadro de diálogo
5
Creación de un Cuadro de diálogo
Nada mas confirmar el cambio
de texto del formulario se
comprueba como desaparece
la palabra Form para ser
sustituido por la selección
realizada
ANÁLISIS Y DESARROLLO DE APLICACIONES INFORMÁTICAS: Creación de un cuadro de diálogo
(c) Carlos Soler y José Juan Arranz
6
3
Apuntes de Análisis y Desarrollo de
Aplicaciones Informáticas
2010/2011
Creación de un Cuadro de diálogo
1. Inclusión de objetos
de comunicación.
Entrada-Salida.
Elementos de
entrada
Inclusión de objetos de comunicación. Entrada – Salida
Elementos de Entrada. Coordenadas de los puntos. Se utilizarán
cajas de textos “TextBox”. Pero para poder moverlas todas a la vez
crearemos un grupo de cajas “Group Box”.
ANÁLISIS Y DESARROLLO DE APLICACIONES INFORMÁTICAS: Creación de un cuadro de diálogo
7
Creación de un Cuadro de diálogo
También deberemos cambiar las propiedades “Name” y “Text”.
Name: boxPto.
Text: Coordenadas de puntos.
Ahora dentro de este grupo deberemos añadir las cajas de texto por
donde se introducirán las coordenadas de los puntos.
ANÁLISIS Y DESARROLLO DE APLICACIONES INFORMÁTICAS: Creación de un cuadro de diálogo
(c) Carlos Soler y José Juan Arranz
8
4
Apuntes de Análisis y Desarrollo de
Aplicaciones Informáticas
2010/2011
Creación de un Cuadro de diálogo
También deberemos cambiar las propiedades “Name” y “Text”.
Name: boxPto.
Text: Coordenadas de puntos.
Ahora dentro de este grupo deberemos añadir las cajas de texto
mediante el cual se introducirán las coordenadas de los puntos
.
ANÁLISIS Y DESARROLLO DE APLICACIONES INFORMÁTICAS: Creación de un cuadro de diálogo
9
Creación de un Cuadro de diálogo
Como es lógico una vez realizada la
entrada de la coordenada Este del
primer punto, deberemos realizar la
entrada de la coordenada Norte del
mismo punto y las entradas
correspondientes del segundo punto.
ANÁLISIS Y DESARROLLO DE APLICACIONES INFORMÁTICAS: Creación de un cuadro de diálogo
(c) Carlos Soler y José Juan Arranz
10
5
Apuntes de Análisis y Desarrollo de
Aplicaciones Informáticas
2010/2011
Creación de un Cuadro de diálogo
2. Inclusión de objetos de comunicación. EntradaSalida. Elementos de salida
Cajas de texto donde se
presentarán los resultados
Etiquetas
informativas
Grupo de Caja para insertar las
etiquetas y cajas de texto de la
información procesada por la
aplicación
ANÁLISIS Y DESARROLLO DE APLICACIONES INFORMÁTICAS: Creación de un cuadro de diálogo
11
Creación de un Cuadro de diálogo
3. Elementos de iniciación del cálculo y terminación
Botón para terminar la
ejecución de la aplicación.
Botón para iniciar el cálculo
con los datos que se hayan
introducido en las cajas de
texto.
ANÁLISIS Y DESARROLLO DE APLICACIONES INFORMÁTICAS: Creación de un cuadro de diálogo
(c) Carlos Soler y José Juan Arranz
12
6
Apuntes de Análisis y Desarrollo de
Aplicaciones Informáticas
2010/2011
Creación de un Cuadro de diálogo
4. Inclusión del código necesario para la obtención de
los resultados deseados
Código generado automáticamente en el objeto Form.cs
namespace RecPol
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}
private void Form1_Load(object sender, EventArgs e)
{
}
}
}
ANÁLISIS Y DESARROLLO DE APLICACIONES INFORMÁTICAS: Creación de un cuadro de diálogo
13
Creación de un Cuadro de diálogo
5. Inclusión de código para interceptar eventos
private void textEste1_KeyPress(object sender, KeyPressEventArgs e)
{
if (e.KeyChar == 13)
{
if (textEste1.Text == "")
textEste1.Text = "0";
textNorte1.Focus();
}
}
ANÁLISIS Y DESARROLLO DE APLICACIONES INFORMÁTICAS: Creación de un cuadro de diálogo
(c) Carlos Soler y José Juan Arranz
14
7
Apuntes de Análisis y Desarrollo de
Aplicaciones Informáticas
2010/2011
Creación de un Cuadro de diálogo
6. Incorporación de una clase a nuestro proyecto
ANÁLISIS Y DESARROLLO DE APLICACIONES INFORMÁTICAS: Creación de un cuadro de diálogo
15
Creación de un Cuadro de diálogo
1
namespace RecPol
{
public class cRecPol
{
public double dblAcimut;
public double dblDistancia;
private double dblAx;
private double dblAy;
// constructor
public cRecPol()
{
}
2
// constructor
public cRecPol(cPunto2D oPto1, cPunto2D oPto2)
{
dblAx = oPto2.X - oPto1.X;
dblAy = oPto2.Y - oPto1.Y;
CalculoAcimut(dblAx, dblAy);
CalculoDistancia(dblAx, dblAy);
}
ANÁLISIS Y DESARROLLO DE APLICACIONES INFORMÁTICAS: Creación de un cuadro de diálogo
(c) Carlos Soler y José Juan Arranz
16
8
Apuntes de Análisis y Desarrollo de
Aplicaciones Informáticas
2010/2011
Creación de un Cuadro de diálogo
3
private void CalculoAcimut(double dblAx, double dblAy)
{
if (dblAy == 0)
{
if (dblAx == 0)
{
dblAcimut = 0;
return;
4
else
}
{
else
dblAcimut = Math.Atan(dblAx / dblAy)
if (dblAx > 0)
* 200 / Math.PI;
dblAcimut = 100;
if (dblAy < 0)
else
dblAcimut += 200;
else
dblAcimut = 300;
if (dblAx < 0)
return;
dblAcimut += 400;
}
}
}
ANÁLISIS Y DESARROLLO DE APLICACIONES INFORMÁTICAS: Creación de un cuadro de diálogo
17
Creación de un Cuadro de diálogo
5
private void CalculoDistancia(double dblAx, double dblAy)
{
dblDistancia = Math.Sqrt(dblAx * dblAx + dblAy * dblAy);
} // fin de función
} // fin de la clase
} // fin de namespace
ANÁLISIS Y DESARROLLO DE APLICACIONES INFORMÁTICAS: Creación de un cuadro de diálogo
(c) Carlos Soler y José Juan Arranz
18
9
Apuntes de Análisis y Desarrollo de
Aplicaciones Informáticas
2010/2011
Creación de un Cuadro de diálogo
7. Momento para realizar el cálculo de cambio de
coordenadas
Interceptar el evento de
pulsar el botón “Calcular”
ANÁLISIS Y DESARROLLO DE APLICACIONES INFORMÁTICAS: Creación de un cuadro de diálogo
19
Creación de un Cuadro de diálogo
7. Momento para realizar el cálculo de cambio de
coordenadas
private void btCalcular_Click(object sender, EventArgs e)
{
cPunto2D oPunto1 = new cPunto2D();
cPunto2D oPunto2 = new cPunto2D();
oPunto1.X
oPunto1.Y
oPunto2.X
oPunto2.Y
=
=
=
=
Convert.ToDouble(textEste1.Text);
Convert.ToDouble(textNorte1.Text);
Convert.ToDouble(textEste2.Text);
Convert.ToDouble(textNorte2.Text);
cRecPol oRecPol = new cRecPol(oPunto1,oPunto2);
this.textAcimut.Text = Convert.ToString(oRecPol.dblAcimut);
this.textDistancia.Text = Convert.ToString(oRecPol.dblDistancia);
} // fin de la función botón_click
ANÁLISIS Y DESARROLLO DE APLICACIONES INFORMÁTICAS: Creación de un cuadro de diálogo
(c) Carlos Soler y José Juan Arranz
20
10
Apuntes de Análisis y Desarrollo de
Aplicaciones Informáticas
2010/2011
Creación de un Cuadro de diálogo
8. Inclusión de una caja de diálogo
private void btTerminar_Click(object sender, EventArgs e)
{
MessageBoxButtons botones = MessageBoxButtons.YesNo;
string strMensaje = "Desea terminar de realizar cambio de coordenadas?";
string strTitulo = "Cambio de Coordenadas";
DialogResult resultado;
resultado=MessageBox.Show(strMensaje, strTitulo, botones,
MessageBoxIcon.Exclamation);
if (resultado == System.Windows.Forms.DialogResult.Yes)
{
this.Close();
}
}
ANÁLISIS Y DESARROLLO DE APLICACIONES INFORMÁTICAS: Creación de un cuadro de diálogo
21
Creación de un Cuadro de diálogo
8. Inclusión de una caja de diálogo
ANÁLISIS Y DESARROLLO DE APLICACIONES INFORMÁTICAS: Creación de un cuadro de diálogo
(c) Carlos Soler y José Juan Arranz
22
11