Лаба№2 Проектирование экранной формы

ЛАБОРАТОРНАЯ РАБОТА N 2 ПРОЕКТИРОВАНИЕ ЭКРАННОЙ ФОРМЫ

1 ЦЕЛЬ РАБОТЫ

Целью работы является создание экранных форм» наглядно отражающих информацию, содержащуюся в базах данных, а также облегчающих ввод новых и изменение имеющихся данных.

2 ОБЩИЕ ТЕОРЕТИЧЕСКИЕ СВЕДЕНИЯ

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

Экранная форма создается для целей редактирования и вывода данных; управления ходом выполнения приложения (для автоматизации вывода данных или выполнение некоторой последовательности действий); ввод данных; вывод сообщений; печать информации.

Среда визуального программирования FOX 5.0 является объектно-ориентированной средой, которая использует мощь windows-технологий OLE (встраивание и связывание объектов) DDE (динамический обмен данными), что позволяет организовывать обмен с файлами данных других приложений или встраивать эти данные непосредственно в создаваемое вами приложение. Например, можно разместить точечные картинки .BMP или документы WORD на вашей форме. Применение механизма связывания и встраивания позволяет пользоваться технологией drag-and-drop (перетащить и отпустить) это позволяет строить форму способом перетаскивания компонентов на форму без написания программного кода.

FOX 5.0 имеет очень развитую структуру классов которые в конечном счёте реализованы в виде широкой палитры управляющих компонентов (таких как command button, edit box, option group, grid) также в данной версии возможно применение компонентов нового поколения ActiveX.

3 ПОРЯДОК ВЫПОЛНЕНИЯ РАБОТЫ

3.1 Создание экранной формы

Построение форм в FOX 5.0 производится с помощью средства form designer который представляет собой интегрированную в основной пакет среду. Form designer содержит панели инструментов облегчающих процесс создания форм.

До начала проектирования экранной формы необходимо выполнить программу открытия и связывания баз данных. Для создания новой экранной формы необходимо выбрать вкладку Documents диспетчера проектов, выбрать элемент списка Forms и нажать командную кнопку <New>. Visual FoxPro откроет окно проектирования формы Form Designer и модифицирует основное меню, добавляя пункты связанные с построением форм. Выполните программу открытия и связывания баз данных.

Создайте новую экранную форму Tools | Wizard | Form:

1. На первом шаге выбирается база данных и входящие в нее таблицы или представления, а также поля из них.

2.На втором шаге выбирается стиль формы.

3.На третьем шаге устанавливается порядок сортировки записей.

4.На последнем шаге нужно ввести заголовок формы, и включить опцию Save form and modify it in the Form Designer (для модификации полученной формы конструктором форм).

Экранную форму можно просмотреть воспользовавшись кнопкой Preview. Пocлe нажатия кнопки Finish мастер сохраняет форму.

Form Designer содержит следующие элементы:

• рабочая область конструктора форм в которой располагаются проектируемые формы;

• панели инструментов;

• редактор свойств и событий,

Основная панель Form Designer Toolbar содержит (см. View):

Set Tab Order - определение порядка следования объектов;

Data Environment - окно среды данных;

Properties Window - окно свойств объектов;

Code Window - окна с программным кодом;

Form controls Toolbar - панель элементов управления Form Controls;

Color Palette Toolbar - панель цветовой палитры Color Palette;

Layout Toolbar - панель вариантов расположения объектов в окне формы Layout;

Form Builder - вызов построителя окна формы;

Auto Format - вызов окна автоформата формы

Панель Form Controls содержит элементы:

1. Select Object - режим выбора объекта;

2. View Classes - загрузка других библиотек классов включает standart и ActiveX-элементы возможна загрузка файлов библиотек;

3. Label - элемент содержит в себе неизменяемый при запуске формы в приложении текст управления (используется для создания заголовков, примечаний, инструкций на форме);

4. Text Box - элемент управления содержащий сроку редактирования (применяется для позиционного вывода полей или переменных в форму аналогично команде @SAY...GET);

5. Edit Box - элемент управления содержит область редактирования (удобно применять для вывода полей или переменных символьного типа когда заранее неизвестен размер текста);

6. Command Button - элемент управления представляет собой кнопку (используется для вызова процедур (обработчиков событий) определенных пользователем из окна формы);

