Visual FoxPro   Обзор графических пакетов 3GL   Компьютерная графика к экономической информатике   к 4GL - визуальному программированию

Программирование в VisualFoxPro 7.0

Конструктор форм

Вы уже познакомились с созданием формы с помощью мастера форм. В данной главе рассмотрим создание формы в окне конструктора форм.

  Окно конструктора форм

Любая форма в Visual FoxPro состоит из объектов, каждый из которых имеет характерные свойства. Для любого объекта вы можете указать действия, выполняемые программой при наступлении определенных событий. Процесс создания формы в конструкторе форм состоит в размещении в форме объектов и определении свойств, а также связанных с ними событий и выполняемых действий.

Для открытия окна конструктора форм при создании новой формы воспользуйтесь одним из следующих способов.

На рис. 6.1 показано окно конструктора форм, содержащее панели инструментов Color Palette (Цветовая палитра), Layout (Расположение), Form Designer (Конструктор форм) и Form Controls (Элементы управления формы),используемые при работе в конструкторе. В окне конструктора размещена новая форма, с которой вы можете работать.

В том случае, когда необходимые панели инструментов отсутствуют, для их отображения на экране выберите соответствующие команды в меню View(Вид) (рис. 6.2) или установите флажки выбора панелей инструментов в диалоговом окне Toolbars (Панели инструментов).

gl6-1.jpg

Рис. 6.1. Окно конструктора форм с панелями инструментов

gl6-2.jpg

Рис. 6.2. Установленные метки в опциях меню View для отображения на экране панелей инструментов

Панель инструментов Form Controls (Элементы управления формы) используется для размещения в форме объектов. Краткое описание кнопок этой панели приведено в табл. 6.1. Более подробно назначение этих кнопок будет рассмотрено ниже.

Таблица 6.1. Кнопки панели инструментов Form Controls

Кнопка Наименование Назначение
Select Objects (Выбор объектов) Указатель выделения. Позволяет выбирать в форме объекты
View Classes (Просмотр классов) Позволяет выбрать класс для создаваемых в форме объектов
Label (Метка) Создает в форме текстовый объект
Text Box (Поле ввода) Создает в форме поле ввода
Edit Box (Поле редактирования) Создает в форме поле редактирования
Command Button (Кнопка) Создает в форме кнопку управления
Option Group (Переключатель) Создает в форме переключатель
Check Box (Флажок) Создает в форме флажок
Grid (Таблица) Создает в форме для размещения полей объект в виде таблицы
Combo Box (Раскрывающийся список) Создает в форме раскрывающийся список
List Box (Список) Создает в форме список
Spinner (Счетчик) Создает в форме поле ввода значения в виде счетчика
Line (Линия) Создает в форме линию
Shape (Контур) Создает в форме контур
Container (Контейнер) Создает в форме контейнер
Image (Изображение) Размещает в форме рисунок
Command Group (Группа кнопок) Размещает в форме группу кнопок
Timer (Таймер) Создает в форме объект типа таймера
Page Frame (Вкладка) Размещает в форме страницы с вкладками
ActivX Bound Control(OleBoundControl) (ActivX-объект) Отображает содержимое OLE-объекта, хранящегося в поле типа General
ActivX Control(OleControl) (OLE-объект) Создает OLE-объект
HyperLink (Гиперссылка) Создает объект для работы с Интернетом
Separator (Разделитель) Размещает на панели инструментов разделитель кнопок
Builder Lock (Закрепитель построителя) Закрепляет выбор построителя
Button Lock (Закрепитель кнопки) Закрепляет выбранную кнопку на панели инструментов

Панель инструментов Form Designer (Конструктор форм) содержит кнопки вызова панелей инструментов Form Controls (Элементы управления формы),Color Palette (Цветовая палитра), Layout (Расположение). С помощью этой панели можно выполнять и некоторые дополнительные действия по управлению формой. Краткое назначение кнопок данной панели инструментов приведено в табл. 6.2.

Таблица 6.2. Кнопки панели инструментов Form Designer

Кнопка Наименование Назначение
Set Tab Order (Порядок объектов) Переключает конструктор форм в режим установления порядка обхода объектов формы
Data Environment (Окружение данных) Открывает окно определения среды окружения формы
Code Window (Окно кода) Открывает окно просмотра исходного кода формы
Color Palette Toolbar (Панель инструментов Цветовая палитра) Отображает на экране панель инструментов Color Palette (Цветовая палитра)
Form Builder (Построитель формы) Вызывает построитель формы
Properties Window (Окно свойств) Открывает на экране окно свойств объектов формы
Form Controls Toolbar (Панель инструментов Элементы управления формы) Вызывает на экран панель инструментов FormControls (Элементы управления формы)
Layout (Расположение) Вызывает на экран панель инструментов Layout(Расположение)
      Auto Format (Авто формат) Вызывает построитель авто формата для выбранных объектов формы

Для выравнивания объектов, размещенных в форме, удобно использовать панель инструментов Layout (Расположение). Краткое назначение кнопок данной панели приведено в табл. 6.3.

Таблица 6.3. Кнопки панели инструментов Layout

Кнопка Наименование Назначение
Align Left Sides (По левому краю) Выравнивает выбранные объекты по левому краю самого левого объекта
Align Top Edges (По верхнему краю) Выравнивает выбранные объекты по верхнему краю самого верхнего объекта
Align Right Sides (По правому краю) Выравнивает выбранные объекты по правому краю самого правого объекта
Align Bottom Edges (По нижнему краю) Выравнивает выбранные объекты по нижнему краю самого нижнего объекта
Align Vertical Centers (По вертикали) Выравнивает выбранные объекты по вертикали
Align Horizontal Centers (По горизонтали) Выравнивает выбранные объекты по горизонтали
Center Vertically (По вертикальному центру) Центрирует выбранные объекты относительно вертикальной средней линии формы
Center Horizontally (По горизонтальному центру) Центрирует выбранные объекты относительно горизонтальной средней линии
Same Width (Одинаковая ширина) Устанавливает одинаковую ширину для выбранных объектов формы
Same Size (Одинаковый размер) Устанавливает одинаковую ширину и высоту для выбранных объектов формы
Same Height (Одинаковая высота) Устанавливает одинаковую высоту для выбранных объектов формы
Send to Back (Позади) Направляет выбранный объект на самый нижний слой формы
Bring to From (Поверх) Направляет выбранный объект на самый верхний слой формы

  Создание формы

Процесс создания формы включает следующие действия:

Начнем создание формы в конструкторе форм с настройки ее параметров.

  Настройка параметров формы

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

Настройка параметров формы осуществляется в окне свойств Properties(Свойства), для открытия которого установите курсор на свободную от объектов поверхность формы, нажмите правую кнопку мыши и выберите из контекстного меню команду Properties (Свойства).

  Расположение формы

Новая форма по умолчанию располагается в верхнем левом углу основного окна Visual FoxPro. Для изменения ее положения можно использовать свойства Left (Левый) и тор (Верхний), указывающие расстояние в пикселях от левого и верхнего края, соответственно, а также мышь. При использовании мыши для изменения положения формы установите курсор на заголовок формы, нажмите кнопку мыши и, удерживая ее, переместите форму в окне конструктора в место ее предполагаемого расположения (рис. 6.3).

Для изменения размера формы можно использовать свойства Height(Высота) и widht (Ширина), определяющие высоту и ширину формы, а также мышь. При использовании мыши для изменения размера формы установите курсор в ее нижний правый угол. Когда он примет вид двунаправленной стрелки, нажмите кнопку мыши и, удерживая ее, измените размер формы. Установив необходимый размер, отпустите кнопку мыши.

gl6-3.jpg

