Компоненты

ПОНЯТИЕ КОМПОНЕНТА

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

Существует два взгляда на компоненты.

• Взгляд снаружи, точнее — из визуальной среды разработки. С этой точки зрения компоненты — это самодостаточные строительные блоки, которые вы берете из Палитры Компонентов и переносите на форму для создания собственно приложения. Примеры компонентов вам известны: это кнопки, метки, строки редакторов и т. д.

• Существует еще и взгляд изнутри, т. е. взгляд из программы на языке Object Pascal. С этой точки зрения компоненты — это классы, порожденные прямо или косвенно от класса TComponent и имеющие опубликованные (published) свойства. Экземпляры компонентов — это объекты этих классов, существующие в качестве полей формы. Среди опубликованных свойств компонентов обязательно присутствует имя (Name), под которым экземпляр компонента представляется в Инспекторе Объектов.

Объединение этих двух точек зрения дает цельное представление о том, что такое компоненты. При работе с компонентами из визуальной среды вы всегда видите их лицевую сторону. Однако как только вы начинаете писать обработчики событий и управлять компонентами программно, вы соприкасаетесь с программной стороной компонентов, суть которой — объекты. Таким образом, Delphi обеспечивает симбиоз визуального и объектно-ориентированного программирования.

При анализе структуры компонента обнаруживается, что его природа троична и лучше всего описывается формулой:

Компонент =состояние (свойства)+ действия (методы)+ обратные связи (события).

• Состояние компонента описывается его свойствами. Свойства — это атрибуты компонента, которые определяют, как компонент отображается на экране и как функционирует. Свойства бывают изменяемые (для чтения и записи) и неизменяемые (только для чтения). В зависимости от времени установки свойства подразделяются на свойства времени проектирования (design time) и свойства времени выполнения (run-time). Первые устанавливаются для каждого компонента в Инспекторе Объектов и определяют начальное состояние компонента. Во время выполнения приложения эти свойства могут быть изменены операторами программы, соответственно изменится вид и поведение компонента. Вторая группа — это свойства, которые не отражены в окне Инспектора Объектов и управлять которыми можно только из программы. С точки зрения языка Object Pascal суть различия между свойствами времени проектирования и свойствами времени выполнения совсем проста — первые объявлены в своем классе в секции published, а вторые — в секции public.

• Действия, выполняемые компонентом, — это его методы. Вызовы методов компонента помещаются в исходный код программы и происходят только во время выполнения приложения. Методы не имеют под собой визуальной основы.

• Обратные связи компонента — это его события. События обеспечивают интерактивность компонентов, благодаря им приложение на Delphi строится как программный автомат. В Object Pascal нет специальных языковых средств для представления событий, да они и не нужны, поскольку события реализуются с помощью свойств, содержащих указатели на методы (см. гл. 3).

ВИЗУАЛЬНЫЕ И НЕВИЗУАЛЬНЫЕ КОМПОНЕНТЫ

Все множество компонентов подразделяется на две группы: визуальные и невизуальные компоненты.

• Визуальные компоненты (visual components) — это управляющие элементы пользовательского интерфейса (controls), т. е. кнопки, метки, блоки списков и др. Они видны на экране и выглядят одинаково на стадии проектирования и во время работы приложения. В этом их главное достоинство.

• Невизуальные компоненты (nonvisual components) — это, так сказать, бойцы невидимого фронта, они работают, но сами на экране не видны. К невизуаль-ным компонентам относятся таймер, компоненты доступа к базам данным и др. На стадии проектирования невизуальный компонент представляется на форме небольшим значком. Его свойства устанавливаются в Инспекторе Объектов. Некоторые компоненты хотя и являются невизуальными, могут что-нибудь отображать на экране. Например, невизуальный компонент MainMenu отображает на форме строку главного меню, а невизуальный компонент OpenDialog — стандартное диалоговое окно выбора файла (рис. 5. 29).

УПРАВЛЯЮЩИЕ ЭЛЕМЕНТЫ-ОКНА И РИСУЕМЫЕ УПРАВЛЯЮЩИЕ ЭЛЕМЕНТЫ

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

• Управляющие элементы-окна (windowed controls) являются специализированными окнами внутри окна формы. Их самое главное качество — способность получать фокус ввода. К числу управляющих элементов-окон относятся, например, компоненты Button, RadioButton, Checkbox, GroupBox и т. д. Некоторые управляющие элементы такого типа (например, GroupBox, TabControl, PageControl) способны содержать другое управляющие элементы пользовательского интерфейса и называются владельцами (container controls). Отрисовку управляющих элементов-окон выполняет операционная система Windows.

Для профессионалов, имевших дело с Windows API, заметим, что управляющие элементы-окна имеют целочисленное свойство Handle. Благодаря ему обеспечивается связь компонента Delphi с соответствующей структурой данных Windows.

• Рисуемые управляющие элементы (graphical controls) не являются окнами, поэтому не могут получать фокус ввода и содержать другие управляющие элементы. Их отрисовку полностью выполняет Delphi. К числу рисуемых управляющих элементов относятся, например, компонентыLabel, SpeedButton, Image, Bevel и т. д. (рис. 5. 30).

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

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

