-
Создание формы, вставка «пассивных» компонент и элементов управления.
-
Создайте на диске отдельную папку для проекта (например, PROJECT1-1) и запустите программу Delphi.
-
После загрузки – создается новый проект с одной главной формой Form1. Под формой может находиться окно текстового редактора с модулем (Unit1) формы. Если в окне системы остались «чужие» окна, то выполните команду: «File New Application».
-
Чтобы убедиться, что система уже сгенерировала некоторые программы, выполните команду «View Toggle Form/Unit» или щелкните ЛКМ по краю окна редактора и Вы увидите текстовой редактор со страницей Unit1, где размещен текст модуля, обслуживающего работу формы. Ничего не трогайте!
-
Введите еще одну команду: «Project View Source» и в окне редактора пооявится еще один лист с текстом основной программы – проекта:
program Project1;
uses
Forms,
Unit1 in 'Unit1.pas' {Form1};
{$R *.RES}
begin
Application.Initialize;
Application.CreateForm(TForm1, Form1);
Application.Run;
end.
Программа выполняет основные функции по созданию формы и организации цикла обработки событий.
Данный вариант программы уже готов к выполнению. Введите команду Run Run и на экране появится работающая, но пустая форма. Мы можем менять ее размеры и местоположение, сворачивать и восстанавливать и закрывать кнопкой с символом . Закройте форму и перейдите на лист “Unit1” в окне редактора.
-
Щелкните ЛКМ на форме. Если на экране отсутствует «инспектор объектов» - «Object Inspector», активизируйте его командой «View Object Inspector» или кл. F11. На вкладке “Properties” («Свойства») найдите свойство «Caption», введите новый заголовок формы «Пример 1.1» и нажмите Enter.
-
Сохраним наш проект в созданной ранее папке. При начальном сохранении проекта или при создании копии, необходимо ввести команду “File Save Project As” («Сохранить проект с именем…»). Причем, поочередно будут появляться окна для указания имен разных файлов проекта. Для файла модуля основной формы «Save Unit1 As» - измените стандартное имя Unit1 на Formgl1. Далее появится окно для ввода имени файла проекта (.dpr) – введите P_Treug1 и сохраните проект кн. «Save». После этих операций у Вас измениться содержание главной программы и заголовки вкладок (листов) редактора.
-
Для удобства размещения компонент в формы установите размер сетки и включите ее: «Tools Environment Options Preferences» и в правом нижнем углу установите размер сетки 4 * 4. Включите отображение сетки - «Display grid» и привязку к ней курсора – «Snap to grid».
-
Создадим «Надпись1», определяющую название задачи (см. стр. 4). Откройте вкладку Additional на палитре компонент, нажмите кн. Static Text, переместите курсор на форму и постройте прямоугольник для ввода надписи. Введите в окне свойства «Caption» текст: «Вычисление площади треугольника». Нажмите Enter. Выделите надпись и подкорректируйте местоположение, размеры, шрифт, цвет и другие свойства (Font, Border Style, Color и др.). Если необходимо, увеличьте размеры формы.
-
Используя ту же компоненту, вставьте еще две надписи «Вариант 1» и «Исходные данные».
-
На вкладе «Standard» найдите компоненту Label (кн. с символом «А») и вставьте три метки (см. стр. 4 и Рисунок 1). Измените их свойства “Caption” – введите туда соответствующие названия: «Сторона А», «Сторона В», «Сторона С». Подкорректируйте расположение меток и откорректируйте их геометрические и качественные свойства.
-
Ниже – разместите строки ввода - компоненты «Edit» (кн. с символом «ab»): Edit1, Edit2, Edit3. Подкорректируйте размеры и местоположение.
Замечание.
Для выравнивания компонент по размерам можно использовать маркеры, а также специальные групповые операции. Выделите, придерживая Shift, метки Label и введите команду «Edit Size…». В ДО подберите нужные опции выравнивания по ширине («Width»): опция «Grow to largest» – по самому большому; «Shrink to smallest» - по самому маленькому. Аналогичные способы выравнивания можно установить для вертикальных размеров «Heigh», но вместо «по ширине» надо использовать опцию «Heigh» – по самому низкому.
Вы можете, если разберетесь, использовать панель инструментов: «View Alignment Palette».
Для выравнивания по местоположению можно использовать перетаскивание или опции команды «Edit Align…». Будьте очень внимательны при выполнении команд этой группы, так как выделенные элементы могут, при неудачном выборе команды «слиться» и вам придется их «растаскивать» в ручную.
И запомните! Все компоненты выравниваются по первой компоненте выделенной в группу.
Если сетка позволяет, то проще выравнивание делать по узлам сетки.
Для связывания меток Label и окон Edit используется свойство метки «Focus Control», где надо указать имя окна (например, Label1). Свяжите метки с соответствующими окнами ввода.
-
Для размещения кнопок нажмите Shift и, не отпуская ее, выберите на палитре «Standard» компоненту «Button» (кн. с изображением ОК). Отпустите Shift. Далее последовательно постройте три кнопки, начиная с левой. Отключите кнопку «ок» на палитре.
-
С помощью свойства «Caption» введите названия кнопок (см. Рисунок 1), а с помощью свойства «Name» измените имена (см. стр. 4): “But_exe”, “But_New”, “But_Exit”.
-
Дооформите форму рамкой – компонент «Bevel» из палитры Additional. Поберите размеры, вид и расположение.
-
Откорректируйте размеры и начальное положение главной формы и установите (в инспекторе объектов) свойства (см. стр. 5). Для установки например, свойства «Border Icons» – щелкните ЛКМ на значке «+» слева. Откроется список опций. Установите для «biSystemMenu» и «biMinimize» значение True, а для остальных опций – False.
-
Сохраните все изменения: «File Save all…» и запустите программу. Проанализируйте вид формы и компонент, переходы по Tab и т.д. Закройте форму и вернитесь в конструктор.
-
Проверьте порядок переходов по Tab (Tab – порядок). Для этого выполните команду «Edit Tab Order…». В открывшемся ДО «Edit Tab Order» должен быть установлен следующий порядок: - см. Рисунок 1. Для изменения порядка используйте кнопки со стрелками (выделив предварительно нужную компоненту).
Рисунок 2. Окно установки Tab - переходов по компонентам.