UNIVERSIDAD NACIONAL DE INGENIERIA

Facultad de Ingeniería Mecánica

CURSO: POO - MB545
Semana 13
Visual C++ 2010®, aplicaciones con gráficos

PRIMERA APLICACION : GRAFICOS1

líneas, rectángulos, elipses, sectores, texto, pincel, brocha
PARTE I: CREAR LA APLICACIÓN 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 diálogo Nuevo Proyecto: En Tipos de proyecto, elegir Visual C++. En Plantillas,

elegir Aplicación MFC y en Nombre (Name), escribir Graficos1, en Location ubicar la carpeta
donde quiere guardar su aplicación. Luego dar clic en el botón Aceptar (OK).

Elaborado por Ing. Julio Vásquez Paragulla

1
UNIVERSIDAD NACIONAL DE INGENIERIA
Facultad de Ingeniería Mecánica
CURSO: POO - MB545
Semana 13
Visual C++ 2010®, aplicaciones con gráficos

4. En el Asistente para aplicaciones MFC hacer clic en el botón Siguiente (Next).

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

botón Siguiente (Next).

Elaborado por Ing. Julio Vásquez Paragulla

2
UNIVERSIDAD NACIONAL DE INGENIERIA
Facultad de Ingeniería Mecánica
CURSO: POO - MB545
Semana 13
Visual C++ 2010®, aplicaciones con gráficos
6. En la ventana Compound Document Support (soporte de composición de documento)
hacer clic en el botón de Siguiente(Next).

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

botón Siguiente(Next).

Elaborado por Ing. Julio Vásquez Paragulla

3
UNIVERSIDAD NACIONAL DE INGENIERIA
Facultad de Ingeniería Mecánica
CURSO: POO - MB545
Semana 13
Visual C++ 2010®, aplicaciones con gráficos
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 solución 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 función OnDrawn(CDC* /*pDC*/) a cuyo parámetro debe quitarle
el comentario para luego escribir lo siguiente antes de la llave de cierre.

Elaborado por Ing. Julio Vásquez Paragulla

4
UNIVERSIDAD NACIONAL DE INGENIERIA
Facultad de Ingeniería Mecánica
CURSO: POO - MB545
Semana 13
Visual C++ 2010®, aplicaciones con gráficos
EJECUTE LA APLICACIÓN

Siga escribiendo el siguiente código en la función 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 aplicación:

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

Elaborado por Ing. Julio Vásquez Paragulla

5
UNIVERSIDAD NACIONAL DE INGENIERIA
Facultad de Ingeniería Mecánica
CURSO: POO - MB545
Semana 13
Visual C++ 2010®, aplicaciones con gráficos

// 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 código para dibujar con el pincel personalizado

Finalmente, va a utilizar una brocha para relleno, que sólo 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 código para colocar relleno

Elaborado por Ing. Julio Vásquez Paragulla

6
UNIVERSIDAD NACIONAL DE INGENIERIA
Facultad de Ingeniería Mecánica
CURSO: POO - MB545
Semana 13
Visual C++ 2010®, aplicaciones con gráficos
Tipos de pincel/pluma:

PS_SOLID

PS_DASH Válido solo cuando el ancho de la pluma es 1 o menos.

PS_DOT Válido solo cuando el ancho de la pluma es 1 o menos.

PS_DASHDOT Válido solo cuando el ancho de la pluma es 1 o menos.

PS_DASHDOTDOT Válido solo cuando el ancho de la pluma es 1 o menos.

PS_NULL pluma nula.

PS_INSIDEFRAME pinta una línea 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 Vásquez Paragulla

7
UNIVERSIDAD NACIONAL DE INGENIERIA
Facultad de Ingeniería Mecánica
CURSO: POO - MB545
Semana 13
Visual C++ 2010®, aplicaciones con gráficos
SEGUNDA APLICACION : GRAFICOS2
Polígonos, pincel, brocha, rectángulos redondeados, pixels

PARTE I: CREAR LA APLICACIÓN SINGLE DOCUMENT

Revise la primera aplicación

PARTE II: CODIGO PARA LA APLICACIÓN

En la ventana de solución 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 función OnDrawn(CDC* /*pDC*/) a cuyo parámetro debe quitarle
el comentario para luego escribir lo siguiente antes de la llave de cierre.

EJECUTE LA APLICACION

Elaborado por Ing. Julio Vásquez Paragulla

8
UNIVERSIDAD NACIONAL DE INGENIERIA
Facultad de Ingeniería Mecánica
CURSO: POO - MB545
Semana 13
Visual C++ 2010®, aplicaciones con gráficos
Utilice un péncil personalizado y una brocha sólida para lograr lo siguiente:

La brocha sólida requiere el siguiente código:

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

Finalmente, escriba el siguiente código

// 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 aplicación para ver lo siguiente:

Elaborado por Ing. Julio Vásquez Paragulla

9
UNIVERSIDAD NACIONAL DE INGENIERIA
Facultad de Ingeniería Mecánica
CURSO: POO - MB545
Semana 13
Visual C++ 2010®, aplicaciones con gráficos
TERCERA APLICACION : GRAFICOS3
gráficos con curvas: seno, coseno
PARTE I: CREAR LA APLICACIÓN SINGLE DOCUMENT
Revise la primera aplicación

PARTE II: CODIGO PARA LA APLICACION

no olvide incluir la librería math.h en la parte superior, así:

EJECUTE LA APLICACIÓN

PROPUESTOS
4. Dibuje una parábola con ascendencia vertical superior
5. Dibuje una parábola con ascendencia vertical inferior
6. Dibuje una parábola con ascendencia horizontal derecha
7. Dibuje una parábola con ascendencia horizontal izquierda
8. Dibuje la armónica de Fourier
9. Dibuje 9 rosetas
10. Dibuje otras funciones curvas.

Elaborado por Ing. Julio Vásquez Paragulla

10