Рис. 6.3. Расположение формы в центре главного окна Visual FoxPro

Совет

Для размещения формы в центре главного окна Visual FoxPro необходимо в окне свойств установить для свойства AutoCenter (Авто центр) значение True(Истина).

  Заголовок формы

Для задания текста заголовка формы, располагающегося в строке заголовка, предназначено свойство Caption (Надпись) окна свойств. Чтобы отредактировать заголовок, откройте окно Properties (Свойства), выделите свойство Caption (Надпись) и в поле ввода, ставшее активным, введите заголовок формы.

Если вы хотите, чтобы форма вообще не содержала заголовок, установителя свойства TitieBar (Строка заголовка) значение off (Выкл.)

  Стиль обрамления формы

Стиль обрамления формы задается с помощью свойства Borderstyle (Стиль рамки) и может принимать значения, описанные в табл. 6.4.

Таблица 6.4. Значения стиля обрамления формы

Значение Описание
0-No border (Нет рамки) Форма не имеет рамки
1-Fixed Single (Одинарная рамка) Неизменяемая одинарная рамка
2-Fixed Dialog (Двойная рамка) Неизменяемая двойная рамка
3-Sizable (Default)(Изменяемая) Изменяемая рамка (размеры формы можно изменять при выполнении)

Свойство BackCoior (Цвет фона) позволяет задать цвет фона формы.

Свойство windowstate (Состояние окна) определяет размер формы при ее вызове и может принимать одно из значений, описанных в табл. 6.5.

Таблица 6.5. Значения свойства windowstate

Значение Описание
Normal (Обычное) Форма имеет размеры, определенные его свойствами
Minimized (Windows only)(Минимизированное) Форма сворачивается в значок
Maximized (Максимизированное) Форма распахивается на весь экран

  Среда окружения формы

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

Замечание

При создании форм с помощью мастера и размещении объектов в форме с помощью построителя среда окружения создается Visual FoxPro без участия разработчика.

При определении среды окружения вы выполняете следующие действия:

Вся эта информация, относящаяся к среде окружения, хранится в файле описания формы.

Для создания среды окружения формы предназначено диалоговое окно DataEnvironment (Среда окружения), открыть которое можно одним из следующих способов:

Замечание

При открытии окна среды окружения Data Environment (Среда окружения) в основное меню добавляется соответствующий пункт.

Для работы в окне Data Environment (Среда окружения) можно использовать команды из меню Data Environment (Среда окружения) или контекстное меню (рис. 6.4), позволяющие добавить в окружение таблицы, просмотреть их в режиме Browse (Обзор), открыть окно свойств окружения для задания различных параметров.

Для добавления новой таблицы в среду окружения можно выполнить одно из следующих действий:

При этом открывается диалоговое окно Add Table or View (Добавить таблицу или представление данных) (рис. 6.5), содержащее список таблиц открытой базы данных. Опция Views (Представления данных) области Select (Выбор)позволяет разместить в среде окружения созданные в базе данных представления данных.

gl6-4.jpg

Рис. 6.4. Диалоговое окно Data Environment с контекстным меню

gl6-5.jpg

Рис. 6.5. Диалоговое окно Add Table or View

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

  1. Выделите таблицу, в которой хотите упорядочить данные.
  2. Откройте окно свойств таблицы. Для этого установите на нее курсор, нажмите правую кнопку мыши и выберите из контекстного меню команду Properties (Свойства).
  3. Выделите свойство Order (Упорядочение).
  4. В поле коррекции свойства нажмите кнопку раскрытия списка. Из списка индексов таблицы выберите тот, по которому хотите упорядочить данные в форме.

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

  1. Выделите линию, соединяющую таблицы. При этом в окне Properties(Свойства) будут отображаться свойства, характеризующие установленную между таблицами связь.
gl6-6.jpg

Рис. 6.6. Диалоговое окно Data Environment с размещенными таблицами

  1. Проверьте, какая из таблиц является родительской, а какая дочерней по отношению к ней. Для этого просмотрите свойства ChildAlias(Дочерняя таблица) и ParentAlias (Родительская таблица).
  2. Посмотрите выражение, используемое для связи таблиц, воспользовавшись свойством RelationalExpr (Выражение отношения). Оно должно совпадать с выражением, используемым при создании индекса, по которому таблицы связаны.

На рис. 6.6 представлено диалоговое окно Data Environment (Среда окружения) с размещенными в нем таблицами customer и Phoncust и открытым окном свойств для установленной между таблицами связи.

  Последовательность действий при настройке параметров формы

Теперь рассмотрим последовательность действий для определения окружения и задания основных свойств формы.

  1. Откройте проект Sales.
  2. Выберите вкладку Documents (Документы), перейдите в окне проекта в группу Forms (Формы) и нажмите кнопку New (Новая).
  3. В открывшемся диалоговом окне New Form (Новая форма) выберите опцию New Form (Новая форма). Откроется окно конструктора форм для создания новой формы.
  4. Откройте окно окружения формы Data Environment (Среда окружения),выбрав команду Data Environment (Среда окружения) из меню View (Вид).
  5. Для размещения таблицы в среде окружения выберите команду Add(Добавить) из меню Data Environment (Среда окружения).
  6. В открывшемся диалоговом окне Add Table or View (Добавить таблицу или представление данных) выберите из списка таблиц открытой базы данных таблицу, для которой создаете форму, и нажмите кнопку ОК.
  7. Откройте окно свойств таблицы, размещенной в окне окружения. Для этого установите на нее курсор, нажмите правую кнопку мыши и выберите из контекстного меню команду Properties (Свойства),
  8. Выделите свойство order (Упорядочение). Для упорядочения данных форме в поле коррекции свойства нажмите кнопку раскрытия списка и из списка индексов таблицы выберите индекс, по которому хотите упорядочить данные.
  9. Закройте окно определения среды окружения.
  10. Для задания свойств формы установите курсор в форму, нажмите правую кнопку мыши и выберите из контекстного меню команду Properties(Свойства). Открывается окно Properties (Свойства). В его верхнем списке, указывающем название объекта, для которого осуществляется настройка свойств, содержится текст Form1 (Форма 1).
  11. В окне Properties (Свойства) скорректируйте свойство caption (Надпись), введя в текстовом поле заголовок формы.
  12. Задайте цвет фона формы. Для этого используйте свойство формы BackColor (Цвет фона). Щелкните на нем мышью. Затем нажмите расположенную с правой стороны поля редактирования свойства кнопку ив открывшемся диалоговом окне Цвет выберите цвет, который хотите использовать для фона.
  13. Свойство AutoCenter (Автоцентр) должно иметь значение True (Истина), чтобы форма располагалась в центре экрана.
  14. Для изменения размера формы установите курсор в ее нижний правый угол. Когда он примет вид двунаправленной стрелки, нажмите кнопку мыши и, удерживая ее, измените размер формы. Установив необходимый размер формы, отпустите кнопку мыши.
  15. Измените свойства FontName (Наименование шрифта), Fontsize (Размер шрифта), выбрав подходящий шрифт из установленных на вашем компьютере и его размер.
  16. Сохраните форму на диске.

  Размещение объектов в форме

После того как вы определили параметры формы, разместили в окружении используемые таблицы, можно приступать к размещению объектов в форме.

  Размещение полей таблиц и надписей к ним с использованием построителя формы

Для размещения в форме полей таблицы и надписей к ним в конструкторе форм можно использовать построитель формы.

Чтобы запустить построитель форм, выберите команду Builder (Построитель)контекстного меню формы или нажмите кнопку Form Builder (Построитель формы) на панели инструментов Form Designer (Конструктор форм). Откроется диалоговое окно Form Builder (Построитель формы), содержащее две вкладки (табл. 6.6).

