2. Щелкнуть мышью на форме (курсор примет крестообразную форму) и, не отпуская левой клавиши мыши, переместить курсор по диагонали. По мере протягивания курсора будет отображаться рамка, обозначающая размеры устанавливаемого компонента.

3. После отпускания левой клавиши мыши компонент будет размещен на форме. При этом будут использованы те размеры, которые были заданы на предыдущем этапе.

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

Для удаления одного компонента необходимо выбрать его мышью и нажать клавишу Delete.

Выделенный щелчком мыши на форме компонент обрамляется якорями, которые выглядят как небольшие черные прямоугольники. Перетаскивая якоря, можно изменять размер компонента. Размер выделенного компонента также можно изменять при помощи клавиш перемещения курсора при нажатой клавише Shift. Перемещать компонент по форме можно как мышью, так и клавишами управления курсором при нажатой клавише Alt.

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

Изменение размеров и выравнивание компонентов

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

♦ Команда Align управляет взаимным выравниванием компонентов на форме.

• Lefts – левые стороны выделенных компонентов будут выровнены по левой стороне первого компонента слева.

• Centers – вертикальные центры выделенных компонентов будут выровнены по центру первого компонента справа.

• Rights – правые стороны выделенных компонентов будут выровнены по правой стороне первого компонента справа.

• Tops – верхние стороны выделенных компонентов будут выровнены по верхней стороне первого компонента сверху.

• Middles – горизонтальные центры выделенных компонентов будут выровнены по центру первого компонента снизу.

• Bottoms – нижние стороны выделенных компонентов будут выровнены по нижней стороне первого компонента снизу.

• To Grid – левые верхние углы выделенных компонентов будут совмещены с ближайшим узлом координатной сетки. Эта команда имеет смысл только в том случае, если в настройках Tools ► Options ► General не взведен флажок Align Controls to Grid. Если этот флажок взведен, то привязка к узлам координатной сетки производится автоматически, в момент помещения компонента на форму или перемещения его по форме.

♦ Команда Make same size позволяет выровнять размеры компонентов.

• Width – ширина выделенных компонентов приравнивается к наибольшей ширине из группы.

• Heigth – высота выделенных компонентов приравнивается к наибольшей из группы.

• Both – выравнивает как ширину, так и высоту выделенных компонентов.

♦ Команда Size to Grid совмещает все углы выделенного компонента с ближайшими узлами координатной сетки.

♦ Команда Horizontal Spacing позволяет выровнять горизонтальные расстояния между компонентами.

• Make Equal – располагает выделенные компоненты на равном расстоянии друг от друга. При этом должно быть выделено не менее трех компонентов.

• Increase – увеличивает расстояние между выделенными компонентами по горизонтали.

• Decrease – уменьшает расстояние между выделенными компонентами по горизонтали.

• Remove – делает горизонтальное расстояние между компонентами равным нулю.

♦ Команда Vertical Spacing позволяет уравнять вертикальные расстояния между компонентами. Содержит тот же набор подкоманд, что и Horizontal Spacing.

♦ Команда Center in form предназначена для центровки компонентов. Две подкоманды располагают по вертикальному и горизонтальному центру формы выделенный компонент или группу компонентов. Следует обратить внимание на то, что при расположении по центру формы группы компонентов расстояния между компонентами остаются неизменными.

♦ Команда Order управляет расположением компонентов в слоях.

• Bring to front – выводит выбранный компонент или их группу в верхний слой.

• Send to Back – перемещает выбранный компонент или их группу в нижний слой.

♦ Команда Lock Controls делает компоненты недоступными для перемещения и изменения размеров при помощи мыши.

Упражнение 3.3. Создание простого приложения

1. На форме нужно разместить три компонента Shape, один компонент Label, одну кнопку и компонент Timer так, как это показано на рис. 3.12.

Рис. 3.12. Создание формы приложения.

2. Двойным щелчком на кнопке Command1 создайте обработчик события щелчка на кнопке. Окно с кодом будет открыто автоматически и шаблон обработчика данного события будет создан. В этом шаблоне нужно ввести код, приведенный в листинге 3.1.

Листинг 3.1

Private Sub Command1_Click()

Label1.Font.Size = 20

Label1.Font.Bold = True

Label1.WordWrap = True

Label1.Alignment = vbCenter

Label1.Caption = «Здравствуй, Мир!»

Timer1.Interval = 300

Timer1.Enabled = True

Shape1.FillColor = &HFF&

Shape2.FillColor = &HFF&

Shape3.FillColor = &HFF&

End Sub

3. Двойным щелчком на компоненте Timer1 нужно создать обработчик события срабатывания таймера и ввести код из листинга 3.2.

Листинг 3.2

Private Sub Timer1_Timer()

If (Shape1.FillStyle = 1) Then

