Está en la página 1de 11

Universidad Israel

Ciencias de la Ingeniería
Carrera de Sistemas de Información
ESTUDIANTE: Juan Vargas
CURSO: Séptimo PARALELO: “A”
TEMA: Aplicaciones Visual C# (Gráficas)
PROFESOR: Mg. Luis Fernando Aguas Bucheli

1. TEMA: Aplicaciones Visual C# (Gráficas)

2. OBJETIVOS:

• Crear un aplicativo grafico mediante figuras en Windows Forms.


• conceptos básicos relacionados con Visual C# (Gráficas).
• Reconocer las características de Visual y Windows Form en modo gráfico.
• interfaz gráfica basada en Windows Form.

3. INTRODUCCION:

Windows Forms (Gráficas)

Windows es un entorno gráfico, por lo que se podría suponer que deberíamos tener la posibilidad
de trabajar en "modo gráfico" desde dentro de Windows, los métodos más usados para dibujar
líneas, rectángulos, elipses, curvas, etc.

De esta manera existen tres objetos independientes que van a interactuar entre sí:
• recibe los eventos de parte de una ventana gráfica o transmitirlos a través de un
controlador especial.
• un controlador en forma dinámica Net.
• una ventana gráfica de interfaz con el usuario a través de C#.

4. DESARROLLO:

Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información

Crear un proyecto nuevo en Windows Forms.

Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
En la siguiente opción colocamos el nombre en la parte nombre proyecto y luego en crear.

Damos clic en el Form, luego vamos a propiedades y en text colocamos: Figuras Geométricas

Nos vamos al Cuadro de Herramientas, escogemos un panel y un button y lo ponemos en el


Form

Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información

Seleccionamos el panel y vamos a propiedades y en Border Style seleccionamos: Fixed3D


Luego vamos a backcolor y escogemos

Luego seleccionamos el Button y vamos a propiedades y en text ponemos Ver


Damos doble clic en el botón para activar el evento clic, teniendo:

Declaramos las siguientes variables en esta parte:

Graphics g;
bool band = false;

Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información

En el constructor del Form, colocamos lo siguiente:

public Form1()
{ InitializeComponent(); g =
panel1.CreateGraphics();
}

Con eso capturamos la parte gráfica del panel para poder dibujar
En el botón colocamos lo siguiente:

private void button1_Click(object


sender, EventArgs e)
{
band = true;
this.Refresh();
}

Eso nos ayudará a que el área gráfica se actualice, cuando empecemos a dibujar

Para el Círculo:
Creamos la siguiente función

public void dibujarcirculo (Graphics g, int x, int y, int radio)


{
Font letra = new Font("Arial", 10); Font letra1 = new Font("Calibri", 12);
g.DrawString("Círculo", letra1, Brushes.Black, x, y - 30, new StringFormat());

Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
g.FillEllipse(new SolidBrush(Color.CadetBlue), x, y, radio * 4, radio
* 4);
g.DrawString("Área: " + radio*radio*Math.PI + "m²", letra, Brushes.Black, x,
y+120, new StringFormat()); g.DrawString("Perímetro: " + 2 * Math.PI*radio +
"m", letra, Brushes.Black, x, y + 140, new StringFormat());
}

Luego vamos a la vista diseño y seleccionamos al panel


Damos doble clic y generamos el evento Paint, para poder dibujar

Compilamos y ejecutamos

Para la elipse:
Creamos la siguiente función

Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
public void dibujarelipse(Graphics g, int x, int y, int radio1, int radio2)
{

Font letra = new Font("Arial", 10); Font letra1 = new


Font("Calibri", 12); g.DrawString("Elipse", letra1,
Brushes.Black, x, y-30, new StringFormat());
g.FillEllipse(new SolidBrush(Color.Orange), x, y, radio1 * 4, radio2 *
4);
g.DrawString("Área: " + radio1 * radio2 * Math.PI + "m²", letra,
Brushes.Black, x, y + 120, new StringFormat());
g.DrawString("Perímetro: " + 2 * Math.PI *Math.Pow( (Math.Pow(radio1,
2)+Math.Pow(radio2,2))/2,0.5) + "m", letra, Brushes.Black, x, y + 140, new
StringFormat());
}

Luego vamos a la vista diseño y seleccionamos al panel


Damos doble clic y generamos el evento Paint, para poder dibujar
Aumentamos la siguiente línea de código:

dibujarelipse(g, x, y, 50, 25);

Compilamos y ejecutamos

Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información

Para el cuadrado:
Creamos la siguiente función

public void dibujarcuadrado(Graphics g, int x, int y, int lado)


{
Font letra = new Font("Arial", 10); Font letra1 = new
Font("Calibri", 12); g.DrawString("Cuadrado", letra1,
Brushes.Black, x, y - 30, new StringFormat());
g.FillRectangle(new SolidBrush(Color.Yellow), x, y, lado * 4, lado *
4); g.DrawString("Área: " + lado * lado + "m²", letra, Brushes.Black,
x, y + 120, new StringFormat());
g.DrawString("Perímetro: " + lado*4 + "m", letra, Brushes.Black, x, y
+ 140, new StringFormat());
}

Luego vamos a la vista diseño y seleccionamos al panel


Damos doble clic y generamos el evento Paint, para poder dibujar
Aumentamos la siguiente línea de código:
dibujarcuadrado(g, x + 480, y , 25);

Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información

Compilamos y ejecutamos

Para el rectángulo:
Creamos la siguiente función
public void dibujarrectagulo(Graphics g, int x, int y, int a, int b)
{
Font letra = new Font("Arial", 10); Font letra1 = new
Font("Calibri", 12); g.DrawString("Rectángulo", letra1,
Brushes.Black, x, y - 30, new StringFormat());
g.FillRectangle(new SolidBrush(Color.Yellow), x, y, a * 4, b * 4);
g.DrawString("Área: " +b*a + "m²", letra, Brushes.Black, x, y + 120,
new StringFormat());
g.DrawString("Perímetro: " + 2*b+2*a + "m", letra, Brushes.Black, x,
y + 140, new StringFormat());

Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información

Luego vamos a la vista diseño y seleccionamos al panel


Damos doble clic y generamos el evento Paint, para poder dibujar
Aumentamos la siguiente línea de código:
dibujarrectagulo(g, x, y+240, 50, 25)

Compilamos y ejecutamos

En caso de que no se visualice bien, vamos a la vista diseño y agrandamos el panel

Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información

Compilamos y Ejecutamos

5. CONCLUSIONES:

• análisis de conceptos básicos de la programación en general del modo grafico que


nos permite realizar Windows Form.
• se desarrolla paso a paso de las líneas de código e instrucciones para lograr crear un
aplicativo en modo gráfico.
• interfaces de los aspectos de arquitectura de programación.

6. RECOMENDACIONES:
• se desarrolla destrezas con las instrucciones paso a paso para crear una aplicación
con modo grafico en Windows Forms.
• metodología de adquisición de conceptos básicos relacionados con visual estudio.
• Podemos tomar como guía este proyecto para agregar modificar y eliminar
diferentes figuras para entender su estructura

7. BIBLIOGRAFIA:

Ceballos Sierra,F. J.(2015). Enciclopedia de Microsoft Visual C#:interfaces graficas y aplicaciones


para Internet con Windos Forms y ASP.NET(4a.ed.)- Grupo Editorial RA-MA.
https://elibro.net/es/lc/uisrael/titulos/62510

Ciencias de la Ingeniería

También podría gustarte