Таблица 6.6. Назначение вкладок окна Form Builder

Вкладка Назначение
Field Selection (Выбор поля) Выбор полей, которые будут размещены в форме (рис. 6.7)
Style (Стиль) Задание стиля отображения объектов формы (рис. 6.8)
 

gl6-7.jpg

Рис, 6.7. Вкладка для выбора полей, размещаемых в форме с помощью построителя

gl6-8.jpg

Рис. 6.8. Вкладка для определения стиля объектов, размещаемых с помощью построителя

Используя вкладку Field Selection (Выбор поля) диалогового окна FormBuilder (Построитель формы), сформируйте список полей таблицы, размещаемых в форме. Для этого из верхнего списка области Databases and tables

(Базы данных и таблицы) выберите необходимую базу данных, а из нижнего — таблицу, поля которой размещаете в форме. Затем из списка Availablefields (Имеющиеся поля) перенесите в Selected fields (Выбранные поля) поля, которые вы хотите разместить в создаваемой форме. Для переноса полей используйте кнопки, расположенные между списками.

Сформировав список полей, перейдите на вкладку Style (Стиль). Используя расположенный здесь список Style (Стиль), задайте стиль оформления объектов, размещаемых в форме. Завершив установку параметров на обеих вкладках, нажмите кнопку ОК. В форме будут размещены поля и надписи к ним (рис. 6.9).

Замечание

Построитель может размещать в форме все поля, включая также поля типа General.

gl6-9.jpg

Рис. 6.9. Форма с объектами, размещенными с помощью построителя

Замечание

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

  Текстовая информация

Размещение в форме текста (заголовков, надписей к полям, поясняющей информации) осуществляется с помощью кнопки Label (Метка), находящейся на панели инструментов Form Controls (Элементы управления формы).

Для размещения текста выполните следующие действия:

  1. Нажмите кнопку Label (Метка) на панели инструментов Form Controls(Элементы управления формы). Если данная панель отсутствует на экране, для ее отображения выберите в меню View (Вид) команду Form Controls Toolbar (Панель элементов управления формы).
  2. Установите указатель мыши на место предполагаемого расположения текстового объекта и нажмите кнопку мыши. В форме появляется объект, в названии которого содержится слово Label1.
  3. Для открытия окна свойств созданного объекта выделите его и выберите из контекстного меню команду Properties (Свойства). Откроется окно Properties (Свойства).
  4. Фон текстового объекта определяется свойством Backstyle (Стиль фона).Если вы хотите, чтобы фон текста не отличался от фона формы, установите для свойства BackStyle (Стиль фона) значение Transparent (Прозрачный).
  5. Текст задается свойством caption (Надпись). Выделите данное свойство, после чего в поле ввода свойства введите нужную текстовую информацию и нажмите клавишу <Enter>.
  6. Задайте с помощью свойств FontName (Наименование шрифта) и Fonsize (Размер шрифта) вид и размер шрифта.
  7. Используя свойство ForeColor (Цвет надписи), задайте цвет текстовой информации.
  8. Скорректируйте размер объекта, чтобы в нем помещалась вся надпись. Для этого используйте маркеры выделения или установите значение True(Истина) в поле свойства AutoSize (Авто размер).

  Поле ввода

Для отображения информации из таблиц в форме используются поля различных типов. Наиболее простым типом поля является поле ввода. Для размещения поля ввода в форме выполните следующие действия:

  1. Нажмите кнопку Text Box (Поле ввода) на панели инструментов Form Controls (Элементы управления формы).
  2. Щелкнете в том месте формы, в котором вы предполагаете расположить поле ввода.
  3. Откройте окно свойств для созданного объекта.
  4. Чтобы связать созданное поле с полем таблицы, выберите на вкладке Dta (Данные) свойство Controisource (Источник данных). В поле ввода свойства воспользуйтесь кнопкой раскрытия списка и из списка всех полей открытой таблицы выберите поле, которое хотите добавить в форму(рис. 6.10).
gl6-10.jpg

Рис. 6.10. Связывание поля формы с полем таблицы

  1. Используя свойство Alignment (Выравнивание), задайте вариант выравнивания информации в поле: по центру, по левому или правому краю поля.
  2. Для задания стиля и цвета рамки поля используйте свойства Borderstyle(Стиль рамки) и BorderColor (Цвет рамки) соответственно.
  3. С помощью свойства DisabiedBackCoior (Цвет фона неактивного поля)задайте цвет фона неактивного поля.
  4. Применяя свойство comment (Описание), вы можете задать краткое описание назначения размещенного объекта. Это описание будет полезно при разработке приложения и его сопровождении.
  5. Используя свойства FontName (Наименование Шрифта) и FontSize (Размер шрифта), задайте используемый при отображении информации шрифт и его размер.
  6. С помощью свойства ForeColor (Цвет надписи) задайте цвет, которым будет отображаться информация в поле ввода.
  7. Для отображения полей ввода в заданном формате используйте свойство Format (Формат).

Допустимые форматы и их назначения приведены в табл. 6.7.

Таблица 6.7. Форматы данных

Код Назначение
! Преобразует буквы к верхнему регистру
$ Выводит на экран текущий денежный символ
^ Отображает числа в экспоненциальном виде
А Разрешает ввод только текстовых символов
D Для редактирования данных типа даты использует текущий формат SET DATE (например, BRITISH, GERMAN и т. д.)
Е Редактирует данные, рассматривая их как европейские (BRITISH) даты
К Выделяет все поле целиком, когда курсор перемещается в данное поле
L Отображает ведущие нули при их выводе в поле ввода
М Задает несколько предопределенных значений на выбор
R Содержит маску формата для поля ввода. Символы маски отображаются на экране, но не сохраняются в источнике данных
Т Удаляет начальные и конечные пробелы в форме
YS Отображает дату в кратком формате, используя установки Windows
YL Отображает дату в полном формате, используя установки Windows
Z Отображает 0 как пробел, за исключением случая, когда фокус установлен на объекте
  1. Свойство inputMask (Маска ввода) позволяет задать шаблон. Символы, которые могут быть использованы в шаблоне, представлены в табл. 6.8.

Таблица 6.8. Коды шаблонов PICTURE

Код Назначение
X Допускает ввод любых символов
9 В случае символьных данных позволяет вводить только цифры. В случае числовых данных позволяет вводить цифру и знак
# Позволяет вводить цифры, пробелы и знак
$ Выводит на экран текущий денежный символ (определяемый при помощи команды SET CURRENCY). По умолчанию этот символ помещается непосредственно до или после поля. Однако денежный символ и его позиция (SET CURRENCY), разделительный символ (SET SEPARATOR) и символ десятичного знака (SET POINT) могут быть переопределены
$$ Отображает плавающий денежный символ, положение которого определяется расположением цифр в поле ввода или счетчике
* Перед числовыми значениями выводятся звездочки. Используется со знаком доллара $
. Задает позицию десятичной точки
, Используется для отделения цифр, стоящих слева от десятичной точки
  1. Если вы создаете поле, информация которого должна быть доступна только для чтения, необходимо установить значение свойства Readonly(Только чтение) равным True (Истина).
  2. Используя свойство specialEffect (Специальный эффект), задайте стиль отображения поля из трех предложенных вариантов: обычный, с эффектом объемности или принимающий объемный вид при перемещении курсора мыши над ним.
  3. Для поля можно задать длинные поясняющие надписи, выводимые в строку состояния при установке на поле курсора мыши. Для этого используется свойство statusBarText (Текст строки состояния). На рис. 6.11 представлена форма с полем код клиента, при определении которого было использовано данное свойство.
  4. Visual FoxPro позволяет с помощью свойства ToolTipText (Текст подсказки) создавать текст краткого пояснения, появляющийся ниже курсора, когда он установлен на поле. Чтобы текст заданного поясненияотображался, установите для свойства ShowTips (Показывать подсказки)формы значение True (Истина).
  5. При добавлении новой записи в поле по умолчанию можно вводить наиболее часто встречающееся значения. Для этого используется свойство value (Значение).
