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. 2. Abrir Microsoft Visual Studio 2010. 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

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

UNIVERSIDAD NACIONAL DE INGENIERIA Facultad de Ingeniera Mecnica CURSO: POO - MB545

6.

Semana 13 Visual C++ 2010, aplicaciones con grficos 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

UNIVERSIDAD NACIONAL DE INGENIERIA Facultad de Ingeniera Mecnica CURSO: POO - MB545

8.

Semana 13 Visual C++ 2010, aplicaciones con grficos 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

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

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

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

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

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

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