Тема 6 Графический вывод в бизнес-приложениях 1. 2.

Тема 6 Графический вывод в бизнес-приложениях 1. 2. 3. 4. 5. 6. 7. Интерфейс графического устройства Системы координат Служебные типы System. Drawing Работа с цветом Работа с перьями и кистями Графический вывод текста. Работа со шрифтами Рисование линий и фигур 1

Основные принципы работы с графикой GDI (Graphics Device Interface) – интерфейс графического устройства Пространство имен System. Drawing Контекст устройства (класс Graphics) Событие Paint (метод Invalidate()) public void Form 1_Paint(object sender, Paint. Event. Args e) { Graphics G = e. Graphics; . . . } или 2 Graphics G = picture. Box 1. Create. Graphics();

Системы координат Изменение единиц измерения: свойство Page. Unit Типы координатных систем GDI+: мировые координаты (world coordinates); страничные координаты (page coordinates); координаты устройства (device coordinates). 3

Пример работы с координатами my. Graphics. Draw. Line(my. Pen, 0, 0, 160, 80); Смещение начала координат в (100, 50) Внешний вид нарисованной линии Координаты линии в разных системах координат Мировые координаты (0, 0) to (160, 80) Страничные координаты (100, 50) to (260, 130) Координаты устройства (100, 50) to (260, 130) 4

Служебные типы System. Drawing Типы Point, Point. F: 1) Point P 1 = new Point(X, Y); 2) Point P 1 = new Point(); P 1. X = 34; P 1. Y = 60; Типы Size, Size. F: Size A = new Size(width, height); 5

Служебные типы System. Drawing Типы Rectangle, Rectangle. F: 1) Rectangle box = new Rectangle(X, Y, width, height); 2) Rectangle box = new Rectangle(point, size); 3) Point P(40, 50); Size A(200, 150); Rectangle box = new Rectangle(P, A); Тип Region: Rectangle r = new Rectangle(0, 0, 100); Region rgn = new Region(r); 6

Работа с цветами: модель RGB Таблица значений некоторых цветов в числовой модели RGB Цвет G B Красный (red) Куб RGB R 255 0 0 Зеленый (green) 0 255 0 Синий (blue) 0 0 255 Фиолетовый (magenta) 255 0 255 Голубой (cyan) 0 255 Желтый (yellow) 255 0 Белый (white) 255 255 Черный (black) 0 0 0 7

Работа с цветами Задание цвета: Color my. Color = Color. From. ARGB(255, 0, 255); Color c = Color. Black; Стандартное диалоговое окно выбора цвета (класс Color. Dialog): Отображение на экране: Show. Dialog() Получение выбранного цвета: свойство Color 8

Виды кистей в GDI+ 9

Создание кистей Сплошная кисть: 1) Solid. Brush b = new Solid. Brush(Color. Red); 2) Solid. Brush br = (Solid. Brush)Brushes. Blue; Brush br = Brushes. Blue; Изменение кисти: b. Color = Color. Green; Штриховая кисть: Hatch. Brush brush 1 = new Hatch. Brush (Hatch. Style. Solid. Diamond, Color. Green); Hatch. Brush brush 2 = new Hatch. Brush (Hatch. Style. Cross, Color. Red, Color. White); 10

Возможные стили штриховых кистей Создание перьев: Pen pen 1 = Pen pen 2 = Pen pen 3 = pen 1. Color new Pen(Color. Blue); new Pen(Color. Black, 4); new Pen(brush 2, 10); = Color. Red; 11

Графический вывод текста Создание шрифта: 1) Font f 1 = new Font(“Times New Roman”, 14); 2) Font f 2 = new Font(“Arial”, 50, Font. Style. Bold | Font. Style. Underline); Вывод текста: G. Draw. String(“Hello, world!”, f, new Solid. Brush(Color. Red), 100, 50); 12

Графический вывод текста Значения перечисления Font. Style Элемент перечисления Font. Style Bold Italic Regular Strikeout Underline Стиль Полужирный Курсив Обычный текст Зачеркнутый Подчеркнутый Стандартное диалоговое окно выбора шрифта (класс Font. Dialog): Отображение на экране: Show. Dialog() Получение выбранного шрифта: свойство Font 13 Получение выбранного цвета: свойство Color

Методы рисования линий и фигур Метод Типичные параметры Что рисует Draw. Line() Перо, начальная и конечная точки Одиночная прямая линия Draw. Rectangle() Перо, положение и размер Контур прямоугольника Draw. Ellipse() Перо, положение и размер Контур эллипса Fill. Rectangle() Кисть, положение и размер Сплошной прямоугольник Fill. Ellipse() Кисть, положение и размер Сплошной эллипс Draw. Lines() Перо, массив точек Серия линий, соединяющих каждую точку со следующей в массиве Draw. Bezier() Перо, 4 точки Гладкая кривая через две конечные точки с остальными двумя точками, управляющими ее формой 14

Методы рисования линий и фигур (продолжение) Draw. Curve() Перо, массив точек Гладкая кривая через все точки Draw. Arc() Перо, прямоугольник, два угла Сегмент круга между заданными углами Draw. Closed. Curve() Перо, массив точек Подобно Draw. Curve(), но с прямой линией, замыкающей кривую Draw. Pie() Перо, прямоугольник, два угла Клиноподобный контур внутри прямоугольника Fill. Pie() Кисть, прямоугольник, два угла Сплошная клиноподобная область внутри прямоугольника Draw. Polygon() Перо, массив точек Подобно Draw. Lines(), но с соединением первой и последней точек для замыкания фигуры 15