gl6-11.jpg

Рис. 6.11. Отображение в строке состояния информации, задаваемой свойством StatusBarText

  Использование построителя для создания поля ввода

В Visual FoxPro для большинства размещаемых в форме объектов имеются построители объектов, которые помогут вам при настройке их свойств. Рассмотрим использование построителя для создания в форме поля ввода.

Для размещения в форме поля ввода с помощью построителя выполните следующие действия:

  1. Нажмите кнопку Text Box (Поле ввода) на панели инструментов Form Controls (Элементы управления формы).
  2. Щелкните в том месте формы, в котором вы предполагаете разместить поле. При этом поле ввода примет размер по умолчанию. Если вы хотите определить размер поля ввода при его размещении, нажмите кнопку мыши и, не отпуская ее, нарисуйте рамку требуемого размера.
  3. Для запуска построителя нажмите правую кнопку мыши и выберите команду контекстного меню Builder (Построитель). Открывается диалоговое окно Text Box Builder (Построитель поля ввода) (рис. 6.12), содержащее вкладки Format (Формат), Style (Стиль) и Value (Значение). Используя данное диалоговое окно, вы можете задать формат, стиль оформления поля и связать его с полем таблицы.
gl6-12.jpg

Рис. 6.12. Вкладка Format позволяет задать формат поля ввода

Замечание

Используя построитель, вы можете не только разместить поле, но и изменить свойства поля, уже размещенного в форме.

  1. Вкладка Format (Формат) содержит раскрывающийся список Data Type(Тип данных), используя который вы можете задать тип данных поля. На вкладке также расположены флажки, описанные в табл. 6.9.

Таблица 6.9. Назначение флажков вкладки Format

Флажок Назначение
Enable at run time (Доступно для ввода) Устанавливает признак разрешения доступа к полю ввода при запуске формы. Данный флажок связан со свойством объекта Enabled (Доступен)
Alphabetic characters only {Только буквы алфавита) Разрешает ввод в поле только букв, что равносильно установке для свойства Format (Формат) значения формата А
Make read-only (Только для чтения) Используется для запрета ввода данных в поле
Select on entry (Выбор при входе) При перемещении курсора в поле выделяет все поле целиком
Hide selection (Скрывать выбор) Устанавливает свойство объекта HideSelection(Скрывать выбор), управляющее выделением объекта после того, как фокус с него перейдет на другой объект
Display leading zeros (Отображать ведущие нули) Отображает ведущие нули при их выводе в поле ввода

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

  1. Установив параметры на вкладке Format (Формат), перейдите на вкладку Style (Стиль) (рис. 6.13), чтобы задать стиль отображения создаваемого поля. Она содержит четыре параметра (табл. 6.10).

Таблица 6.10. Назначение параметров вкладки Style

Параметр Назначение
Special effect (Специальный эффект) Этот переключатель содержит опции 3D (Объемный) или Plain (Плоский). При выборе значения 3D(Объемный) поле будет иметь объемный вид. Определяет значение свойства SpecialEffect (Специальный эффект)
Border (Рамка) Данный переключатель позволяет установить одно из двух значений: single или None. Определяет значение свойства BorderStyle (Стиль рамки)
Character alignment (Выравнивание символов) Этот список позволяет задать тип выравнивания данных внутри поля и определяет значения свойства Alignment (Выравнивание)
Size text box to fit (Подходящий размер поля ввода) При установке данного флажка ширина поля определяется автоматически на основе шаблона ввода или длины поля источника данных
  1. Для связывания поля ввода с полем таблицы перейдите на вкладку Value(Значение) (рис. 6.14). Из раскрывающегося списка Field name (Имя поля) выберите поле таблицы, с которым хотите связать поле ввода.
  2. После установки всех параметров, для завершения формирования свойств поля ввода нажмите кнопку ОК.
gl6-13.jpg

Рис. 6.13. Окно, предназначенное для установки параметров стиля поля

gl6-14.jpg

Рис. 6.14. Связывание создаваемого поля с полем таблицы

Совет

Для автоматического вызова построителя при размещении объектов в форме необходимо на панели инструментов Form Controls (Элементы управления формы) нажать кнопку Builder Lock (Закрепитель построителя).

  Поле редактирования

Поля Edit Box (Поле редактирования) очень удобны для редактирования символьных полей большого размера и Memo-полей. Чтобы разместить поле редактирования в форме, выполните следующие действия:

  1. Нажмите кнопку Edit Box (Поле редактирования) на панели инструментов Form Controls (Элементы управления формы).
  2. Щелкните в том месте формы, где вы предполагаете разместить поле редактирования.
  3. Откройте окно свойств Properties (Свойства) для размещенного объекта.
  4. При использовании поля данного типа для просмотра и редактирования полей большого размера, в его правой части можно расположить вертикальную полосу прокрутки, предназначенную для просмотра информации, не поместившейся в окне просмотра. Для этого необходимо в свойстве scrollsars (Полоса прокрутки) задать значение vertical (Вертикальная). При установке значения None (Нет) полоса прокрутки у поля будет отсутствовать.

Остальные свойства поля редактирования аналогичны свойствам поля ввода, которые описаны выше.

  Кнопки управления

Как правило, в полях формы отображается информация об одной записи. Для просмотра всех записей таблицы необходимо добавить в форму средства перемещения по записям. В Visual FoxPro имеются удобные инструменты, предназначенные для этих целей, — кнопки.

Для размещения кнопок управления в форме можно использовать две кнопки панели инструментов Form Controls (Элементы управления формы) (табл. 6.11).

Таблица 6.11. Кнопки панели инструментов Form Controls

Кнопка Наименование Назначение
  Command Button (Кнопка) Создание одиночной кнопки
  Command Group (Группа кнопок) Создание набора кнопок

Размещение одиночных кнопок

Для размещения в форме одной кнопки выполните следующие действия:

  1. Нажмите кнопку Command Button (Кнопка) на панели инструментов Form Controls (Элементы управления формы) и щелкните мышью в месте предполагаемого размещения создаваемой кнопки.
  2. Откройте окно свойств созданного объекта.
  3. Кнопка может содержать текст или графическое изображение. При создании кнопки, содержащей текст, скорректируйте свойство Caption(Надпись), разместив в поле ввода значения текст, который будет отображаться на кнопке. Например, при создании кнопки для закрытия формы введите Выход.
  4. При создании кнопки, содержащей графическое изображение, для задания изображения, размещаемого на кнопке, воспользуйтесь свойством picture. Нажмите кнопку, расположенную справа от поля ввода значения свойства. В результате откроется диалоговое окно Open (Открыть) (рис. 6.15), используя которое, вы можете выбрать файл на диске, содержащий изображение, и просмотреть его в области Picture (Изображение). Чтобы это можно было сделать, необходимо установить флажок Preview (Просмотр). После выбора файла нажмите кнопку ОК для перенесения изображения на кнопку.
gl6-15.jpg

