EL EDITOR GRAFICO DE WINDOWS

Presentación del tema: "EL EDITOR GRAFICO DE WINDOWS"— Transcripción de la presentación:

1 EL EDITOR GRAFICO DE WINDOWS
© Dr. José Antonio Garrido Natarén 2016

2 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.

3 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)

4 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

5 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 : Modo texto (default) MM_ISOTROPIC Distancia X IGUAL distancia Y MM_ANISOTROPIC MM_LOENGLISH Medidas inglesas baja resolución HIENGLISH MM_TWIPS …

6 EL EDITOR GRAFICO DE WINDOWS
Los Colores R rojo G verde B Azul Un color tiene 3 componentes: 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 rgbColor = RGB(255,255,255);

7 EL EDITOR GRAFICO DE WINDOWS
EXISTEN 16 MILLONES DE COLORES

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

9 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, DASHDOT, DASHDOTDOT, NULL) La entrelinea puede ser opaca o transparente Un usuario pude crear su propio lápiz

10 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

11 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 Color de fondo El fondo puede ser opaco o transparente

12 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

13 EL EDITOR GRAFICO DE WINDOWS
Los objetos gráficos sistema (StockObjects) 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)

14 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

15 EL EDITOR GRAFICO DE WINDOWS
Las operaciones Raster (I) Las operaciones Raster permiten combinar bitmaps. R2_BLACK. El píxel siempre es negro. R2_WHITE. El píxel siempre es blanco. R2_NOP. Permanece el píxel sin modificar. R2_NOT. El píxel es lo contrario de color destino. R2_COPYPEN . El píxel es el color original. R2_NOTCOPYPEN . El píxel es el inverso del color del lápiz. R2_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).

16 EL EDITOR GRAFICO DE WINDOWS
Las operaciones Raster (II) Las operaciones Raster permiten combinar bitmaps. R2_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). R2_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). R2_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). R2_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).

17 EL EDITOR GRAFICO DE WINDOWS
Las operaciones Raster (III) Las operaciones Raster permiten combinar bitmaps. R2_NOTMERGEPEN. El píxel es el inverso de R2_MERGEPEN color (píxel final = NOT (pen OR píxel destino)). R2_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). R2_NOTMASKPEN. El píxel es el inverso de R2_MASKPEN color (píxel final = NOT (píxel de presentación de lápiz AND)). R2_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). R2_NOTXORPEN . El píxel es el inverso de R2_XORPEN color (píxel final = NOT (píxel de destino XOR de lápiz)).

18 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.

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

20 EL EDITOR GRAFICO DE WINDOWS