ОБЩИЕ СВОЙСТВА УПРАВЛЯЮЩИХ ЭЛЕМЕНТОВ

Местоположение управляющего элемента внутри формы или управляющего элемента владельца определяется значениями свойств Left и Тор.Горизонтальный и вертикальный размеры управляющего элемента хранятся в свойствах Width и Height соответственно.

Свойство Caption содержит заголовок управляющего элемента. Установленная в свойстве текстовая строка может содержать управляющий символ амперсанд (&). Если в строке встречается амперсанд, то следующий за ним символ отображается подчеркнутым (амперсанд при этом не отображается) и называется символом-сокращением. Нажимая клавишу с изображением символа в сочетании с клавишей Alt, пользователь может активизировать управляющий элемент с помощью клавиатуры.

Свойство Color определяет цвет управляющего элемента. Управляющий элемент может иметь независимый цвет, а может брать его у своего владельца (формы или другого компонента). Это определяется значением свойства ParentColor. Если свойство ParentColor имеет значение True,то изменение цвета владельца, например формы, автоматически приводит к изменению значения свойства Color управляющего элемента, например кнопки. Однако, если вы сами установите свойство Color, то свойство ParentColor автоматически получит значение False и цвет управляющего элемента станет независимым.

Свойство Ctl3D определяет, какой внешний вид имеет управляющий элемент: рельефный (говоря на жаргоне — 3-мерный) или плоский. Если свойство имеет значение True, то управляющий элемент имеет рельефный вид, а если False, — то плоский. Свойство рельефности управляющего элемента может зависеть от рельефности его владельца (формы или другого компонента), что определяется значением свойства ParentCtl3D. Если свойство ParentCtl3D имеет значение True, то изменение рельефности владельца, например формы, автоматически приводит к изменению значения свойства C113D управляющего элемента, например кнопки. Однако, если вы сами установите свойство C113D, то свойство ParentCtl3Dавтоматически получит значение False и рельефность управляющего элемента станет независимой. Заметим, что в Windows 95 и Windows NT 4. 0 значение свойства Ctl3D не играет роли, так как управляющие элементы сразу имеют рельефный вид.

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

          crAppStart,crArrow,crCross,crDefault,crDrag,crHelp,crHourGlass,crHSpilt,crlBeam,

crMultiDrag,crNo,crNoDrop,crSizeNESW,crSizeNS,crSizeNWSE,crSizeWE,crSQLWait,crUpArrow,

crVSpilt.

Свойство DragCursor определяет вид курсора мыши, когда управляющий элемент является пунктом назначения в операции буксировки. Список возможных значений этого свойства такой же, как и у свойства Cursor (см. табл. выше).

Свойство Drag Mode определяет режим буксировки управляющего элемента. Если в свойстве установлено значение dmManual (принято по умолчанию), то буксировка должна инициироваться программно. Если же в свойстве установлено значение dmAutomatic, то управляющий элемент уже готов к буксировке, пользователю достаточно просто нажать кнопку мыши в момент, когда курсор находится над элементом и отбуксировать его в нужное место.

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

Свойство Font является сложным и определяет шрифт надписи на управляющем элементе. Параметры шрифта задаются с помощью вложенных свойств Color, Name, Size, Style, Height. Шрифт управляющего элемента может быть независимым, а может копироваться у владельца (формы или другого компонента). Это определяется значением свойства ParentFont. Если свойство ParentFont имеет значение True, то изменение шрифта владельца, например формы, автоматически приводит к изменению значения свойства Font управляющего элемента, например кнопки. Однако, если вы сами установите свойство Font, то свойство ParentFont автоматически получит значение False и шрифт управляющего элемента станет независимым.

Свойство HelpContext содержит номер темы в файле справочника, которая контекстно связана с управляющим элементом (см. гл. 17). Когда управляющий элемент обладает фокусом ввода, пользователь может нажать клавишу F1, чтобы получить по нему оперативную справку. Если свойство HelpContext имеет значение 0, то управляющий элемент берет номер темы у своего владельца.

Свойство Hint содержит строку подсказки, которая всплывает под управляющим элементом, если пользователь временно задерживает над ним курсор мыши. Всплытие подсказки может быть разрешено или запрещено с помощью другого свойства — ShowHint. Значение свойства ShowHintможет зависеть от запрета подсказки для владельца (формы или другого компонента). Это определяется значением свойства ParentShowHint. Если свойство ParentShowHint имеет значение True, то запрет подсказки для владельца, например формы, автоматически приводит к запрету подсказки для управляющего элемента, например кнопки. Однако, если вы сами установите свойство ShowHint, то свойство ParentShowHint автоматически получит значение False и запрет подсказки для управляющего элемента станет независимым.

Свойство PopupMenu используется для привязки к управляющему элементу локального всплывающего меню. Это меню всплывает по щелчку правой кнопки мыши, когда курсор находится над управляющим элементом (меню обсуждаются в гл. 6).

