Графические элементы управления

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

· Объект управления «Образ» (Image);

· Объект типа «фигура»(Shape) служит для создания простых фигур, включая прямоугольники и круги;

· Объект типа «линия» (Line) служит для создания линий.

Упомянутые объекты могут использоваться для создания графики только во время проектирования. Создание изображений с использованием объектов управления по сравнению с приложением для этой цели графических методов дает, по крайней мере, два преимущества:

· получается менее объемная программа;

· объекты используют минимум системных ресурсов.

Объект управления типа «линия»

Объект Line внешне представляет собой отрезок прямой. Свойства линии, такие как стиль, цвет, толщина и координаты начальной и конечной точек, можно изменить с помощью окна свойств. Линию можно перемещать по поверхности формы обычным способом с помощью мыши и изменять ее размеры, перемещая один из ее концов.

Объект управления типа «фигура»

Объект управления типа «фигура» или Shape может применять вид ряда предопределенных фигур:

· Прямоугольника (с прямыми или закругленными углами);

· Квадрата (с прямыми или закругленными углами);

· Овала;

· Круга.

Фигурой по умолчанию является прямоугольник, другие же доступные типы фигур могут быть установлены с помощью окна свойств Shape.

· Цвет и пропорции фигуры устанавливаются в окне свойств.

· Если выбран круг, то самый большой круг, который может быть вписан в прямоугольник, ограничивающий форму;

· Круги не могут растягиваться в овалы.

Объект типа «фигура» имеет многие свойства, как и другие объекты, например Name, Left ( самая левая координата ), Top (с амая правая координата ), Height ( высота ), Width ( ширина )

Упражнение 4. Работас графическими элементами управления

1. Добавьте к проекту форму. Присвойте ей имя frmShapeLine, а свойству Caption = «Графические элементы управления».

2. На панели элементов управления выберите элемент Линия (Line).

3. Установив курсор мыши в левый нижний угол формы, нажмите левую кнопку мыши и, не отпуская ее, установите курсор в верхний правый угол формы. Отпустите кнопку. На форме появится изображение линии. В окне свойств линии установите значение свойств BorderStyle =5 и BorderColor – красный.

4. Выполняя аналогичные действия, нарисуйте линию, проходящую из верхнего левого угла формы в правый нижний. В окне свойств линии установите свойства значение свойств BorderWidth =8 и BorderColor – зеленый.

5. На панели элементов управления выберите графический элемент управления Shape. Последовательно устанавливая свойство Shape, установите на форме шесть стандартных контуров (прямоугольник, квадрат, овал, круг, прямоугольник и квадрат со скругленными углами). Прямоугольнику установите свойство BorderStyle =2, квадрату - 3, овалу – 5, кругу – 1, Прямоугольнику со скругленными углами установите свойство BackStyle = 1, BackColor = серый. Квадрату со скругленными углами свойство BorderStyle установите равным 1, BackStyle=1, а BackColor - желтый.

6. Сделайте форму загружаемой и запустите проект. Результат работы проекта имеет вид примерно как на рис. 16.

Свойства FillStyle (Cтиль заполнения) и BorderStyle (Стиль границы) используются для установки стиля заполнения и стиля границы любого контура, нарисованного на форме.

Свойство BackColor (Цвет фона) и FillColor (Цвет заполнения) позволяют добавить цвета к контуру и его границе и устанавливаются в окне свойств выбором из доступной палитры или системных цветов.

Графические методы

Графические методы, перечисленные в табл. 3, применимы к формам и графическим окнам.

Таблица 3.

Графические методы

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

Каждый графический метод работает на форме, в графическом окне или графическом объекте Printer. Чтобы адресовать вывод следует перед именем графического метода задать имя формы или графического окна. Если имя объекта не задано, предполагается, что надо рисовать на форме, к которой присоединен код. Например, следующие операторы рисуют точку:

· На форме с именем MyForm

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

Метод рисования линий, называемый Line, имеет следующий синтаксис:

Line[step] (X1,Y1) – [step] (X2,Y2), [color],[b] [f]

Аргументы в координатных скобках являются необязательными. Начальная точка линии имеет координаты Х 1 и Y 1, конечная – Х 2, Y 2. Следующий оператор демонстрирует простейший способ использования этого метода.

Line (X1, Y1) – (X2,Y2)

Координаты конечной точки линии выражаются в единицах системы координат элемента. Толщина линии задается свойством DrawWidth, а стиль – DrawStyle.

Установка цвета

Цвет рисунка задается установкой свойства ForeColor формы или элемента PictureBox. В месте с тем можно рисовать цветными линиями, задавая значения (необязательного) аргумента color, используемого методами Line и Circle (последний рассматривается далее). Операторы, демонстрирующие использование этого аргумента, показаны ниже.

Line (10,10) – (100,100), RGB(255,0,0)

Line (10,10) – (100,100), &HOOOOFF

Line (10,10) – (100,100), QBColor(3)

RedColor# = RGB(255,0,0)

Line (10,10) – (100,100), RedColor#

Во всех примерах прочерчивается красная линия из точки с координатами (10,10) в точку (100,100), независимо от установок свойства ForeColor. В качестве аргумента color метода можно использовать любое выражение, устанавливающее корректное значение цвета (colorexpression). Обычно цвет линии определяется установкой свойства ForeColor элемента, однако для текущей линии аргумент color метода Line преобладает над свойством ForeColor. Если вы нарисуете другую линию, не задав аргумент color, то ее цвет будет соответствовать установке свойства ForeColor элемента. Таким образом, при отсутствии параметра цвета, он будет совпадать со значением свойства ForeColor объекта.

Как видно из примеров, параметр color (цвет) – это выражение, значением которого является число типа Long, которым в VB кодируется тот или иной цвет. В качестве выражения может использоваться:

· функция RGB;