UNIVERSIDAD NACIONAL DE INGENIERIA

Facultad de Ingeniera Mecnica

CURSO: POO - MB545
Semana 13
Visual C++ 2010, aplicaciones con grficos

PRIMERA APLICACION : GRAFICOS1

lneas, rectngulos, elipses, sectores, texto, pincel, brocha
PARTE I: CREAR LA APLICACIN SINGLE DOCUMENT

1. Abrir Microsoft Visual Studio 2010.

2. Ir al men Archivo (File, New, Project o presione las teclas Ctrl+Shift+N.

3. En el dilogo Nuevo Proyecto: En Tipos de proyecto, elegir Visual C++. En Plantillas,

elegir Aplicacin MFC y en Nombre (Name), escribir Graficos1, en Location ubicar la carpeta
donde quiere guardar su aplicacin. Luego dar clic en el botn Aceptar (OK).

Elaborado por Ing. Julio Vsquez Paragulla

1
UNIVERSIDAD NACIONAL DE INGENIERIA
Facultad de Ingeniera Mecnica
CURSO: POO - MB545
Semana 13
Visual C++ 2010, aplicaciones con grficos

4. En el Asistente para aplicaciones MFC hacer clic en el botn Siguiente (Next).

5. En Tipos de aplicacin seleccionar Single document (documento simple) y dar clic en el

botn Siguiente (Next).

Elaborado por Ing. Julio Vsquez Paragulla

2
UNIVERSIDAD NACIONAL DE INGENIERIA
Facultad de Ingeniera Mecnica
CURSO: POO - MB545
Semana 13
Visual C++ 2010, aplicaciones con grficos
6. En la ventana Compound Document Support (soporte de composicin de documento)
hacer clic en el botn de Siguiente(Next).

7. En la Ventana Document Template Properties (Propiedades de plantilla), dar clic en el

botn Siguiente(Next).

Elaborado por Ing. Julio Vsquez Paragulla

3
UNIVERSIDAD NACIONAL DE INGENIERIA
Facultad de Ingeniera Mecnica
CURSO: POO - MB545
Semana 13
Visual C++ 2010, aplicaciones con grficos
8. En la ventana Database Support (Soporte a bases de datos) dar clic en Finalizar(Finish).

PARTE II: CODIGO PARA LA APLICACION

En la ventana de solucin ubique la carpeta Source Files y dentro de ella el archivo

Graficos1View.cpp al cual debe darle doble clic para ver su contenido en la parte derecha.
En la parte derecha ubique la funcin OnDrawn(CDC* /*pDC*/) a cuyo parmetro debe quitarle
el comentario para luego escribir lo siguiente antes de la llave de cierre.

Elaborado por Ing. Julio Vsquez Paragulla

4
UNIVERSIDAD NACIONAL DE INGENIERIA
Facultad de Ingeniera Mecnica
CURSO: POO - MB545
Semana 13
Visual C++ 2010, aplicaciones con grficos
EJECUTE LA APLICACIN

Siga escribiendo el siguiente cdigo en la funcin OnDrawn()

// dibuja un rectangulo de 200 x 100
pDC->Rectangle(120,10,320,110);

// dibuja una eclipse al interior del cuadrado

pDC->Ellipse(330,10,530,110);

// dibuja un sector de 270 grados

pDC->Pie(550,10,650,110,550,60,600,10);

// escribe textos
pDC->TextOutW(20,110,_T("Triangulo"));
pDC->TextOutW(180,110,CString("Rectangulo"));
pDC->TextOutW(400,110,_T("elipse"));
pDC->TextOutW(600,110,_T("sector circular"));

Ejecute la aplicacin:

Ahora va a utilizar un pincel personalizado y lo va aplicar para obtener lo siguiente:

Elaborado por Ing. Julio Vsquez Paragulla

5
UNIVERSIDAD NACIONAL DE INGENIERIA
Facultad de Ingeniera Mecnica
CURSO: POO - MB545
Semana 13
Visual C++ 2010, aplicaciones con grficos

// utilizando un pincel personalizado: solida, ancho 5, color rojo

CPen mipincel;
mipincel.CreatePen(PS_SOLID,5,RGB(255,0,0));
pDC->SelectObject(mipincel);

// complete el cdigo para dibujar con el pincel personalizado

Finalmente, va a utilizar una brocha para relleno, que slo se aplica a figuras cerradas, para obtener
lo siguiente:

// utilizando brocha para relleno de interiores:

// tipo achurado, con lineas, color azul
CBrush mibrocha;
mibrocha.CreateHatchBrush(HS_CROSS,RGB(0,0,255));
pDC->SelectObject(mibrocha);

// complete el cdigo para colocar relleno

Elaborado por Ing. Julio Vsquez Paragulla

6
UNIVERSIDAD NACIONAL DE INGENIERIA
Facultad de Ingeniera Mecnica
CURSO: POO - MB545
Semana 13
Visual C++ 2010, aplicaciones con grficos
Tipos de pincel/pluma:

PS_SOLID

PS_DASH Vlido solo cuando el ancho de la pluma es 1 o menos.

PS_DOT Vlido solo cuando el ancho de la pluma es 1 o menos.

PS_DASHDOT Vlido solo cuando el ancho de la pluma es 1 o menos.

PS_DASHDOTDOT Vlido solo cuando el ancho de la pluma es 1 o menos.

PS_NULL pluma nula.

PS_INSIDEFRAME pinta una lnea dentro de la figura cerrada

Tipos de brocha:

HS_BDIAGONAL hacia abajo de izquierda a derecha con 45 grados degrade

HS_CROSS Horizontal y vertical

HS_DIAGCROSS en diagonal a 45 grados degrade

HS_FDIAGONAL hacia arriba de izquierda a derecha con 45 grados degrade

HS_HORIZONTAL Horizontal

HS_VERTICAL Vertical

Elaborado por Ing. Julio Vsquez Paragulla

7
UNIVERSIDAD NACIONAL DE INGENIERIA
Facultad de Ingeniera Mecnica
CURSO: POO - MB545
Semana 13
Visual C++ 2010, aplicaciones con grficos
SEGUNDA APLICACION : GRAFICOS2
Polgonos, pincel, brocha, rectngulos redondeados, pixels

PARTE I: CREAR LA APLICACIN SINGLE DOCUMENT

Revise la primera aplicacin

PARTE II: CODIGO PARA LA APLICACIN

En la ventana de solucin ubique la carpeta Source Files y dentro de ella el archivo
Graficos2View.cpp al cual debe darle doble clic para ver su contenido en la parte derecha.
En la parte derecha ubique la funcin OnDrawn(CDC* /*pDC*/) a cuyo parmetro debe quitarle
el comentario para luego escribir lo siguiente antes de la llave de cierre.

EJECUTE LA APLICACION

Elaborado por Ing. Julio Vsquez Paragulla

8
UNIVERSIDAD NACIONAL DE INGENIERIA
Facultad de Ingeniera Mecnica
CURSO: POO - MB545
Semana 13
Visual C++ 2010, aplicaciones con grficos
Utilice un pncil personalizado y una brocha slida para lograr lo siguiente:

La brocha slida requiere el siguiente cdigo:

mibrocha.CreateSolidBrush(RGB(211,156,248));

Finalmente, escriba el siguiente cdigo

// pinta un cuadrado de pixels
for (int i=50; i<350; i+=5)
for (int j=160; j<360; j+=5)
pDC->SetPixel(i,j,RGB(24,177,135));

// dibuja un cuadrado con bordes redondeados

pDC->RoundRect(360,10,560,110,20,20);

Ejecute la aplicacin para ver lo siguiente:

Elaborado por Ing. Julio Vsquez Paragulla

9
UNIVERSIDAD NACIONAL DE INGENIERIA
Facultad de Ingeniera Mecnica
CURSO: POO - MB545
Semana 13
Visual C++ 2010, aplicaciones con grficos
TERCERA APLICACION : GRAFICOS3
grficos con curvas: seno, coseno
PARTE I: CREAR LA APLICACIN SINGLE DOCUMENT
Revise la primera aplicacin

PARTE II: CODIGO PARA LA APLICACION

no olvide incluir la librera math.h en la parte superior, as:

EJECUTE LA APLICACIN

PROPUESTOS
4. Dibuje una parbola con ascendencia vertical superior
5. Dibuje una parbola con ascendencia vertical inferior
6. Dibuje una parbola con ascendencia horizontal derecha
7. Dibuje una parbola con ascendencia horizontal izquierda
8. Dibuje la armnica de Fourier
9. Dibuje 9 rosetas
10. Dibuje otras funciones curvas.

Elaborado por Ing. Julio Vsquez Paragulla

10