2. Интегрированная среда разработки (ide)

IDE (Integrated Development Environment) служит для разработки проекта, то есть приложения, создаваемого пользователем. На экране дисплея интегрированная среда представлена следующими окнами (рис. 3).

Основное окно растянуто в верхней части экрана и появляется как в режиме проектирования, так и в режиме выполнения. В этом окне расположено меню Visual Basic и панель инструментов, выполняющие наиболее важные функции. Кроме того, в верхней части располагается строка заголовка, в которой отображается имя текущего проекта и текущий режим: design (проектирование) или run (выполнение). Как и другие виды окон, основное окно имеет кнопки "Свернуть", "Развернуть" и "Закрыть".

Рис. 3 Интегрированная среда разработки

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

Панель элементов управления. Содержит стандартные элементы управления (рис. 4), а также несколько дополнительных элементов управления, которые включены в пакет Visual Basic. Стандартные элементы удалять нельзя, можно ввести или изъять пользовательские элементы управления, которые добавляются из панели компонентов. Для знакомства со всеми элементами панели элементов управления из меню Project выполняется команда Components. На вкладке Controls флажками отмечены элементы, которые отображаются на панели.

Можно также добавить и другие объекты, например, звуковые клипы, рисунки, электронные таблицы или объекты WordArt.

Рис. 4. Панель элементов управления

Панель элементов управления можно переместить, закрыть, снова открыть, но ее нельзя свернуть, развернуть или изменить размеры. Размер панели зависит от количества элементов, которые на ней изображаются. Он автоматически изменяется при добавлении элемента или его изъятии.

В верхней части окна панели инструментов расположена секция General, которая имеет чисто декоративное назна-чение.

Примечание. Если панель элементов скрыта под другими окнами или закрыта, то для выведения ее наверх надо воспользоваться командой ToolBox из меню View.

Окно свойств (Properties). Используется для отображения свойств формы или элемента управления. Для вывода окна свойств (рис. 5) необходимо щелкнуть левой клавишей мыши на соответствующем элементе в форме или нажать клавишу F4. Под заголовком расположен прокручиваемый список, который содержит все объекты текущей формы. Если проект включает несколько форм, то отображаются только свойства элементов текущей формы. Для просмотра свойств конкретного объекта необходимо щелкнуть левой клавишей мыши на этом объекте или выделить его в прокручиваемом списке. Окно Properties можно перемещать, изменять размер, закрывать, открывать, однако его нельзя свернуть или развернуть.

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

Каждый элемент управления характеризуется своим набором свойств. Общими для всех элементов управления служат следующие:

свойство Caption – задает заголовок элемента управления;

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

свойство ForeColor – используется для установки цвета шрифта;

свойство FillColor – определяет цвет заполнения области;

свойство BackColor – используется для установки цвета фона;

свойство Aligment – позволяет установить тип выравнивания записи.

При перемещении элемента управления в новое положение изменяются его свойства Top и Left, которые описывают, где находятся его верхний и нижний угол. При перемещении указателя на то или иное свойство в нижней части окна появляется текст, поясняющий это свойство.

Окно проекта (Project). Расположено в правой части экрана и обеспечивает быстрый доступ к различным составляющим проекта: формам, классам, модулям. В окне проекта (рис. 6) содержатся все модули, принадлежащие проекту. В виде дерева отображаются названия проекта и формы: слева расположены имена проектов или имена форм, взятые из свойства Name, а справа (в скобках) – имена файлов, хранящие формы или проекты.

Рис. 6. Окно проекта

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

При щелчке правой кнопкой мыши в окне проекта открывается контекстное меню, которое позволяет добавить, удалить или распечатать содержимое форм и модулей. Так, выполнив команду Remove, пользо-ватель может удалить объект из проекта или сам проект.

Рис. 7. Окно макета формы

Окно макета формы (рис. 7) имеет имя Form Layout. В этом окне выводится уменьшенное изо-бражение текущей формы, по которому можно представить местоположение формы на экране во время выполнения приложения.

Изображение формы в окне макета можно перемещать. Для этого необходимо щелкнуть левой клавишей мыши на изображении формы и перетащить его в требуемое положение.

Рис. 8. Окно конструктора формы

Окно конструктора фор-мы расположено в центре экрана (рис. 8). Именно в этой рабочей области происходит визуальное конструирование макета формы и расположение на ней элементов управления. С помощью окна свойств формы можно определить заголовок формы (Caption), цвет фона (BackGround), начальное местоположение на рабочем столе (StartUpPosition), стиль рамки (BorderStyle).

Примечание. Точное позиционирование объекта с заданным размером достигается установкой свойств Left, Right, Height и Widht вручную в окне свойств. В каждой форме имеется свойство ScaleMode, которое определяет, в каких единицах измеряются находящиеся на форме объекты. Вместо twip можно выбрать единицы: пункт, пика, сантиметр, дюйм и другие.

Рис. 9. Окно редактора кода

Окно редактора кода отображается на экране в результате двойного щелчка левой кнопкой мыши на форме или элементе управления (рис. 9). Оно используется для создания и редактирования программного кода, который обрабатывает какое-либо собы-тие. Окно редактора кода открывается также при нажатии кнопки View Code в окне проекта.

Окно кода в действи-тельности является мощным редактором, поэтому в нем можно создать новый код, просмотреть и изменить существующий. Код разделяется на процедуры. При записи кода процедуры используются различные инструкции (операторы).

Каждый оператор Visual Basic обычно занимает одну строку, которая может содержать до 1023 символов. Но в одной строке может объединяться и несколько операторов, разделенных двоеточием, например:

Print "Hello": Print "это наша программа"

Оператор может располагаться на нескольких строках, в этом случае их разделителем служит символ подчеркивания (_), следующий за символом пробел. После ввода символа (_) необходимо нажать клавишу ENTER.

В Visual Basic могут быть использованы комментарии. Для выделения начала комментария можно использовать или символ апостроф (’), или команду Rem, например:

’это комментарий

Rem это тоже комментарий

При наборе строки редактор автоматически прокручивает поле, поэтому на экране всегда видно положение курсора.