INSTITUTO TECNOLOGICO DE VERACRUZ EL EDITOR GRAFICO DE

INSTITUTO TECNOLOGICO DE VERACRUZ EL EDITOR GRAFICO DE WINDOWS © Dr. José Antonio Garrido Natarén 2016 1/20

EL EDITOR GRAFICO DE WINDOWS El Contexto del Dispositivo de Visualización (I) El trazo en el espacio cliente de una ventana se lleva a cabo a través de un objeto que representa al dispositivo de salida. El Contexto de Dispositivo (Display Context) permite hacer una abstracción del dispositivo de salida grafico. 2/20

EL EDITOR GRAFICO DE WINDOWS El Contexto del Dispositivo de Visualización (II) El Contexto de Dispositivo permite a un programa dibujar con el mismo código en una pantalla (baja resolución) o una impresora (alta resolución) 3/20

EL EDITOR GRAFICO DE WINDOWS El Contexto del Dispositivo de Visualización (III) La clase CDC agrupa todos los atributos que determinan un dispositivo grafico. Un objeto CDC es proporcionado por el sistema para dibujar en el área cliente. Un usuario se concentra en su problema y no en el dispositivo 4/20

EL EDITOR GRAFICO DE WINDOWS El Contexto del Dispositivo de Visualización El Modo de Mapeo (MAPPING MODE) El CDC define un modo de trazo para el área cliente llamado “Mapping Mode”. Los tipos de mapeos pueden ser: MM_TEXT : MM_ISOTROPIC MM_ANISOTROPIC MM_LOENGLISH HIENGLISH MM_TWIPS … Modo texto (default) Distancia X IGUAL distancia Y Medidas inglesas baja resolución 5/20

EL EDITOR GRAFICO DE WINDOWS Los Colores Un color tiene 3 componentes: • • R rojo G verde B Azul Cada color esta codificado en una escala de 256 valores (byte) Los 3 colores se combinan en una variable el tipo de variable COLORREF Un COLORREF se crea gracias a la función RGB(r, g, b) Un cuarto byte determina la transparencia COLORREF rgb. Color = RGB(255, 255); 6/20

EL EDITOR GRAFICO DE WINDOWS EXISTEN 16 MILLONES DE COLORES 7/20

EL EDITOR GRAFICO DE WINDOWS EXISTEN 16 MILLONES DE COLORES R G B COLOR 0 0 0 NEGRO 128 128 GRIS OBSCURO 196 196 GRIS CLARO 255 255 BLANCO 255 0 0 ROJO 0 255 0 VERDE 0 0 255 AZUL 255 0 AMARILLO 0 255 AZUL CLARO 255 0 255 MAGENTA 8/20

EL EDITOR GRAFICO DE WINDOWS Los lápices El CDC define mantiene un lápiz activo. Un lápiz tiene: • • • Espesor (0 …) Color Tipo (SOLID, DASH, DOT, DASHDOTDOT, NULL) La entrelinea puede ser opaca o transparente Un usuario pude crear su propio lápiz 9/20

EL EDITOR GRAFICO DE WINDOWS Las brochas El CDC define mantiene una brocha activa. Una brocha tiene: • • Color de línea Tipo (SOLID, BDIAGONAL, CROSS, DIAGCROSS, FDIAGONAL, HORIZONTAL, VERTICAL , NULL ) • Color de fondo El fondo puede ser opaco o transparente Un usuario pude crear su propia brocha 10/20

EL EDITOR GRAFICO DE WINDOWS Las fuentes El CDC define mantiene una fuente activa. Una fuente tiene: • • • Tipo Color de letra Altura Ancho Distancia entre letras Orientación Peso Inclinación Subrayado Tachado El fondo puede ser opaco o transparente Color de fondo 11/20

EL EDITOR GRAFICO DE WINDOWS Los mapas de bits (bitmaps) El CDC define mantiene un mapa de bits activo. Una fuente tiene: • • Altura ancho Planos de color Numero de bits por color Los mapas de bits se combinan a través de operaciones binarias llamadas Raster Operations 12/20

