Descripción: En este post vamos a realizar un programa para manejar los pixeles de un imagen .bmp ademas de manipular colores.
El objetivo de este post es proporcionar una clara explicación del manejo de Borland C++ Builder 6 para graficos.
Comencemos
1. Nuestra interfaz debe quedar de la siguiente manera:
2.Primero agregamos 3 Images y 3 Button
Para agregar los componentes nos vamos a la barra que se encuentra arriba y seleccionamos lo que necesitamos.
En el caso de las imagenes podemos darle el tamaño que deseamos pero teniendo en cuenta que vamos a insertar una imagen del mismo tamaño. Yo lo puse 201x281 PIXELES para una imagen de la película UP.
Para modificar el tamaño te vas a Properties(PROPIEDADES) en la parte izquierda del compilador.
1 GroupBox y 4 RadioButton sobre el GroupBox.
Ahora solo faltan 2 botones(Button)extras y un SpeedButton.
3.Vamos a darles Texto a nuestros componentes.
En el caso de nuestros Buttons y GroupBox nos vamos a propiedades y cambiamos la propiedad Caption por los nombres correspondientes como se ve en la figura anterior.
Button1-Rojo
Button2-Verde
Button3-Azul
Button4-Reflejo
Button5-Invertir
RadioButto1-VerdeRadioButto2-Azul
RadioButto3-Rojo
RadioButto1-Ningu Color
GoupBox1-Tono del Reflejo
Para el SpeedButton vamos a agregarle un icono y a poner en su propiedad Caption el Texto "Rotar".
Para crear nuestro icono nos vamos a la barra de menús y seleccionamos la pestaña Tools y seleccionamos Image Editor.
Y procedemos a crear un icono que represente el símbolo de ROTACIÓN.
Para iniciar damos clic en Archivo/Nuevo/ y le damos el la opción BitMap file
Ahora seleccionamos el SpeedButton cambiamos el Caption y nos vanos a la propiedad Glyph. Le damos clic al boton señalado en la segunada imagen.
Nos aparecerá una ventana y le damos clic en load, buscamos nuestra imagen BMP previamente creada y le damos clic en OK
3. El siguiente paso es programar los botones para que realicen las siguientes funciones:
Los botones con el texto "Rojo","Verde","Azul" darán la tonalidad de dicho color a nuestra imagen.
Le damos doble clic al boton con el texto "Rojo" y agregamos el siguiente código:
Botón "Rojo"
//---------------------------------------------------------------------------
void __fastcall TForm1::Button1Click(TObject *Sender)
{
Image2->Visible=true;//Ponemos la imagen 2 visible en la forma.
TColor color;//Creamos una variable del tipo TColor para almacenar el pixel actual
for(int x=0;x<Image1->Width;x++)
for(int y=0;y<Image1->Height; y++)
{//Ciclo para recorrer el arreglo de la imagen, recordemos que el .bmp es
//una matriz, empezamos de la posición (0,0) hasta (Whidth, Heigth)
color= Image1->Canvas->Pixels[x][y];
//Aquí almacenamos el pixel según la posición usando la clase Canvas
Image2->Canvas->Pixels[x][y]=color&255;
// por ultimo a la imagen 2 le almacenamos el valor actual de color y le damos una tonalidad //roja
}
}
//----------------------------------------------------------------------------
Hacemos lo mismo para los botones "Verde" y "Azul" teniedo en cuenta lo siguiente
0X,00,00,00=Transparencia, Azul, Verde, Rojo.
activa rojo=OX0000FF recordemos que FF es igual a 255
activa verde=OX00FF00 en este caso activamos el verde pero el nivel de bits no es el mismo que el rojo
hacemos un corrimiento a la izquierda de 8 bits (255<<8)
activa azul=OXFF0000 es similar solo que hacemos un corrimiento de 16 bits(255<<16)
Para el Botón "Verde"
//---------------------------------------------------------------------------
void __fastcall TForm1::Button2Click(TObject *Sender)
{
Image2->Visible=true;
TColor color;
for(int x=0;x<Image1->Width;x++)
for(int y=0;y<Image1->Height; y++)
{
color= Image1->Canvas->Pixels[x][y];
Image2->Canvas->Pixels[x][y]=color&(255<<8);//Tonalidad verde
}
}
//---------------------------------------------------------------------------
Para el Botón "Azul"
void __fastcall TForm1::Button3Click(TObject *Sender)
{
Image2->Visible=true;
TColor color;
for(int x=0;x<Image1->Width;x++)
for(int y=0;y<Image1->Height; y++)
{
color= Image1->Canvas->Pixels[x][y];
Image2->Canvas->Pixels[x][y]=color&(255<<16);//Tonalidad azul
}
}
//---------------------------------------------------------------------------
Veamos como se ve al correr el programa y dar clic al botón programado
Ahora vamos a programar el botón de "Reflejo"
Para este botón he agregado opciones con RadioButtons para seleccionar un color haciéndolo mas dinámico.
void __fastcall TForm1::Button5Click(TObject *Sender)
{
TColor color;//variable para almacenar el pixel
Image3->Visible=false;//pone a la imagen 3 invisible
Image2->Visible=true;//pone la imagen dos visible
for(int x=0, r=Image1->Width ;x < Image1->Width ;x++, r--)
for(int y=0; y < Image1->Height; y++)
{//El reflejo es muy simple, consiste en enviar el pixel de la imagen 1 de la pos(0,0) a
//la pos(width, 0) de la imagen 2, (0,1)->(width,1) así sucesivamente y cuando
// termine el eje decrementamos width, es decir el eje x, hacemos un recorrido invertido
//El RadioButton4 sirve para no tener seleccionada ninguna opción
color= Image1->Canvas->Pixels[x][y];
Image2->Canvas->Pixels[r][y]=color;//recorrido invertido
if(RadioButton1->Checked)//si esta seleccionado RadioButton3
{
color= Image1->Canvas->Pixels[x][y];
Image2->Canvas->Pixels[r][y]=color&(255<<8);//verde
}
if(RadioButton2->Checked)//si esta seleccionado RadioButton3
{
color= Image1->Canvas->Pixels[x][y];
Image2->Canvas->Pixels[r][y]=color&(255<<16);//Azul
}
if(RadioButton3->Checked)//si esta seleccionado RadioButton3
{
color= Image1->Canvas->Pixels[x][y];
Image2->Canvas->Pixels[r][y]=color & 255;//rojo
}
}
}
//---------------------------------------------------------------------------
Visualización
Botón "Rotar"
Ahora el botón de rotar, aquí vamos a hacer uso de la Image3 tercera imagen agregamos el siguiente código
al botón.
Primero creamos 4 variables del tipo bool para intercalar entre las opciones siguientes
//----------------------------------------------------------------------------------------
bool band1=true; //bandera 1-> Girar hacia la derecha
bool band2=false; //bandera 2-> Invertir
bool band3=false; //bandera 3-> Girar hacia la izquierda
bool band4=false; //bandera 4-> Imagen normal
void __fastcall TForm1::SpeedButton1Click(TObject *Sender)
{
TColor color;
if(band1==true)
{
Image3->Visible=true;//dejamos que se muestre la imagen tres
Image2->Visible=false;//quitamos la imagen 2 para evitar empalmes de imágenes
for(int x=0, y1=Image1->Width; x<Image1->Width; x++,y1--)
for(int y=0, x1=0;y<Image1->Height; y++,x1++)
{//este ciclo y su contenido sirve para girar la imagen hacia la derecha
color= Image1->Canvas->Pixels[x][y];
Image3->Canvas->Pixels[x1][y1]=color;
}
band1=false;//deshabilitamos
band2=true;//habilitamos la siguiente bandera para invertir
band3=false;
band4=false;
}
else
{
if(band2==true)//entra al estar habilitada band2
{
Image3->Visible=false;//hacemos invisible la imagen 3
Image2->Visible=true;//dejamos la 2 para mostrar la inversión
for(int x=0; x<Image1->Width; x++)
for(int y=0, c=Image1->Height-1;y<Image1->Height; y++,c--)
{//método de inversión
color= Image1->Canvas->Pixels[x][y];
Image2->Canvas->Pixels[x][c]=color;
}
band1=false;
band2=false;;//deshabilitamos
band3=true;//habilitamos la tercer bandera band3
band4=false;
}
else
{
if(band3==true)
{
Image3->Visible=true;//cambiamos a habilitar
Image2->Visible=false;// la ponemos invisible
for(int x=0,y1=0; x<Image1->Width; x++,y1++)
for(int y=0,x1=Image3->Width;y<Image1->Height; y++,x1--)
{// método de girado a la izquierda, lo contrario al girado a la derecha
color= Image1->Canvas->Pixels[x][y];
Image3->Canvas->Pixels[x1][y1]=color;
}
band1=false;
band2=false;
band3=false;;//deshabilitamos
band4=true;//habilitamos band4
}
else
{
if(band4==true)
{
Image3->Visible=false;//dejamos invisible la imagen 3
Image2->Visible=true;//mostramos la imagen 2
for(int x=0; x<Image1->Width; x++)
for(int y=0;y<Image1->Height; y++)
{//solo copiamos la imagen tal cual
color= Image1->Canvas->Pixels[x][y];
Image2->Canvas->Pixels[x][y]=color;
}
band1=true;//volvemos a habilitar la bandera 1 para que regrese y haga lo mismo cada vez
//que lo deseemos
band2=false;
band3=false;
band4=false;;//deshabilitamos
}
}
}
}
}
//---------------------------------------------------------------------------------------
Visualización
Bueno aqui finaliza nuestro programa.
Espero que les sea de ayuda y por favor dejen un comentario y dejen sus quejas y sugerencias.
Tomen en cuenta que es mi primer post.
Muchas gracias!
Muy buen aporte... la verdad Me acaba de servir de mucho para un trabajo con el cual si lo haciamos exentabamos un examen... muchisimas gracias.... mil besos solo por eso...
ResponderEliminar