Рис. 6.15. Диалоговое окно Open, предназначенное для выбора изображения на кнопке

  1. Кнопка размещена в форме. Теперь необходимо, используя автоматически вызываемый при нажатии на кнопку метод объекта click (Нажатие),определить действия, выполняемые при нажатии на эту кнопку. Отобразите в окне свойств объекта список всех методов. Для этого в окне Properties (Свойства) выберите вкладку Methods (Методы).
  2. Установите курсор на метод click (Нажатие) и щелкните мышью. На экране откроется окно процедур (рис. 6.16).
  3. Введите команды, которые должны выполняться при нажатии на данную кнопку. Например, если вы создаете кнопку для выхода из формы, это могут быть следующие команды, использующие функцию MESSAGEBOX {):

* Запрос для выхода из формы

IF MESSAGEBOX("Выходить из формы?", 4+32+256, "Выход")=6

_screen.ActiveForm.Release{)

ELSE

_screen.ActiveForm.Refresh()

ENDIF

  1. Закройте окно процедур. Кнопка создана.
gl6-16.jpg

Рис. 6.16. Окно процедур для метода Click

Редактирование составных объектов

Некоторые объекты Visual FoxPro, такие как commandGroup (Группа кнопок)и optionGroup (Переключатель), являются составными объектами, т. к. они содержат несколько объектов, имеющих свои собственные свойства. Для работы с составными объектами Visual FoxPro предоставляет в распоряжение разработчика контекстное меню, содержащее команду Edit (Правка),переводящую объект в режим редактирования и позволяющую управлять входящими в его состав простыми объектами: перемещать их внутри рамки, изменять размеры, цвет, настраивать другие свойства. В режиме редактирования вокруг составного объекта появляется заштрихованная рамка(рис. 6.17).

Для выхода из режима редактирования необходимо щелкнуть вне области составного объекта.

gl6-17.jpg

Рис. 6.17. Объект CommandGroup в режиме редактирования

Создание группы кнопок

Для размещения в форме группы из нескольких кнопок можно использовать инструмент Command Group (Группа кнопок) на панели инструментов Form Controls (Элементы управления формы). Создаваемый при этом объект является составным и обладает свойством ButtonCount (Количество кнопок), определяющим количество входящих в его состав кнопок.

Воспользуемся данным инструментом для размещения в форме кнопок перемещения по записям таблицы и кнопки выхода из формы.

  1. Для создания набора кнопок нажмите кнопку Command Group (Группа кнопок) на панели инструментов Form Controls (Элементы управления формы) и щелкните в месте их предполагаемого размещения в форме.
  2. Откройте окно свойств для размещенного составного объекта.
  3. Свойство ButtonCount (Количество кнопок) объекта определяет количество кнопок, размещаемых в объекте (по умолчанию 2). Скорректируйте его, задав необходимое количество кнопок, например 5.
  4. Увеличьте с помощью мыши размеры рамки, окружающей созданный объект, чтобы в ней можно было расположить горизонтально все пять кнопок.
  5. Переведите объект в режим редактирования. Для этого установите на него курсор, нажмите правую кнопку мыши и выберите из контекстного меню команду Edit (Редактировать).
  6. Выделяя поочередно кнопки, переместите их, расположив горизонтально в одну линию.
  7. Выйдите из режима редактирования, щелкнув вне области объекта CommandGroup (Группа кнопок).
  8. Скорректируйте размер рамки, окружающей составной объект.

Совет

Для более точного задания размера рамки составного объекта выделите свойство AutoSize (Авто размер) и установите для него значение True (Истина).

  1. Откройте окно свойств объекта типа CommandGroup (Группа кнопок).Нажмите кнопку раскрытия списка в верхней части данного окна(рис. 6.18). Отметьте, что этот список содержит все объекты, размещенные в форме, а также все элементы, входящие в составной объект, под именами Command1, Command2, Command3, Command4, Command5. Выбирая поочередно элементы в этом списке, можно изменить свойства каждой кнопки.
gl6-18.jpg

Рис. 6.18. Окно свойств объекта типа CommandGroup

  1. Используя свойство Caption (Надпись) каждого элемента составного объекта, задайте названия кнопок: Первая, Следующая, Предыдущая, Последняя и Выход.
  2. Для задания цвета фона, на котором располагаются кнопки, используйте свойство Backcolor (Цвет фона) объекта CommandGroup (Группа кнопок).Если вы хотите, чтобы он совпадал с цветом фона формы, установите для свойства Backstyle (Стиль фона) значение Transparent (Прозрачный).
  3. Теперь необходимо определить команды, которые будут выполняться при нажатии на данные кнопки. Для этого, открывая поочередно окно процедур метода click (Нажатие) каждого элемента, входящего в составной объект, введите следующие команды:

* Переходим на первую запись и обновляем информацию в форме

IF !BOF()

GO TOP

ENDIF

_screen.ActiveForm.Refresh()

* Переходим на следующую запись и обновляем информацию в форме

IF !EOF()

SKIP

ENDIF

_screen.ActiveForm.Refresh(}

* Переходим на предыдущую запись и обновляем информацию в форме

IF !BOF()

SKIP - 1

ENDIF

_screen. ActiveForm. Refresh ()

* Переходим на последнюю запись и обновляем информацию в форме

IF !EOF()

GO BOTTOM

ENDIF

_screen.ActiveForm.Refresh()

* Запрашиваем и выходим, если Да

IF MESSAGEBOX("Выходить из формы?",4+32+256, "Выход")=6

_screen.ActiveForm.Release()

ELSE

_screen.ActiveForm.Refresh()

ENDIF

  1. После ввода команд закройте окна процедур.
  2. Набор кнопок для перемещения по записям таблицы и выхода из формы создан. Запустите форму на выполнение по команде Run Form(Запустить форму) из меню Form (Форма). Для перемещения по записям таблицы и закрытия формы используйте кнопки, находящиеся в нижней части окна (рис. 6.19).
gl6-19.jpg

Рис. 6.19. Форма с размещенной группой кнопок

  Размещение изображений в форме

В форме можно размещать различные изображения, используя кнопку Image (Изображение) на панели инструментов Form Controls (Элементы управления формы). Для размещения изображения в форме выполните следующие действия:

  1. Нажмите кнопку Image (Изображение) на панели инструментов FormControls (Элементы управления формы).
  2. Установите указатель мыши в том месте формы, где собираетесь разместить изображение, и, удерживая кнопку мыши в нажатом состоянии, переместите курсор по диагонали так, чтобы получилась рамка требуемого размера.
  3. Откройте окно свойств Properties (Свойства) для созданного объекта. Для этого выделите его и выберите в контекстном меню команду Properties(Свойства).
  4. Для задания имени графического файла предназначено свойство Picture(Изображение). Выберите данное свойство или нажмите кнопку, расположенную рядом с полем для ввода значения свойства. Откроется диалоговое окно Open (Открыть) (рис. 6.20).
gl6-20.jpg

Рис. 6.20. Диалоговое окно Open для выбора графического изображения

  1. Выберите графический файл. Просмотрите его в области Picture(Изображение), установив флажок Preview (Просмотр), и нажмите кнопку ОК. Изображение разместится в форме (рис. 6.21).
gl6-21.jpg

Рис. 6.21. Размещение графического изображения в форме

  1. Для настройки свойств размещенного в форме графического объекта можно использовать свойство stretch (Масштабирование). Оно содержит три значения:

Совет

Если вы захотите использовать изображение в качестве фона формы, прибегните к свойству Picture (Изображение) формы.

  Размещение в форме объекта типа General