Свойство TabOrder содержит порядковый номер управляющего элемента в пределах своего владельца. Это номер очереди, в которой управляющий элемент получает фокус ввода при нажатии клавиши Tab.

Свойство TabStop определяет, может ли управляющий элемент получать фокус ввода. Если свойство имеет значение True, то управляющий элемент находится в очереди на фокус ввода, а если False, — то нет.

Свойство Visible управляет видимостью управляющего элемента на экране. Если свойство имеет значение True, то управляющий элемент виден, а если False, — то скрыт.

ОБЩИЕ СОБЫТИЯ УПРАВЛЯЮЩИХ ЭЛЕМЕНТОВ

Событие OnClick возникает в результате щелчка по управляющему элементу. Это означает, что пользователь перевел курсор на управляющий элемент и щелкнул левой кнопкой мыши.

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

Событие OnEnter происходит при получении управляющим элементом фокуса ввода. При потере фокуса ввода в управляющем элементе генерируется событие OnExit. События OnEnter и OnExit не возникают при переключении между формами и приложениями.

Событие OnKeyDown происходит при нажатии пользователем любой клавиши, когда управляющий элемент находится в фокусе ввода. При отпускании нажатой клавиши возникает событие On Key Up. Если пользователь нажал символьную клавишу, то вслед за событием OnKeyDown и до события OnKeyUp возникает событие OnKeyPress.

Событие OnMouseDown происходит при нажатии пользователем кнопки мыши, когда курсор находится над управляющим элементом. При отпускании кнопки в управляющем элементе происходит событие OnMouseUp. При перемещении курсора мыши над управляющим элементом, в последнем периодически возникает событие OnMouseMove, что позволяет реагировать на простое изменение положения курсора.

Для реализации техники буксировки в управляющих элементах существует еще четыре общих события — OnStartDrag, OnDragOver, OnDragDrop, OnEndDrag, но они обсуждаются в гл. 8.

УПРАВЛЕНИЕ КОМПОНЕНТАМИ ПРИ ПРОЕКТИРОВАНИИ

ПОМЕЩЕНИЕ КОМПОНЕНТОВ НА ФОРМУ И ИХ УДАЛЕНИЕ

Чтобы поместить на форму нужный компонент из Палитры Компонентов, выполнив следующие действия:

1. Установите курсор мыши на нужный значок компонента в Палитре Компонентов и щелкните левой кнопкой мыши;

2. Переместите курсор в нужное место формы и еще раз щелкните мышью;

3. Выбранный компонент окажется в форме и готов к установке свойств.

Часто требуется разместить в форме несколько компонентов одного и того же типа, например, кнопок. В этом случае надо действовать так:

1. Нажмите клавишу Shift и, не отпуская ее, щелкните левой кнопкой мыши на нужном значке компонента в Палитре Компонентов. Отпустите клавишу Shift.

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

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

4. Разместив последний компонент, переместите курсор на кнопку с изображением стрелки курсора (она расположена в левой части Палитры Компонентов), и щелкните кнопкой мыши. Это будет сигнал визуальной среде, что выбор однотипных компонентов закончен.

Если вы по каким-либо причинам решили убрать компонент с формы, просто выберите его с помощью мыши и нажмите клавишу Del.

ВЫБОР РАБОЧЕГО КОМПОНЕНТА НА ФОРМЕ

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

активном или пассивном. Когда он активен (другими словами — выбран для работы), его свойства можно изменять в Инспекторе Объектов. Когда компонент пассивен, на него можно только смотреть. Чтобы выбрать рабочий компонент, достаточно установить на него курсор и щелкнуть кнопкой мыши. Вокруг компонента тут же появятся так называемые «точки растяжки» (sizing handles) для изменения размеров компонента по ширине и высоте (рис. 5. 30).

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

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

• Нажать клавишу Shift и, удерживая ее, отметить щелчками мыши все требуемые компоненты, после чего клавишу Shift отпустить. В углах каждого выделенного компонента появятся небольшие квадратики-маркеры.

• Нажать кнопку мыши, когда курсор находится вне компонентов. Затем, удерживая кнопку нажатой, протянуть курсор над выделяемыми компонентами, включив их в пунктирный прямоугольник. Когда в пунктирный прямоугольник попадут все требуемые компоненты, кнопку мыши следует отпустить. (Если выделяемые компоненты находятся внутри компонента Panel или GroupBox, то эту операцию нужно выполнять с нажатой клавишей Ctrl.) В результате перечисленных действий в углах всех компонентов, хотя бы частично попавших в пунктирный прямоугольник, появятся небольшие квадратики-маркеры, свидетельствующие о том, что компоненты выделены.

Вы можете комбинировать оба способа для выделения лишь тех компонентов, которые вам нужны.

Когда на форме выделено несколько компонентов, в окне Инспектора Объектов отображаются лишь их общие свойства. Активизируйте нужное свойство и установите в нем свое значение. Вы увидите, что эта установка отразится на всех выделенных компонентах (рис. 5. 31).