Shape1.FillStyle = 0

Shape2.FillStyle = 0

Shape3.FillStyle = 0

Else

Shape1.FillStyle = 1

Shape2.FillStyle = 1

Shape3.FillStyle = 1

End If

End Sub

4. В списке устройств нужно выбрать эмулятор Pocket PC 2002 (рис. 3.13).

Рис. 3.13. Выбор устройства.

5. Выполнить команду меню Run ► Execute или использовать сочетание клавиш Ctrl+F5. Среда запустит эмулятор, загрузит в него программу и начнет ее выполнение.

6. В окне программы нужно нажать кнопку Command1. В результате будет выведена надпись «Здравствуй, Мир!», а три прямоугольника в верхней части окна будут мигать красным цветом (рис. 3.14).

Рис. 3.14. Результат выполнения программы.

Настройки среды

Команда меню Tools ► Options выводит на экран окно с настройками среды eVB. Назначение элементов управления будет рассмотрено в этом разделе.

Вкладка Editor

Эта вкладка позволяет настроить параметры редактора кода.

♦ Флажок Auto Syntax Check включает проверку синтаксиса после каждой введенной строки кода.

♦ При взводе флага Require Variable Declaration в каждый новый модуль будет добавлена строка Option Explicit, делающая имена переменных уникальными во всем пространстве имен проекта.

♦ Флажок Auto List Members включает автозавершение при наборе кода.

♦ Флажок Auto Quick Info включает отображение информации о функции и ее параметрах.

♦ Флажок Auto Data Tips включает вывод значений переменных во всплывающих ярлычках в пошаговом режиме отладки.

♦ Флажок Auto Indent включает автоматическую установку отступа первой строки кода.

♦ Поле Tab Width задает размер отступа в символах.

♦ Флажок Drag-and-Drop Text Editing включает возможность перетаскивания выделенного текста при помощи мыши.

♦ Флажок Default to Full Module View заставляет среду разработки для каждого нового модуля использовать режим отображения всего кода, а не только текущей процедуры.

♦ Флажок Procedure Separator включает отображение горизонтальной линии, отделяющей одну процедуру от другой.

Вкладка Editor Format

На этой вкладке устанавливаются параметры отображения исходного кода программных модулей.

♦ Группа Code Colors позволяет установить цвета, применяемые в редакторе для того или иного элемента кода. Раздельно устанавливаются цвета шрифта (Foreground), закраски фона (Background) и индикатора (Indicator), выводимого на левое поле, если он предусмотрен для данного элемента кода.

♦ Блок Font отвечает за установку типа шрифта.

♦ Список Size позволяет задать размер шрифта.

♦ Флажок Margin indicator bar включает показ поля индикатора в окне редактирования.

Вкладка General

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

♦ Флажок Show Grid включает отображение координатной сетки на форме в режиме дизайна формы.

♦ Поле Width позволяет задавать горизонтальное расстояние между узлами координатной сетки. Допустимое значение располагается в интервале от 2 до 60 пикселов.

♦ Поле Height позволяет задавать вертикальное расстояние между узлами координатной сетки. Допустимое значение располагается в интервале от 2 до 60 пикселов.

♦ Флажок Align Controls to Grid включает автоматическое совмещение сторон помещенного на форму элемента с линиями координатной сетки.

♦ Флажок Show ToolTips включает отображение ярлычков подсказок при наведении курсора на элементы панелей инструментов, компоненты палитры компонентов и управляющие элементы окон дизайнеров.

♦ Флажок Collapse Proj. Hides Windows включает режим, который скрывает все окна проекта в среде разработки, когда в окне структуры проекта сам проект сворачивается до одной строки.

♦ Флажок SDI Development Environment позволяет активировать режим, при котором единое окно среды разработки отсутствует, а все дизайнеры и редактор кода работают в отдельных окнах.

Вкладка Docking

Эта вкладка содержит список всех окон среды разработки. Установка или снятие флажка для определенного окна включает или, соответственно, выключает свойство Docable для данного окна.

Вкладка Environment

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

♦ Флажок Prompt for project включает вывод запроса на создание нового проекта при запуске среды eVB.

♦ Флажок Save Changes заставляет среду автоматически сохранять изменения в проекте при запуске программы на выполнение или отладку.

♦ Флажок Prompt To Save Changes заставляет среду запрашивать разрешения на сохранение изменений в проекте при запуске программы на выполнение или отладку.

♦ Флажок Do not Save Changes указывает, что не следует выполнять сохранение изменений в проекте при запуске программы на выполнение или отладку.

♦ Группа Show Templates For позволяет выбрать шаблоны, которые будут отображены в списке при использовании инструмента Add, который располагается на панели Standard.

♦ Поле Templates Directory позволяет указывать каталог, в котором располагаются файлы шаблонов.