EL EDITOR GRAFICO DE WINDOWS Los objetos gráficos sistema (Stock. Objects) El usuario puede utilizar objetos gráficos sistema. • • • Pincel negro (BLACK_BRUSH) Pincel gris oscuro (DKGRAY_BRUSH) Pincel de gris (GRAY_BRUSH) Brocha gris claro (LTGRAY_BRUSH) Brocha nula (NULL_BRUSH) Brocha blanca (WHITE_BRUSH) Lápiz negro (BLACK_PEN) Lápiz nulo (NULL_PEN) Lápiz blanco (WHITE_PEN) 13/20

EL EDITOR GRAFICO DE WINDOWS Los objetos gráficos sistema El usuario puede definir: • Un color de fondo (RGB) • Un modo de fondo (opaco o transparente) • Un tipo de trazo de relleno alternado 14/20

EL EDITOR GRAFICO DE WINDOWS Las operaciones Raster (I) Las operaciones Raster permiten combinar bitmaps. R 2_BLACK. El píxel siempre es negro. R 2_WHITE. El píxel siempre es blanco. R 2_NOP. Permanece el píxel sin modificar. R 2_NOT. El píxel es lo contrario de color destino. R 2_COPYPEN. El píxel es el color original. R 2_NOTCOPYPEN. El píxel es el inverso del color del lápiz. R 2_MERGEPENNOT. El píxel es una combinación de colores del lápiz y de lo contrario de color destino (píxel final = (píxel de pantalla NOT) OR lápiz). 15/20

EL EDITOR GRAFICO DE WINDOWS Las operaciones Raster (II) Las operaciones Raster permiten combinar bitmaps. R 2_MASKPENNOT. El píxel es una combinación de colores comunes al lápiz y a lo contrario de la presentación (píxel final = (píxel destino NOT) lápiz AND). R 2_MERGENOTPEN. El píxel es una combinación de color destino y del inverso del color del lápiz (píxel final = (pen NOT) OR píxel de presentación). R 2_MASKNOTPEN. El píxel es una combinación de los colores comunes destino y a lo contrario de lápiz (píxel final = (pen NOT) píxel de pantalla AND). R 2_MERGEPEN. El píxel es una combinación de colores del lápiz y presentación color (píxel = lápiz OR píxel de presentación final). 16/20

EL EDITOR GRAFICO DE WINDOWS Las operaciones Raster (III) Las operaciones Raster permiten combinar bitmaps. R 2_NOTMERGEPEN. El píxel es el inverso de R 2_MERGEPEN color (píxel final = NOT (pen OR píxel destino)). R 2_MASKPEN. El píxel es una combinación de colores comunes al lápiz y la presentación (píxel de presentación final de píxel = de lápiz AND). R 2_NOTMASKPEN. El píxel es el inverso de R 2_MASKPEN color (píxel final = NOT (píxel de presentación de lápiz AND)). R 2_XORPEN. El píxel es una combinación de colores que están en el lápiz o en el destino, pero no en ambos (píxel de presentación final XOR de píxel = de lápiz). R 2_NOTXORPEN. El píxel es el inverso de R 2_XORPEN color (píxel final = NOT (píxel de destino XOR de lápiz)). 17/20

EL EDITOR GRAFICO DE WINDOWS Los objetos de datos gráficos Existen 3 clases de datos gráficos • CSize. Define una proporción en DX y DY en enteros • CPoint. Define un punto P(x, y) en enteros • CRect. Define un rectángulo paralelo al espacio cliente por sus 4 lados en enteros (left, top, right, botton) • CString. Define una cadena alfanumérica. 18/20

EL EDITOR GRAFICO DE WINDOWS Los objetos gráficos nos permiten dibujar • • • Posición Línea Poly línea Bézier Poly Bézier • • • Arco de elipse Cuerda Pie Elipse Polígono Poly Polígono • • Rectángulo redondo Texto Bitmap 19/20

EL EDITOR GRAFICO DE WINDOWS 20/20