Урок № 7. Среда разработки VB

Для того, чтобы понять как проектировать интерфейс, разберём для начала среду разработки Visual Basic. Запустите VB. Перед вами появится окошко, в котором вам попросят указать тип проекта. Укажите тип "Standart EXE" и нажмите ОК. На экране вы увидите следующее окно:

В левой части расположена панель с доступными элементами управления, с которой вы можете перетаскивать нужные элементы на форму. В центре находится форма (окно) вашего приложения. Имя новой формы - Form1. Вверху расположена панель инструментов среды разработки. Справа расположены окна проекта (Project) и свойств текущего объекта (Properties). Здесь необходимо отметить, что все объекты в VB (впрочем как и в других языках высокого уровня) имеют свойства и методы. Свойства — значения, которые устанавливаются для определения вида и поведения объекта. Методы — программные процедуры, обеспечивающие выполнение объектом некоторых предопределенных действий. Например, форма обеспечивает метод Show, который обусловливает вывод формы на экран. Главное преимущество работы с объектами в том, что объекты обеспечивают программный код, который уже не требуется писать разработчику. Ему просто нужно установить свойства объекта и вызвать методы объекта, чтобы побудить объект выполнить требуемые функции. Некоторые свойства можно отредактировать только в период выполнения программы (RunTime). Многие объекты имеют однинаковые свойства. Например, свойство Caption. У формы (Form) Caption - это заголовок окна, а у элемента метки (Label) - это текст внутри метки. Постепенно вы привыкните к таким обозначениям и в последствии сможете разобраться с любым, незнакомым вам элементом управления.

Итак, для того чтобы поместить на форму нужный вам элемент, необходимо проделать следующее: нажать мышкой на нужный вам элемент на панеле слева, например, на кнопку (Command Button). После нажатия кнопка окажется вдавленной. Теперь поместите курсор мыши на форму и растяните мышкой прямоугольник. В результате этих манипуляций у вас на форме появится кнопка, имеющая размеры прямоугольника. Если вам понадобится изменить размеры кнопки, то необходимо выделить кнопку нажатием левой кнопки и растянуть кнопку за маркеры, расположенные на вершинах кнопки. Переместить кнопку в другое место можно обычным перетаскиванием (Drag&Drop). Необходимо отметить, что не все элементы управления имеют размеры. Например, Timer. Такие элементы не видны в процессе работы приложения, но выполняют определённые функции.

Чтобы изменить свойства элемента управления необходимо выделить его и изменить нужное свойство в окне Properties. Давайте, к примеру, поменяем заголовок формы. Ткните левой кнопкой мыши в любое место формы и в найдите в окне Properties свойство Caption. Измените его, например, на "Это моя первая форма". Заголовок будет меняться по мере ввода текста.

Теперь давайте запустим программу. Для этого нажмите на кнопку Start, расположенной на панели инструментов и имеющей иконку кнопки Play (как на магнитофоне). После непродолжительной компиляции, перед вами появится окно вашей программы! Причём вы можете его передвигать, менять размеры, минимизировать! И всё без единой строчки кода! Фантастика! :)

Теперь закройте программу. Это можно сделать двумя способами - нажать на крестик в правом верхнем углу формы или нажать на кнопку End, имеющей иконку кнопки Stop.

После закрытия программы вы вернётесь в среду разработки VB. Кстати, обратите внимание на окошко Project. В нём показан только один файл - Form1. Давайте добавим ещё одну форму к нашему проекту. Для этого выберите в меню Project->Add Form. Перед вами появится окно Add Form, в котором вам предложат выбрать вид новой формы. Дважды кликните на иконке с надписью Form. Перед вами появится новая форма. Её имя Form2. Но куда же делась старая, спросите вы? Для того, чтобы увидеть нашу старую форму, нужно дважды щёлкнуть по строчке Form1 в окне Project. Щёлкнув, вы сразу увидите нашу первую форму. Обратите внимание на 2 кнопочки в окне Project. View Object и View Code. Эти кнопочки вам очень пригодятся в дальнейшем. С помощью них вы можете переключаться между двумя режимами:

1. просмотром формы, для проектированием её интерфейса
2. просмотром кода формы

Нажмите на кнопку View Code. Если вы настроили Visual Basic, согласно
уроку 3, то в коде вы увидите только одку строчку:

Option Explicit

Эта строчка выделена синим цветом, т.к. это зарезервированное слово VB. Если такая строчка есть в начале модуля, то переменные нельзя будет использовать до тех пор, пока они не объявлены оператором Dim. (как в C).

Теперь давайте сохраним наш проект. Для этого нажмите на кнопку Save Project (на панели пятая). Вас попросят указать каталог для сохранения и имя файла для формы №1 (Form1.frm). Затем файл Form2.frm. И наконец файл Project1.vbp (vbp - Visual Basic Project). Всё, проект сохранён. Теперь вы можете открыть его в дальнейшем кнопкой Open Project. Открывать нужно файл с расширением vbp (Visual Basic Project). Здесь могу дать один очень важный совет - почаще сохраняйтесь! А то мало ли что... То Windows глюкнет, то свет выключат...

Как видите, ничего сложного. Просто нужно привыкнуть к интерфейсу среды Visual Basic. На этом мы закончим этот урок. В качестве домашнего задания, добавьте к проекту модуль (Project->Add Module). И сохраните проект.

В следующей главе вы узнаете, как приятно редактировать код в Visual Basic.