Размещение графического поля типа General (Общий) рассмотрим на примере таблицы Goods, содержащей список товаров базы данных sales. В таблице имеется поле данного типа с изображением товара, предлагаемого клиенту.

  1. Для добавления в форму графического поля типа General (Общий) нажмите кнопку ActiveX Bound Control (ActivX-объект) на панели инструментов Form Controls (Элементы управления формы).
  2. Установите указатель мыши в место предполагаемого расположения поля данного типа. Удерживая кнопку мыши нажатой, создайте рамку требуемого размера.
  3. Откройте окно свойств для размещенного объекта.
  4. Используя свойство controisource (Источник данных), свяжите созданное поле с полем таблицы. Для этого в поле ввода свойства нажмите кнопку раскрытия списка и из списка полей таблицы Goods выберите поле image (Изображение), имеющее тип General (Общий) и содержащее изображения товаров.
  5. Запустите созданную форму на выполнение, выбрав в меню Form(Форма) команду Run Form (Запустить форму). Если рисунок не помещается в рамке целиком, увеличьте размер рамки в конструкторе форм.

  Использование в форме флажков

Для размещения в форме полей, которые могут иметь только одно из двух допустимых значений, используются объекты типа checkbox (Флажок), называемые флажками. Объекты данного типа могут использоваться в форме по одному или группами.

Рассмотрим следующий пример. Таблица со списком клиентов может содержать поле, указывающее, является ли данный клиент постоянным покупателем. При установке флажка значение в поле будет соответствовать 1, а при сбросе флажка — 0 (табл. 6.12).

Таблица 6.12. Значения свойства value объекта типа checkBox в зависимости от установки флажка

Вид флажка на экране Значение свойства Value
0
1

Рассмотрим подробно процедуру создания флажка для редактирования поля, указывающего, является ли покупатель постоянным клиентом. Это поле имеет тип Logical (Логический) и может принимать значения 0 или 1.

  1. Откройте в окне конструктора проекта форму, позволяющую просматривать список клиентов.
  2. Нажмите кнопку Check Box (Флажок) 0?J на панели инструментов FormControls (Элементы управления формы).
  3. Щелкните в месте предполагаемого размещения флажка. Объект разместится в форме.
  4. Откройте окно Properties (Свойства) для объекта типа checkBox(Флажок).
  5. Для связывания флажка с полем таблицы скорректируйте свойство controlsource (Источник данных), задав в качестве источника данных поле типа Logical (Логический) таблицы Customer.
  6. Введите в поле свойства caption (Надпись) текст Постоянный покупатель. Данный текст будет размещен справа от флажка в окне конструктора форм, а также в форме.
  7. Флажок создан. Запустите форму на выполнение. Для установки признака постоянного покупателя установите флажок (рис. 6.22).

Замечание

Для размещенного в форме флажка вы можете скорректировать свойства ForeColor (Цвет надписи), BackStyle (Стиль фона) и FontName(Наименование шрифта), определяющие цвет, фон, наименование шрифта.

gl6-23.jpg

Рис. 6.22. Использование в форме объекта типа CheckBox

  Что такое переключатель

Объекты типа Optioncroup (Переключатель) называются переключателями, т. к. они позволяют выбрать одно из нескольких значений поля или переменной. Переключатели широко используются не только в Visual FoxPro, но и в других приложениях Windows. Объекты типа optionGroup (Переключатель) представляют собой составные объекты, содержащие элементы, наделенные собственными свойствами, основные из которых приведены в табл. 6.13.

Таблица 6.13. Назначение основных свойств объекта типа optionGroup

Свойство Назначение
ButtonCount (Количество опций) Задает количество опций в переключателе
Style (Стиль) Определяет вид переключателя
Left (Слева), Тор (Сверху) Расстояние между кнопками
BorderStyle (Стиль обрамления) Стиль обрамления

Рассмотрим процесс создания переключателя для просмотра и редактирования поля, указывающего страну проживания клиента. Например, данное поле может принимать одно из трех значений: Россия/Украина/Беларусь.

  1. Откройте в конструкторе форму для ввода списка клиентов. Расположите в ней все поля, за исключением поля, указывающего страну.
  2. Нажмите кнопку Option Group (Переключатель) на панели инструментов Form Controls (Элементы управления формы).
  3. Щелкните в том месте формы, в котором вы предполагаете расположить поле для ввода названия страны.
  4. Откройте окно Properties (Свойства) для созданного объекта.
  5. Скорректируйте свойство ButtonCount (Количество опций). Задайте количество опций, равное 3.
  6. Свяжите созданное поле формы с полем таблицы, содержащим информацию о стране проживания клиента. Для этого используйте свойство controlsource (Источник данных).
  7. Откройте в верхней части окна Properties (Свойства) список объектов и выберите из него первую опцию переключателя Option 1 (Опция 1). На рис. 6.23 показано, что при этом объект выделяется штриховой рамкой, т. е. переходит в режим редактирования.
  8. Для объекта option1 (Опция 1) скорректируйте свойство caption(Надпись), введя название страны Россия.
  9. Для объекта option1 (Опция 1) скорректируйте свойства Forecolor(Цвет надписи), BackCoior (Цвет фона), FontName (Наименование шрифта), определяющие цвет шрифта, цвет фона переключателя и наименование шрифта.
  10. Аналогично скорректируйте свойства для остальных двух объектов.
  11. Воспользовавшись кнопкой Label (Метка) на панели инструментов FormControls (Элементы управления формы), создайте над переключателем надпись Страна.
gl6-24.jpg

Рис. 6.23. Выбор объекта Option1 для коррекции

gl6-25.jpg

Рис. 6.24. Форма, содержащая переключатель

  1. Сохраните форму с размещенным в ней переключателем.

На рис. 6.24 представлена форма с переключателем, использующимся для ввода информации в поле Страна.

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

Замечание

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

  Списки

Visual FoxPro для отображения в форме одного и того же поля позволяет использовать разные объекты. Например, в предыдущем примере для ввода информации в поле, указывающее страну проживания, мы использовали переключатель. Если вводимых в поле значений много, удобно применять списки, называемые объектами типа ListBox (Список).

Списки в Visual FoxPro используются для отображения в форме элементов, которые могут быть заданы с помощью массива, меню, списка файлов, значений поля таблицы и т. д. Для указания источника данных для списка применяется свойство RowSourceType (Тип источника данных), имеющее значения, описанные в табл. 6.14.

Таблица 6.14. Значения свойства RowSourceType

Значение Источник данных
0 (None) Значения элементов списка определяются программно с помощью методов Additem (Добавить объект) или AddListltem(Добавить объект списка)
1 (Value) Список задается в виде строки, элементы в которой разделяются запятыми
2 (Alias) В качестве источника данных используется таблица. Количество выводимых полей таблицы определяется значением свойства ColumnCount (Количество полей)
3 (SQLStatement) Список содержит данные, полученные в результате выполнения SQL-оператора
4 (Query) Список содержит данные, полученные в результате выполнения указанного запроса. Запрос задается именем файла с расширением QPR
5 (Array) Источником данных является заданный массив
6 (Fields) Значения элементов списка определяются полями таблицы
7 (Files) Список содержит перечень файлов текущей папки. В свойстве RowSource (Источник данных списка) вы можете задать шаблон выбора файлов
8 (Structure) В качестве источника данных используется структура таблицы
9 (Popup) Список содержит пункты всплывающего меню

Объекты типа ListBox имеют также свойства, которые отсутствовали у ранее рассмотренных объектов (табл. 6.15).

Таблица 6.15. Свойства объектов типа ListBox, отсутствовавшие у рассмотренных ранее объектов

