Отображение графики

Статья
11/05/2008

Обновлен: Ноябрь 2007

На этом занятии Вы узнаете, как использовать графические методы в Visual Basic для рисования на форме.

В более ранних уроках был рассмотрен способ отображения рисунков на форме с помощью элемента управления PictureBox. Этот способ работает нормально, если уже есть готовый рисунок, но иногда может понадобиться нарисовать что-нибудь непосредственно на форме. Например, может понадобиться нарисовать линию для разделения двух полей или круг, чтобы выделить важную метку.

В Visual Basic можно использовать графические методы для рисования любых объектов на форме или элементе управления.

Основы графики

Прежде чем начать рисовать, необходимо знать несколько вещей. Экран компьютера состоит из тысяч маленьких точек, известных как пикселы — путем задания цвета каждой точки программа определяет, что выводить на экран. Конечно, большая часть этой работы уже сделана кодом, который определяет формы и элементы управления.

Можно представить форму как полотно, на котором можно нарисовать что-нибудь — как и настоящее полотно, форма имеет размер. В то время как настоящее полотно измеряется в дюймах или в сантиметрах, форма измеряется в точках. Система координат определяет, где расположена каждая точка, при помощи координаты X, изменяющейся слева направо, и координаты Y, изменяющейся сверху вниз.

Координаты отсчитываются с левого верхнего угла формы, поэтому если необходимо нарисовать одну точку в десятой точке слева и десятой точке внизу, нужно задать координаты X и Y как 10, 10.

Точки также используются для определения ширины и высоты рисунка. Чтобы задать квадрат, составляющий 100 точек в ширину и 100 точек в высоту, с верхним левым углом, находящимся на расстоянии 10 точек слева и 10 точек вниз, необходимо записать его координаты как 10, 10, 100, 100.

Процедура размещения изображения на экране называется рисованием. Формы и элементы управления имеют событие Paint, происходящее каждый раз, когда они должны быть перерисованы, например, при первом отображении формы или когда форма закрывается другим окном. Любой код, который пишется для отображения графики, обычно размещается в обработчике событий Paint.

Рисование линии

Чтобы нарисовать линию через форму, необходимо определить две вещи — ее координаты и цвет. Как было сказано выше, координаты X и Y выражаются в точках. Для линии необходимо задать координаты двух точек — начальной точки, а затем конечной.

Так же, как при рисовании линии на листе бумаги используется ручка, Visual Basic использует объект Pen для рисования на форме. Объект Pen определяет внешний вид линии — в данном случае, цвет. В следующей процедуре нужно будет нарисовать горизонтальные, вертикальные и диагональные линии на форме.

Практическое задание

Рисование линий

В меню Файл выберите СоздатьПроект.
В области Шаблоны в диалоговом окне Новый проект выберите приложение Windows.
В поле Имя введите Lines и нажмите кнопку ОК.

Откроется новый проект Windows Forms.
Дважды щелкните форму, чтобы открыть редактор кода, а затем выберите Рисование из раскрывающегося списка События.

В обработчике событий Form1_Paint добавьте следующий код.

' Draw a 400 pixel black line 25 pixels from the top of the form.
e.Graphics.DrawLine(Pens.Black, 0, 25, 400, 25)
' Draw a 500 pixel red line 100 pixels from the left of the form.
e.Graphics.DrawLine(Pens.Red, 100, 0, 100, 500)
' Draw a diagonal blue line from the upper left to the lower right.
e.Graphics.DrawLine(Pens.Blue, 0, 0, Me.Width, Me.Height)

Нажмите клавишу F5 для запуска программы. Должно появиться три линии на форме.

Следующие действия

В этом уроке были рассмотрены основы графики, а также способ рисования линий. На следующем занятии будет рассказано, как рисовать фигуры, такие как прямоугольники и окружности.

Следующее занятие: Рисование фигур в форме