Está en la página 1de 15

Utilizando la herramienta

de dibujo PictureBox
Inicio
 Crear un proyecto de Windows
Form en C#.
 Modifique el tamaño de la GUI a
400x400.
 Agregue el objeto PictureBox
(Caja de dibujo).
 Cambie el color del fondo de la
caja de dibujo a blanco.
 Modifique las siguientes
propiedades del objeto Picture
Box.
 Location = 12, 145
 Size=460, 304
Inicio

 Agregue dos botones de


iniciar y terminar.
 Doble clic en el botón de
iniciar.
Haga que el código se parezca al
siguiente
private void Iniciar_Click(object sender, EventArgs e)
{
// Se crea una variable tipo Bitmap.
Bitmap bitmap;
//Ahora se debe instanciar el objeto bitmap con el Picture Box.
bitmap = new Bitmap(pictureBox1.Width, pictureBox1.Height);
//Se asigna el objeto bitmap a la caja de dibujo como imágen
pictureBox1.Image = (Image)bitmap;
//Se crea el objeto gráfico para dibujar en el la caja de dibujo
Graphics gr = Graphics.FromImage(bitmap);
//Se dibuja una línea. Se utiliza los parámetros de pluma (Pen),
//punto inicial y punto final
gr.DrawLine(Pens.Black, new Point(0, 0), new Point(100, 100));
}
Ejecute el programa
Modificando puntos

private void Iniciar_Click(object sender, EventArgs e)


{
Bitmap bitmap;
Point p1 = new Point();
Point p2 = new Point();

bitmap = new Bitmap(pictureBox1.Width, pictureBox1.Height);


pictureBox1.Image = (Image)bitmap;
Graphics gr = Graphics.FromImage(bitmap);
p1.X = 40; p1.Y = 50;
p2.X = 200; p2.Y = 300;
gr.DrawLine(Pens.Black, p1, p2);
}
Probando
Modificando la pluma
Genere el siguiente código
private void Iniciar_Click(object sender, EventArgs e)
{
Bitmap bitmap;
Point p1, p2 = new Point();
//Se crea una pluma de color Cyan, con grosor 4
Pen pluma1 = new Pen(Color.Cyan,4);

bitmap = new Bitmap(pictureBox1.Width, pictureBox1.Height);


pictureBox1.Image = (Image)bitmap;
Graphics gr = Graphics.FromImage(bitmap);
p1.X = 40; p1.Y = 50;
p2.X = 200; p2.Y = 300;
gr.DrawLine(pluma1, p1, p2);
}
Ejecutando
Modificando la Interfaz de Usuario

 Cambie el objeto
Terminar, por
Senoidal.
 Haga los cambios en
las propiedades de
Text y Name.
Reestructure el código de la siguiente
manera:
 Variables globales:

// Se crea una variable tipo Bitmap.


Bitmap bitmap;
Point p1 = new Point();
Point p2 = new Point();
//Se crea una pluma de color Cyan, con grosor 4
Pen pluma1 = new Pen(Color.Cyan, 4);
Graphics gr;
Constructor

public Form1()
{
InitializeComponent();
//Ahora se debe instanciar el objeto bitmap con el Picture Box.
bitmap = new Bitmap(pictureBox1.Width, pictureBox1.Height);
}
Objeto Iniciar

private void Iniciar_Click(object sender, EventArgs e)


{
//punto inicial y punto final
p1.X = 40; p1.Y = 50;
p2.X = 200; p2.Y = 300;
//Se asigna el objeto bitmap a la caja de dibujo como imágen
pictureBox1.Image = (Image)bitmap;
//Se crea el objeto gráfico para dibujar en el la caja de dibujo
gr = Graphics.FromImage(bitmap);
//Se dibuja una línea. Se utiliza los parámetros de pluma (Pen)
gr.DrawLine(pluma1, p1, p2);
}
Probar

 Antes de continuar,
verifique que el
programa sigue
funcionando
correctamente.
Doble clic en el objeto Senoidal

 Escriba el código para graficar la función senoidal

También podría gustarte