Свойство Назначение
ColumnCount(Количество колонок) Определяет число колонок в списке
FirstElement(Первый элемент) Задает первый элемент массива, который будет отображаться в списке
Number Of Elements(Количество элементов) Определяет количество элементов массива, отображаемых в списке
RowSource(Источник данных списка) Указывает источник данных списка

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

  1. Создайте дополнительную таблицу city, содержащую одно поле Nmcity и введите в нее названия всех городов предполагаемых клиентов фирмы.
  2. Откройте в окне конструктора форму для ввода информации о клиентах.
  3. Откройте окно окружения формы, выбрав из меню View (Вид) команду Data Environment (Окружение). Для добавления в окружение формы таблицы с наименованиями городов выберите команду Add (Добавить) контекстного меню. На экране откроется диалоговое окно Add Table or View (Добавить таблицу или отображение), в котором выберите таблицу city.
  4. Удалите из формы поле ввода города покупателя, поскольку в данном примере для ввода значения города проживания клиента будет использоваться список.
  5. Нажмите кнопку List Box (Список) на панели инструментов FormControls (Элементы управления формы).
  6. Щелкните на месте удаленного поля ввода.
  7. Откройте окно Properties (Свойства) размещенного в форме списка.
  8. Чтобы связать созданное поле с полем таблицы customer, выберите свойство controisource (Источник данных). В поле ввода значения свойства воспользуйтесь кнопкой раскрытия списка и из списка всех полей открытой таблицы customer выберите поле ccity.
  9. Скорректируйте свойство RowSourceType (Тип источника данных), которое указывает тип источника данных. Выберите из списка значение Fields(Поля), поскольку список городов располагается в поле Nmcity таблицы City.
gl6-26.jpg

Рис. 6.25. Использование в форме списка

  1. Скорректируйте свойство RowSource (Источник данных списка), задав в поле ввода значения свойства city NmCity.
  2. Запустите форму на выполнение. Теперь при редактировании списка клиентов в поле ccity таблицы customer будет заноситься значение, выбираемое из списка (рис. 6.25).

  Раскрывающиеся списки

В Visual FoxPro существуют два вида списков. Один из них мы рассмотрели в предыдущем примере. Второй вид списка — объект типа comboBox(Раскрывающийся список) или раскрывающийся список. Этот тип списка удобно использовать в том случае, если вводимых значений много, а места в форме для расположения обычного списка не хватает.

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

  1. Откройте в окне конструктора форму для ввода информации о клиентах.
  2. Удалите список для ввода названия города, созданный ранее.
  3. Нажмите кнопку Combo Box (Раскрывающийся список) на панели инструментов Form Controls (Элементы управления формы).
  4. Щелкните на месте удаленного объекта. Объект типа ComboBox (Раскрывающийся список) разместится в форме.
  5. Откройте окно Properties (Свойства) для размещенного в форме раскрывающегося списка.
  6. Свяжите раскрывающийся список с полем ccity таблицы customer, используя свойство controisource (Источник данных).
  7. Из списка возможных значений свойства RowSourceType (Тип источника данных списка) выберите Value (Значение).
  8. Введите в поле ввода значения свойства RowSource (Источник данных списка) перечень допустимых элементов списка через запятую: Москва, Одесса, Новосибирск, Свердловск, Черноголовка (рис. 6.26).
  9. Запустите форму на выполнение. Теперь при редактировании списка покупателей для ввода в таблицу customer названия города, в котором проживает клиент, нажмите кнопку раскрытия созданного списка и выберите из него нужное значение. Это значение будет введено в поле ccity таблицы (рис. 6.27).
gl6-27.jpg

Рис. 6.26. Определение свойств раскрывающегося списка

gl6-28.jpg

Рис. 6.27. Выбор наименования города из раскрывающегося списка

  Использование построителя для создания раскрывающегося списка

Для размещения в форме раскрывающегося списка удобно применять построитель раскрывающегося списка. Рассмотрим его использование для создания объекта типа comboBox (Раскрывающийся список) и настройки его свойств.

  1. Нажмите кнопку Combo Box (Раскрывающийся список) на панели инструментов Form Controls (Элементы управления формы).
  2. Щелкните в том месте формы, в котором вы предполагаете расположить поле.
  3. Для запуска построителя нажмите правую кнопку мыши и выберите команду Builder (Построитель) контекстного меню. Открывается диалоговое окно Combo Box Builder (Построитель раскрывающегося списка)(рис. 6.28), содержащее вкладки List Items (Список объектов), Style(Стиль), Layout (Расположение) и Value (Значение), в которых вы можете задать формат, стиль и источник данных для поля ввода.

Совет

Для запуска построителя объекта ComboBox (Раскрывающийся список) можно сначала нажать на панели инструментов Form Controls (Элементы управления формы) кнопку Builder Lock (Закрепитель построителя), а затем — кнопку Combo Box (Раскрывающийся список). В этом случае при размещении объекта в форме сразу запускается построитель.

gl6-29.jpg

Рис. 6.28. Вкладка List Items построителя объекта ComboBox

Рассмотрим назначение вкладок диалогового окна Combo Box Builder(Построитель раскрывающегося списка). Вкладка List Items (Список объектов) позволяет задать тип источника данных для заполнения списка. На ней расположен раскрывающийся список Fill the list with (Заполнение списка),содержащий значения, описанные в табл. 6.16.

Таблица 6.16. Назначение опций раскрывающегося списка Fill the list with

Опция Назначение
Fields from a table or view (Поля таблицы или представления) Указывает, что источником данных являются поля таблицы или представления данных
Data entered by hand (Значения из списка) Указывает, что источником данных является заданный список значений
Values from an array (Значения из массива) Указывает, что источником данных является массив

При использовании значения Fields from a table or view (Поля таблицы или представления) сначала необходимо в списке Databases and tables (Базы данных и таблицы) выбрать таблицу, поле которой будет являться источником данных, а затем перенести нужное поле из списка Available fields(Имеющиеся поля) в список Selected fields (Выбранные поля).

gl6-30.jpg

Рис. 6.29. Вкладка List Items построителя раскрывающегося списка при установленном значении Values from an array

При выборе других значений из списка Fill the list with (Заполнение списка)вкладка List Items (Список объектов) изменяется. На рис. 6.29 представлена эта вкладка, когда источником данных является массив. Вам необходимо указать наименование массива и, в том случае, если он используется не весь, ввести количество строк и столбцов в размещаемом списке.

Завершив ввод параметров на вкладке List Items (Список объектов), для задания стиля отображения перейдите на вкладку Style (Стиль) построителя объекта ComboВох (Раскрывающийся список) (рис. 6.30). Она содержит три группы переключателей. Переключатели Three-dimensional (Объемный) и Plain(Плоский) позволяют задать объемный или плоский стиль отображения поля, определяемый значением свойства SpeciaiEffect (Специальный эффект).

gl6-31.jpg

Рис. 6.30. Вкладка Style построителя раскрывающегося списка

Переключатели второй группы имеют следующее назначение:

Переключатели третьей группы задают значение свойства incrementaisearch и имеют следующее назначение:

Установив необходимые опции на вкладке Style (Стиль), перейдите на вкладку Layout (Расположение) (рис. 6.31). Флажок Adjust the width of the combo box to display all columns (Увеличить ширину раскрывающегося списка для отображения всех колонок) задает значение свойства width (Ширина)объекта ComboBox (Раскрывающийся список). При установке флажка ширина раскрывающегося списка увеличивается, чтобы поместились значения всех элементов списка.

Таблица данной вкладки содержит реальные данные и позволяет задать значения свойства columnwidths (Ширина колонки). Для изменения ширины колонки установите курсор на правую границу столбца и перемещайте в ту или иную сторону.

gl6-32.jpg

Рис. 6.31. Вкладка Layout построителя раскрывающегося списка

Вкладка Value (Значение) построителя (рис. 6.32) предназначена для указания источника данных и задает значение свойства controisource (Источник данных) объекта.

gl6-33.jpg

Рис. 6.32. Вкладка Value построителя раскрывающегося списка