7. Command Group - элемент управления представляет собой набор из кнопок типа command button;

8. Option Group - элемент управления селекторная кнопка (применяется при создании набора опций из которого может быть выбрана только одна);

9. Check Box - элемент управления кнопка переключатель (применяется при создании опций булевого типа или набора опций где возможен множественный выбор);

10. Combo Box - элемент управления комбинированный внешне представляет собой строку редактирования и выпадающий список комбинация из элементов TextBox и ListBox;

11. List Box - элемент управления список элементов с возможностью множественного выбора;

12. Spinner - элемент управления;

13. Grid - элемент управления представляет данные в виде совокупности строк и столбцов (аналогичен команде BROWSE);

14. Image - элемент управления размещает на форме картинку типа BMP;

15. Timer - элемент управления применяется для запуска на выполнение через заданные промежутки времени определенной пользователем процедуры;

16. Page Frame - элемент управления представляет собой набор страниц с закладками (элемент удобен для размещения большого количества элементов в маленьком окне формы пример в Page Frame можно поместить элемент Grid );

17. OLE Container Control - элемент управления встраивает объект OLE в создаваемое приложение вызывая стандартный Windows-диалог для встраивания объектов;

18. OLE Bound Control - элемент управления служит для представления полей типа General в окне формы;

19. Line - элемент управления горизонтальная или вертикальная линия;

20. Shape - элемент управления прямоугольник, круг, эллипс;

21. Separator - специальный объект добавляет свободное место между элементами управления и создает группы элементов;

22. Builder Lock - режим вызова построителя объектов, при активации этого режима при размещении компонента на форме вызывается окно построителя объектов.

23. Button Lock - режим блокировки объекта на форме.

3.2 Размещение элементов экранной формы

Разместите на экране "документ" и другие необходимые поля.

При создании списков информация берется из одного или нескольких полей баз данных. Спроектируйте форму "контроль исполняемых документов", создать возможность вывода списка исполнителей и списка документов.

Выполните необходимые надписи, оформите группы полей рамкой. Спроектируйте командную кнопку "Выход". Сформируйте внешний вид экранной формы.

3.3 Настройка элементов управления

Элементы управления, расположенные в окне формы, можно редактировать: изменять их местоположение и размер. Элементы управления представляют собой объекты которые обладают рядом свойств. Приложения выполняющиеся в операционной системе Windows в отличии от DOS-программ (последовательное выполнение) состоят из обработчиков событий. Обработчики событий назначают реакцию на различные действия над oбъектом (Click Event, DragDrop Event). B FOX 5.0 возможно перепрограммировать обработку событий, добавлять новые свойства объектов, методы (процедуры изменяющие значения свойств) и обработчики событий. Диалоговое окно Properties позволяет переключаться между объектами, просматривать и изменять значения свойств объектов и по двойному щелчку мыши на названии метода или события вызывать окно кода.

Окно свойств содержит 5 вкладок: All, Data, Methoda, Layout, Other. Выбор вкладки определяет подмножество отображаемых на панели списка установок: свойств, методов и событий. Каждая установка объекта представлена одним элементом из списка, состоящим из двух столбцов: название установки и ее значение. Доступность установки и ее изменение отображаются в окне свойств изменением начертания шрифта: курсивом выделяются недоступные для редактирования значения; жирным шрифтом выделяются измененные значения.

Процедуры, в которые был введен программный код, отмечаются как [User Procedure], a методы, которым не назначены процедуры, отмечаются как [Default].

Возможно добавления нового свойства объекту пункт меню Form/New Property, а затем установить значение нового свойства в окне свойств. Также возможно добавление нового метода объекту также меню Form/New Method, а затем ввести программный код для нового метода в окне кода.

3.4. Сохранение и генерация экранной формы

Сохраните экранную форму в файле (File|Save as...).

Сгенерируйте код экранной формы, который выводит экранную форму на экран и обслуживает ее (Program|Compile).

Выполните программу, выдающую экранную форму.

4. ФОРМА ОТЧЕТНОСТИ

1. Файл, содержащий спроектированную экранную форму с расширением .sсx.

2. Файл, содержащий программный код экранной формы, сгенерированный конструктором экрана.

3. Отчет по лабораторной работе, содержащий распечатку сгенерированного файла.