C# Dirigido a estudiantes Primiparos o Autodidactas

[CompSystems]

Este post lo abro con el propósito para discutir sobre los ejemplos propuestos en el libro (C# para Estudiantes), ademas para resolver dudas y entre todos compartir y aprender mas, como también espero su contribución

C# para Estudiantes

Español Autor: Douglas Bell & Mike Parr  Publicación:2011

Descripción:
Si nunca ha programado si es un completo principiante, este libro es para usted. No necesita
tener conocimientos previos sobre programación, ya que en el texto se explican los conceptos desde
cero con un estilo simple y directo para conseguir la máxima claridad. El libro está dirigido
a los estudiantes universitarios de primer nivel, pero también es apropiado para los principiantes
autodidactas.



Recordemos que

En el entorno de programación Microsoft Visual Studio, el formulario o FORM es una ventana de diseño donde colocamos objetos o CONTROLES como Botones o teclas virtuales etc, que generan código automático (lo fácil) esta ventana la denominare de ahora en adelante como Interface Gráfica de Programación o IGP, Mientras que la ventana denominada forms*.cs es donde codificamos manualmente (lo duro)

Un evento(s) por lo general son generados cuando se oprime por ejemplo un botón.

... redactando

[CompSystems]

Primer programa tipo WindowsFormsApplication1 lo denominare como ¨Primer_Programa_Evento_Control¨

Uso Visual Studio 2013

Un proyecto vacío genera el siguiente código automáticamente, OLVIDÉMONOS POR AHORA DE ENTENDER EL CÓDIGO ENCABEZADO Y OTROS DETALLES DEL MISMO

Código: C#

1. using System;
2. using System.Collections.Generic;
3. using System.ComponentModel;
4. using System.Data;
5. using System.Drawing;
6. using System.Linq;
7. using System.Text;
8. using System.Threading.Tasks;
9. using System.Windows.Forms;
10.  
11. namespace Primer_Programa_Evento_Control
12. {
13.     public partial class Form1 : Form
14.     {
15.         public Form1()
16.         {
17.             InitializeComponent();
18.         }
19.     }
20. }

Si agregamos una etiqueta o LABEL en la IGP y si le damos doble clic, incrusta el siguiente código DENOMINADO METODO,

        // Control usado label1_Click
        private void label1_Click(object sender, EventArgs e) // METODO DE LABEL#1
        {

        }

Si la etiqueta se defino como ¨Hola¨ esta no aparecerá dentro del código, solo en la ventana de la interface gráfica de programación (IGP)

Ahora si agregamos un botón en la IGP se incrusta el siguiente METODO

        private void button1_Click(object sender, EventArgs e) // METODO DEL BOTON#1
        {

        }

Ahora se requiere que el boton1 cambie la etiqueta de "Hola" por "Hola Mundo"

entonces escribimos label1.Text = "Hola Mundo";  dentro del método anterior

        private void button1_Click(object sender, EventArgs e) // METODO DEL BOTON#1
        {
            label1.Text = " Mundo"; // TEXTO DE LA ETIQUETA #1
        }

Y al ejecutarse este primer programa, hará que cuando se pulse el boton1 se muestre "Hola Mundo"

Código: C#

1. using System;
2. using System.Collections.Generic;
3. using System.ComponentModel;
4. using System.Data;
5. using System.Drawing;
6. using System.Linq;
7. using System.Text;
8. using System.Threading.Tasks;
9. using System.Windows.Forms;
10.  
11. namespace Primer_Programa_Evento_Control
12. {
13.     public partial class Form1 : Form
14.     {
15.         public Form1()
16.         {
17.             InitializeComponent();
18.         }
19.  
20.         // Control usado: label1_Click
21.         private void label1_Click(object sender, EventArgs e) // METODO DE LABEL#1
22.         {
23.  
24.         }
25.  
26.          // Control usado button1_Click
27.         private void button1_Click(object sender, EventArgs e) // METODO DEL BOTON#1
28.         {
29.             // Evento a generar cuando se hace clic
30.             label1.Text = "Hola Mundo"; // TEXTO DE LA ETIQUETA #1
31.         }
32.     }
33. }

Si deseamos que ademas de desplegar un texto se genere una nueva ventana o caja de mensajes escribimos una nueva sentencia dentro del METODO del boton1

MessageBox.Show("Hola 2");

        private void button1_Click(object sender, EventArgs e) // METODO DEL BOTON#1
        {
            label1.Text = "Hola Mundo"; // TEXTO DE LA ETIQUETA #1
            MessageBox.Show("Hola 2"); // MOSTRAR  EN UNA CAJA DE MENSAJES
        }

pero si se requiere que otro botón realice dicha funcion entonces se "pega" un nuevo boton en la IGP

        private void button2_Click(object sender, EventArgs e) // METODO DEL BOTON#2
        {
            MessageBox.Show("Hola 2"); // MOSTRAR  EN UNA CAJA DE MENSAJES
        }

Note que el posfijo de BUTTON paso de 1 a 2

Código: C#

1. using System;
2. using System.Collections.Generic;
3. using System.ComponentModel;
4. using System.Data;
5. using System.Drawing;
6. using System.Linq;
7. using System.Text;
8. using System.Threading.Tasks;
9. using System.Windows.Forms;
10.  
11. namespace Primer_Programa_Evento_Control
12. {
13.     public partial class Form1 : Form
14.     {
15.         public Form1()
16.         {
17.             InitializeComponent();
18.         }
19.  
20.         // Control usado: label1_Click
21.         private void label1_Click(object sender, EventArgs e) // METODO DE LABEL#1
22.         {
23.  
24.         }
25.  
26.         // Control usado button1_Click
27.         private void button1_Click(object sender, EventArgs e) // METODO DEL BOTON#1
28.         {
29.  
30.             // Evento a generar cuando se hace clic
31.             label1.Text = "Hola Mundo"; // TEXTO DE LA ETIQUETA #1
32.         }
33.  
34.          // Control usado: button2_Click
35.         private void button2_Click(object sender, EventArgs e) // METODO DEL BOTON#2
36.         {
37.             // Evento a generar cuando se hace clic
38.             MessageBox.Show("Hola 2"); // MOSTRAR  EN UNA CAJA DE MENSAJES
39.         }
40.  
41.     }
42. }

[CompSystems]

Ejemplo #2 Creación de imágenes fijas a partir de formas simples

Mostrar 2 rectángulos en una cuadro de imagen cuando se hace clic en el boton de nombre "Dibujar"

el control PictureBox es una caja o área de gráficos vacía donde la esquina superior izquierda tiene como coordenada (x,y)=(0,0) e incrementa cada pixel 'x' de izquierda a derecha y 'y' de arriba hacia abajo

Agregamos un button y un PictureBox

Código: C#

1. using System;
2. using System.Collections.Generic;
3. using System.ComponentModel;
4. using System.Data;
5. using System.Drawing;
6. using System.Linq;
7. using System.Text;
8. using System.Threading.Tasks;
9. using System.Windows.Forms;
10.  
11. namespace Segundo_Programa_Graficacion1
12. {
13.     public partial class Form1 : Form
14.     {
15.         public Form1()
16.         {
17.             InitializeComponent();
18.         }
19.  
20.          // Control usado: pictureBox1
21.         private void pictureBox1_Click(object sender, EventArgs e)
22.         {
23.  
24.         }
25.  
26.          // Control usado: button1_Click
27.         private void button1_Click(object sender, EventArgs e) // METODO DEL BOTON#1
28.         {
29.  
30.             // Evento a generar cuando se hace clic
31.            
32.         }
33.  
34.  
35.     }
36. }

recordando la definición y declaración de una variable en C

  int ENTERO1; // Declaración de una variable, el nombre del a variable es ENTERO1, el tipo de dato es INTEGER

  ENTERO1 = 8; // Definición o asignación de la variable declarada anteriormente y su valor es 8

Análogamente se puede definir y declarar objetos gráficos

           Graphics hojaN1; // Declaración de una variable u objeto denominada hoja numero1, el tipo de dato es GRAPHICS

            hojaN1 = pictureBox1.CreateGraphics(); // asignamos una caja o área vacía para gráfico a la variable hojaN1

El evento a generar es que cuando se oprima el boton1 se muestre o dibuje objetos dentro del área de graficacion, por lo tanto escribimos el código dentro del método del boton1

 

Código: C#

1. // Control usado: button1_Click
2.         private void button1_Click(object sender, EventArgs e) // METODO DEL BOTON#1
3.         {
4.              // Evento a generar cuando se hace clic
5.            Graphics hojaN1; // Declaración de una variable u objeto denominada hoja numero1, el tipo de dato es GRAPHICS
6.  
7.             hojaN1 = pictureBox1.CreateGraphics(); // asignamos una caja o área vacía para gráfico a la variable hojaN1
8.            
9.         }

hay una función o método  para dibujar rectángulos que requiere de los siguiente argumentos o parámetros

DrawRectangle( Objeto para dibujar, Xsuperior, Ysup, Width, High );

El primer argumento puede ser un PEN, SOLIDBRUSH entre otros

Como crear estos objetos
  

            Pen lapizN1 = new Pen(Color.Black); // Se creo un nuevo objeto llamado lapizNumero1 que "escribe" en color negro

            SolidBrush PincelRellenoN1 = new SolidBrush(Color.Gray); // Se creo un nuevo objeto llamado PincelRellenoNumero1 que "escribe" en color gris solid


entonces la funcion DrawRectangle podría contener los siguientes argumentos

DrawRectangle( lapizN1, 10, 10, 100, 50 );

pero se requiere dibujarlos sobre un objeto, el cual es para este ejemplo hojaN1

hojaN1.DrawRectangle(lapizN1, 10, 10, 100, 50);

ya tenemos nuestro primer dibujo realizado en C#


también se puede definir variables para los argumentos

           int Pos_xSuperior = 10;
            int Pos_ySuperior = 80;
            int Rect_width = 100;
            int Rect_high = 50;

             hojaN1.DrawRectangle(lapizN1, Pos_xSuperior, Pos_ySuperior, Rect_width, Rect_high);

Código: C#

1. using System;
2. using System.Collections.Generic;
3. using System.ComponentModel;
4. using System.Data;
5. using System.Drawing;
6. using System.Linq;
7. using System.Text;
8. using System.Threading.Tasks;
9. using System.Windows.Forms;
10.  
11. namespace Segundo_Programa_Graficacion1
12. {
13.     public partial class Form1 : Form
14.     {
15.         public Form1()
16.         {
17.             InitializeComponent();
18.         }
19.  
20.         // Control usado: pictureBox1
21.         private void pictureBox1_Click(object sender, EventArgs e)
22.         {
23.  
24.         }
25.  
26.         // Control usado: button1_Click
27.         private void button1_Click(object sender, EventArgs e) // METODO DEL BOTON#1
28.         {
29.             // Evento a generar cuando se hace clic
30.             Graphics hojaN1; // Declaración de una variable u objeto denominada hoja numero1, el tipo de dato es GRAPHICS
31.  
32.             hojaN1 = pictureBox1.CreateGraphics(); // asignamos una caja o área vacía para gráfico a la variable hojaN1
33.  
34.             Pen lapizN1 = new Pen(Color.Black); // Se creo un nuevo objeto llamado lapizNumero1 que "escribe" en color negro
35.  
36.             SolidBrush PincelRellenoN1 = new SolidBrush(Color.Gray); // Se creo un nuevo objeto llamado PincelRellenoNumero1 que "escribe" en color gris solid
37.  
38.             hojaN1.DrawRectangle(lapizN1, 10, 10, 100, 50); // Dibuja con lapizN1 un rectángulo en la coordenada (10, 10), de ancho 100 y alto 50
39.  
40.             // Usando variables como parametros
41.             int Pos_xSuperior = 10;
42.             int Pos_ySuperior = 80;
43.             int Rect_width = 100;
44.             int Rect_high = 50;
45.  
46.            hojaN1.DrawRectangle(lapizN1, Pos_xSuperior, Pos_ySuperior, Rect_width, Rect_high); // Dibuja con lapizN1 un 2do rectángulo en la coordenada (10, 80) de ancho 100 y alto 50
47.  
48.         }
49.  
50.  
51.     }
52. }

otros dibujos para el ejemplo anterior


            hojaN1.DrawLine(lapizN1, 10, 10, 100, 60); // Dibuja con lapizN1 una linea en la coordenada  inicial (10, 10) , final en (100, 60)

            hojaN1.DrawEllipse(lapizN1, 10, 80, 100, 50); // Dibuja con lapizN1 una elipse en la coordenada  inicial (10, 80) , de ancho 100 y alto 50

            hojaN1.FillEllipse(PincelRellenoN1, 10, 150, 100, 50); // Dibuja con PincelRellenoN1 una elipse en la coordenada  inicial (10, 150) , de ancho 100 y alto 50

[jhozate]

Sigo el hilo, me interesa mucho, que versión de visual studio estas usando?

edit. He leído que se puede descargar Visual C# 2008 Express Edition, y no todo el paquete de visual , y que los ejemplos del libro se pueden desarrollar con esa version

[CompSystems]

usando el método o función DrawImage podemos pegar una imagen desde una archivo dentro de una área de graficacion

primero se debe crear el objeto que contenga dicha imagen, si la imagen se denomina background.bmp y si esta esta ubicada en C:\Users\userName\Documents entonces

Bitmap MiImagen = new Bitmap( @"C:\Users\userName\Documents\background.bmp") ; // requiere prefijo @ antes de la ruta o path

ahora para colocar la imagen

hojaN1.DrawImage(MiImagen, 130, 10, 130, 68); // se ubica background.bmp en la coordenada (130,10) de ancho 130 y alto 68

Código: C#

1. using System;
2. using System.Collections.Generic;
3. using System.ComponentModel;
4. using System.Data;
5. using System.Drawing;
6. using System.Linq;
7. using System.Text;
8. using System.Threading.Tasks;
9. using System.Windows.Forms;
10.  
11. namespace Segundo_Programa_Graficacion1
12. {
13.     public partial class Form1 : Form
14.     {
15.         public Form1()
16.         {
17.             InitializeComponent();
18.         }
19.  
20.         // Control usado: pictureBox1
21.         private void pictureBox1_Click(object sender, EventArgs e)
22.         {
23.  
24.         }
25.  
26.         // Control usado: button1_Click
27.         private void button1_Click(object sender, EventArgs e) // METODO DEL BOTON#1
28.         {
29.             // Evento a generar cuando se hace clic
30.             Graphics hojaN1; // Declaración de una variable u objeto denominada hoja numero1, el tipo de dato es GRAPHICS
31.  
32.             hojaN1 = pictureBox1.CreateGraphics(); // asignamos una caja o área vacía para gráfico a la variable hojaN1
33.  
34.             Pen lapizN1 = new Pen(Color.Black); // Se creo un nuevo objeto llamado lapizNumero1 que "escribe" en color negro
35.  
36.             SolidBrush PincelRellenoN1 = new SolidBrush(Color.Gray); // Se creo un nuevo objeto llamado PincelRellenoNumero1 que "escribe" en color gris solid
37.  
38.             // Dibujar un rectángulo a 10 pixeles del origen tanto en x como y
39.  
40.             hojaN1.DrawRectangle(lapizN1, 10, 10, 100, 50); // Dibuja con lapizN1 un rectángulo en la coordenada (10, 10), de ancho 100 y alto 50
41.  
42.            // Dibujar una linea recta que divida el rectángulo anterior, tener en cuenta que el desface es de 10 pixeles  
43.             hojaN1.DrawLine(lapizN1, 10, 10, 110, 60); // Dibuja con lapizN1 una linea en la coordenada  inicial (10, 10) , final en (100, 60)
44.  
45.             // Dibujar un 2do rectángulo
46.             // Usando variables como parámetros
47.             int Pos_xSuperior = 10; // definición de una variable denominada Pos_xSuperior de tipo entero y de valor 10
48.             int Pos_ySuperior = 80;
49.             int Rect_width = 100;
50.             int Rect_high = 50;
51.  
52.             hojaN1.DrawRectangle(lapizN1, Pos_xSuperior, Pos_ySuperior, Rect_width, Rect_high); // Dibuja con lapizN1 un 2do rectángulo en la coordenada (10, 80) de ancho 100 y alto 50
53.  
54.             // Sobre el rectángulo dibujar una elipse
55.  
56.             hojaN1.DrawEllipse(lapizN1, Pos_xSuperior, Pos_ySuperior, 100, 50); // Dibuja con lapizN1 una elipse en la coordenada  inicial (10, 80) , de ancho 100 y alto 50
57.  
58.             // dibujar una elipse llena abajo
59.  
60.             hojaN1.FillEllipse(PincelRellenoN1, 10, 150, 100, 50); // Dibuja con PincelRellenoN1 una elipse en la coordenada  inicial (10, 150) , de ancho 100 y alto 50
61.  
62.            
63. // pegar una imagen ya definida
64.  
65.             Bitmap MiImagen = new Bitmap(@"C:\Users\userName\Documents\background.bmp");
66.  
67.             hojaN1.DrawImage(MiImagen, 130, 10, 130, 68); // // se ubica background.bmp en la coordenada (130,10) de ancho 130 y alto 68
68.  
69.         }
70.  
71.  
72.     }
73. }

[CompSystems]

Creación de métodos propios

Código: C#

1. using System;
2. using System.Collections.Generic;
3. using System.ComponentModel;
4. using System.Data;
5. using System.Drawing;
6. using System.Linq;
7. using System.Text;
8. using System.Threading.Tasks;
9. using System.Windows.Forms;
10.  
11. namespace Segundo_Programa_Graficacion1
12. {
13.     public partial class Form1 : Form
14.     {
15.         public Form1()
16.         {
17.             InitializeComponent();
18.         }
19.  
20.         // Control usado: pictureBox1
21.         private void pictureBox1_Click(object sender, EventArgs e)
22.         {
23.  
24.         }
25.  
26.         // Control usado: button1_Click
27.         private void button1_Click(object sender, EventArgs e) // METODO DEL BOTON#1
28.         {
29.             // Evento a generar cuando se hace clic
30.             Graphics hojaN1; // Declaración de una variable u objeto denominada hoja numero1, el tipo de dato es GRAPHICS
31.  
32.             hojaN1 = pictureBox1.CreateGraphics(); // asignamos una caja o área vacía para gráfico a la variable hojaN1
33.  
34.             Pen lapizN1 = new Pen(Color.Black); // Se creo un nuevo objeto llamado lapizNumero1 que "escribe" en color negro
35.  
36.             SolidBrush PincelRellenoN1 = new SolidBrush(Color.Gray); // Se creo un nuevo objeto llamado PincelRellenoNumero1 que "escribe" en color gris solid
37.  
38.             // Dibujar un rectángulo a 10 pixeles del origen tanto en x como y
39.  
40.             hojaN1.DrawRectangle(lapizN1, 10, 10, 100, 50); // Dibuja con lapizN1 un rectángulo en la coordenada (10, 10), de ancho 100 y alto 50
41.  
42.             // Dibujar una linea recta que divida el rectángulo anterior, tener en cuenta que el desface es de 10 pixeles  
43.             hojaN1.DrawLine(lapizN1, 10, 10, 110, 60); // Dibuja con lapizN1 una linea en la coordenada  inicial (10, 10) , final en (100, 60)
44.  
45.             // Dibujar un 2do rectángulo
46.             // Usando variables como parámetros
47.             int Pos_xSuperior = 10; // definición de una variable denominada Pos_xSuperior de tipo entero y de valor 10
48.             int Pos_ySuperior = 80;
49.             int Rect_width = 100;
50.             int Rect_high = 50;
51.  
52.             hojaN1.DrawRectangle(lapizN1, Pos_xSuperior, Pos_ySuperior, Rect_width, Rect_high); // Dibuja con lapizN1 un 2do rectángulo en la coordenada (10, 80) de ancho 100 y alto 50
53.  
54.             // Sobre el rectángulo dibujar una elipse
55.  
56.             hojaN1.DrawEllipse(lapizN1, Pos_xSuperior, Pos_ySuperior, 100, 50); // Dibuja con lapizN1 una elipse en la coordenada  inicial (10, 80) , de ancho 100 y alto 50
57.  
58.             // dibujar una elipse llena abajo
59.  
60.             hojaN1.FillEllipse(PincelRellenoN1, 10, 150, 100, 50); // Dibuja con PincelRellenoN1 una elipse en la coordenada  inicial (10, 150) , de ancho 100 y alto 50
61.  
62.  
63.             // pegar una imagen ya definida
64.  
65.             Bitmap MiImagen = new Bitmap(@"C:\Users\JaimeFernando\Documents\background.bmp");
66.  
67.             hojaN1.DrawImage(MiImagen, 130, 10, 130, 68); // // se ubica background.bmp en la coordenada (130,10) de ancho 130 y alto 68
68.  
69.             // Realizar un marco a la elipse rellena
70.  
71.             DibujarRect(hojaN1, lapizN1, 10, 150);
72.  
73.             int areaDelRectangulo = calcularArea(3, 4);
74.             // o en dos sentencias
75.             // int areaDelRectangulo; areaDelRectangulo=calcularArea(3,4);
76.             MessageBox.Show("El area mide " + Convert.ToString(areaDelRectangulo));
77.  
78.             // Dibujar un rectangulo sobre el eje de la elipse
79.             DibujarRect2(hojaN1, lapizN1, 110, 150);
80.  
81.         }
82.         //private = metodo solo puede ser invocado desde el interior de programa
83.         //void no retorna nada, solo realiza una tarea interna
84.         //la lista entre parentesis () del metodo se denominan parametros, mientras que la lista de invocacio son los argumentos
85.         // las variables de los parametros son locales dentro del cuerpo de la funcion metodo
86.         private void DibujarRect(Graphics hojaN1_copy, Pen lapizN1_copy, int Pos_xSuperior, int Pos_ySuperior)
87.         {
88.             hojaN1_copy.DrawRectangle(lapizN1_copy, Pos_xSuperior, Pos_ySuperior, 100, 50); // Ancho y Alto predefinidos
89.         }
90.  
91.         //int debe retorna un entero, transfiere informacion en el punto donde fue invocado usando la instruccion RETURN
92.         private int calcularArea(int Rect_width, int Rect_high)
93.         {
94.             int area = Rect_width * Rect_high;
95.             return area;
96.             //return Rect_width * Rect_high; // en una sola sentencia
97.             // return // sin argumentos sirve para que el metodo termine sin ejecutar el resto de instrucciones, para esto se debe usar void en la declaracion
98.  
99.         }
100.  
101.         // Llamando a otros metodos dentro de un metodo pag75
102.         private void DibujarRect2(Graphics hojaN1_copy, Pen lapizN1_copy, int Pos_xSuperior, int Pos_ySuperior)
103.         {
104.             DibujarRect(hojaN1_copy, lapizN1_copy, 10, 175);
105.         }
106.  
107.  
108.  
109.     }
110. }

redactando ...