Завершив установку параметров, нажмите кнопку ОК для закрытия окна построителя. В том случае, если вам опять потребуется его помощь, выделите созданный объект типа ComboBox (Раскрывающийся список), нажмите правую кнопку мыши и выберите из контекстного меню команду Builder(Построитель).

  Счетчики

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

  1. Нажмите кнопку Spinner (Счетчик) на панели инструментов FormControls (Элементы управления формы).
  2. Щелкните в том месте формы, где предполагаете расположить поле-счетчик.
  3. Откройте окно Properties (Свойства) для размещенного в форме объекта.
  4. В поле ввода значения свойства controisource (Источник данных) нажмите кнопку раскрытия списка и выберите поле таблицы, для которого счетчик создается.
  5. Используя свойства объектов spinner HighValue (Наибольшее значение счетчика) и spinnerLowValue (Наименьшее значение счетчика), задайтемаксимальное и минимальное значения, которые можно установить припомощи кнопок изменения значения самого поля.
  6. Используя свойство KeyboardHighValue (Максимальное значение, вводимое с клавиатуры), задайте максимальное значение, которое можно ввести в поле, используя клавиатуру.
  7. В поле свойства KeyboardLowValue (Минимальное значение, вводимое с клавиатуры) введите число, определяющее минимальное значение, вводимое в поле с клавиатуры.

Замечание

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

  1. Используя свойство increment (Шаг), задайте шаг, с которым будет изменяться значение поля.
  2. Создайте текстовую надпись для поля.
  3. Сохраните форму с размещенным в ней счетчиком и запустите ее на выполнение.
  4. Попробуйте вводить с помощью счетчика информацию, используя для этого кнопки  поля, клавиши и , а также цифры на клавиатуре.

На рис. 6.33 представлена форма, содержащая счетчик для ввода значения скидки, которая может быть предоставлена клиенту, если он является постоянным покупателем. При вводе в поле значения больше допустимого, Visual FoxPro выдает соответствующее предупреждение с указанием диапазона вводимого значения.

gl6-34.jpg

Рис. 6.33. Счетчик, размещенный в форме

  Линии и контуры

Visual FoxPro позволяет размещать в форме линии, прямоугольники, скругленные прямоугольники, круги, эллипсы, используемые для объединения в группу схожих по смыслу объектов и улучшения внешнего вида формы.

Линия

Для добавления в форму вертикальной или горизонтальной линии выполните следующие действия:

  1. Нажмите кнопку Line (Линия) на панели инструментов Form Controls (Элементы управления формы).
  2. Установите указатель мыши в то место, где должна начинаться линия, и, не отпуская кнопку мыши, переместите его до получения линии нужной длины.
  3. Используя свойство Borderwidth (Толщина линии), введите число, которое будет определять толщину линии.
  4. Если линия вертикальная, для задания ее длины используйте свойство Height (Высота). Для задания длины горизонтальной линии предназначено свойство width (Ширина).
  5. Для задания цвета линии используйте свойство BorderColor (Цвет линии).
  6. С помощью свойства Borderstyle (Стиль линии) укажите стиль линии, используя значения, описанные в табл. 6.17.

Таблица 6.17. Описание стилей линии в зависимости от свойства Borderstyle

Значение Стиль линии
0-Transparent Линия отсутствует (имеет цвет фона)
1-Solid (Default) Тонкая линия
2-Dash Штриховая линия
3-Dot Пунктирная линия
4-Dash-Dot Штрих-пунктир
5-Dash-Dot-Dot Штрих-двойной пунктир
6-Inside Solid Непрерывная линия

Контуры

Для добавления в форму контура и настройки его свойств выполните следующие действия:

  1. Нажмите кнопку Shape (Контур) Е1 на панели инструментов FormControls (Элементы управления формы).
  2. Установите указатель мыши в то место, где должен начинаться объект, и переместите указатель мыши до получения квадрата или прямоугольника нужного размера.
  3. Для придания созданному объекту формы, отличной от прямоугольника или квадрата, используйте свойство curvature (Изгиб), которое может принимать целочисленные значения в диапазоне от 1 до 99.
  4. Используя свойство Backstyle (Стиль фона), задайте, будет ли созданный объект прозрачным.
  5. С помощью свойства Filistyle (Стиль заполнения) задайте узор заполнения (табл. 6.18).

Таблица 6.18. Описание узоров заполнения в зависимости от свойства Filistyle

Значение Узор заполнения
0-Solid Сплошное заполнение
1-Transparent (Default) Нет заполнения
2-Horizontal Line Горизонтальная штриховка
3-Vertical Line Вертикальная штриховка
4-Upward Diagonal Штриховка по диагонали слева направо
5-Downward Diagonal Штриховка по диагонали справа налево
6-Cross Горизонтально-вертикальная штриховка
7-Diagonal Cross Штриховка по диагонали в обоих направлениях
  1. Используя свойство Fillcolor (Цвет заполнения), задайте цвет узора заполнения объекта.
  2. Свойство Borderstyle (Стиль рамки) предназначено для задания стиля рамки объекта. Оно содержит те же значения, что и для линии.
  3. Для придания контуру объемности используйте свойство SpecialEffect(Специальные эффекты).
Visual FoxPro   Обзор графических пакетов 3GL   Компьютерная графика к экономической информатике   к 4GL - визуальному программированию

Знаете ли Вы, низкочастотные электромагнитные волны частотой менее 100 КГц коренным образом отличаются от более высоких частот падением скорости электромагнитных волн пропорционально корню квадратному их частоты от 300 тыс. км/с при 100 кГц до примерно 7 тыс км/с при 50 Гц.

НОВОСТИ ФОРУМА

Форум Рыцари теории эфира


Рыцари теории эфира
 10.11.2021 - 12:37: ПЕРСОНАЛИИ - Personalias -> WHO IS WHO - КТО ЕСТЬ КТО - Карим_Хайдаров.
10.11.2021 - 12:36: СОВЕСТЬ - Conscience -> РАСЧЕЛОВЕЧИВАНИЕ ЧЕЛОВЕКА. КОМУ ЭТО НАДО? - Карим_Хайдаров.
10.11.2021 - 12:36: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от д.м.н. Александра Алексеевича Редько - Карим_Хайдаров.
10.11.2021 - 12:35: ЭКОЛОГИЯ - Ecology -> Биологическая безопасность населения - Карим_Хайдаров.
10.11.2021 - 12:34: ВОЙНА, ПОЛИТИКА И НАУКА - War, Politics and Science -> Проблема государственного терроризма - Карим_Хайдаров.
10.11.2021 - 12:34: ВОЙНА, ПОЛИТИКА И НАУКА - War, Politics and Science -> ПРАВОСУДИЯ.НЕТ - Карим_Хайдаров.
10.11.2021 - 12:34: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от Вадима Глогера, США - Карим_Хайдаров.
10.11.2021 - 09:18: НОВЫЕ ТЕХНОЛОГИИ - New Technologies -> Волновая генетика Петра Гаряева, 5G-контроль и управление - Карим_Хайдаров.
10.11.2021 - 09:18: ЭКОЛОГИЯ - Ecology -> ЭКОЛОГИЯ ДЛЯ ВСЕХ - Карим_Хайдаров.
10.11.2021 - 09:16: ЭКОЛОГИЯ - Ecology -> ПРОБЛЕМЫ МЕДИЦИНЫ - Карим_Хайдаров.
10.11.2021 - 09:15: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от Екатерины Коваленко - Карим_Хайдаров.
10.11.2021 - 09:13: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от Вильгельма Варкентина - Карим_Хайдаров.
Bourabai Research - Технологии XXI века Bourabai Research Institution