Файл: Учебное пособие для студентов Авторы А. Н. Вальвачев, К. А. Сурков, Д. А. Сурков, Ю. М. Четырько Содержание Содержание 1.doc
ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 04.05.2024
Просмотров: 132
Скачиваний: 4
ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
кнопки (buttons). В простейшем окне диалога, каким является окно About, достаточно всего одной кнопки (она обычно называется OK или Close). В более сложных окнах может понадобиться несколько кнопок. Например, в том случае, когда окно диалога принимает от пользователя данные, в него помещают кнопки OK и Cancel, которые позволяют пользователю подтвердить или отменить результат диалога.
Обычная кнопка создается с помощью компонента Button, расположенного в палитре компонентов на вкладке Standard.
Рисунок 9.3. Компонент Button
Характерные свойства этого компонента кратко описаны в таблице 9.1.
Таблица 9.1. Важнейшие свойства компонента Button
Текст на кнопке определяется значением свойства Caption. В тексте может присутствовать символ &, который не пишется на кнопке, а обеспечивает подчеркивание следующего за ним символа. Нажатие подчеркнутого символа на клавиатуре в комбинации с клавишей Alt вызывает срабатывание кнопки. Например, если свойство Caption содержит строку &Yes, то на кнопке будет написано Yes, и для нажатия кнопки можно воспользоваться комбинацией клавиш Alt+Y.
Пользователи, привыкшие работать с клавиатурой, знают, что одна из кнопок в окне диалога срабатывает при нажатии клавиши Enter. Это происходит при условии, что кнопка содержит значение True в свойстве
Default. Такая кнопка, как правило, содержит текст OK и внешне отличается от остальных наличием жирной рамки.
Одна из кнопок окна диалога может срабатывать при нажатии клавиши Esc. Это происходит, если кнопка содержит значение True в свойстве Cancel. Как правило, такая кнопка подписывается текстом "Отмена" (Cancel).
Когда пользователь нажимает кнопку, в компоненте Button происходит событие OnClick. В обработчике этого события вы можете завершить диалог. Завершение немонопольного диалога выполняется вызовом метода Close у объекта формы. Завершение монопольного окна диалога выполняется установкой ненулевого значения в свойстве ModalResult формы. Впрочем, без этого можно обойтись, если воспользоваться свойством ModalResult компонента Button (мы не ошиблись, это свойство имеет и форма, и кнопка). Свойство ModalResult компонента Button устанавливается в окне свойств и по умолчанию равно значению mrNone. Если вы выберите другое значение, то нажатие кнопки будет вызывать автоматическое завершение диалога с копированием этого значения в свойство ModalResult формы. Анализируя свойство ModalResult после завершения диалога, программа узнает, какую кнопку нажал пользователь и в соответствии с этим направляет работу программы в нужное русло.
Помните, что свойство ModalResult работает только в монопольных окнах диалога.
Шаг 5. Перейдем теперь от теории к практике и создадим в нашем окне About кнопку OK (рисунок 9.4). Для этого выберите в палитре компонентов компонент Button, опустите его в форму и установите его свойства следующим образом:
Cancel = True
Caption = OK
Default = True
ModalResult = mrOk
Рисунок 9.4. Кнопка OK в окне About
9.2.3. Кнопка с рисунком
Каждый из нас в душе художник. Поэтому рано или поздно стандартные невзрачные кнопки, содержащие лишь “голый” текст, перестанут вам нравиться. Появится естественное желание их как-то приукрасить. В этом случае мы советуем вам вместо компонента Button воспользоваться компонентом BitBtn. Он расположен в палитре компонентов на вкладке Additional.
Рисунок 9.5. Компонент BitBtn
Компонент BitBtn обладает теми же возможностями, что и компонент Button, но кроме текста может содержать значок, который придает кнопке более привлекательный вид. По сравнению с компонентом
Button компонент BitBtn имеет некоторые новые свойства, которые отражены в таблице 9.2.
Таблица 9.2. Характерные свойства компонента BitBtn
Заметим, что кнопка, содержащая значок, принимает наиболее красивый вид, если свойство Margin равно значению 4, а свойство Spacing равно значению 1.
С помощью компонента BitBtn стандартные кнопки OK, Cancel, Yes, No, Close, Abort, Retry, Ignore, All и Help создаются проще, чем при использовании компонента Button. Для этого в свойстве Kind достаточно выбрать одно из значений, приведенных в таблице 9.3.
Таблица 9.3. Значения свойства Kind компонента BitBtn
Например, если вам нужна кнопка OK, установите свойство Kind в значение bkOK. В результате на кнопке появится зеленая "галочка" и текст "OK", свойство Default получит значение True и свойство ModalResult получит значение mrOK.
9.2.4. Украшение окна диалога рисунком
Хорошее приложение должно быть не только функционально, но и эстетично. Как говорится, хорошее блюдо должно быть красиво подано. Это относится и к нашему замечательному приложению, и конечно к его окну About. А что может лучше украсить окно About, чем яркий, запоминающийся рисунок.
Шаг 6. Как вы уже знаете, рисунок создается с помощью компонента Image, расположенного в палитре компонентов на вкладке Additinal. Выберите этот компонент и поместите его в форму AboutForm.
Шаг 7. Установите свойство AutoSize в значение True, чтобы компонент автоматически подгонял свои размеры под размеры рисунка, и установите свойство Transparent в значение True, чтобы рисунок отображался с прозрачным фоном.
Рисунок 9.6. Прозрачный фон для рисунка задается установкой свойства Transparent в значение True
Шаг 8. Чтобы установить рисунок, перейдите к свойству Picture и нажатием кнопки с многоточием откройте окно Picture Editor. Это окно должно быть вам уже знакомо. Загрузите файл Athena.bmp из папки "C:\Program Files\Common Files\Borland Shared\Images\Splash\16Color". Рисунок появится в форме (рисунок 9.7).
Рисунок 9.7. В компоненте Image загружен рисунок
9.2.5. Текстовая надпись
Сейчас мы подошли к созданию текстовых надписей в окне About. Они будут сообщать пользователю о названии программы и средствах ее разработки. Для нашей учебной задачи этого достаточно, в реальных приложениях окно About может дополнительно содержать замечание об авторских правах, серийный номер и другую регистрационную или лицензионную информацию.
Следуя традиции, напишем название программы большими жирными буквами, а название средства разработки — обычным мелким шрифтом. Для этого воспользуемся компонентом Label, который находится в палитре компонентов на вкладке Standard.
Рисунок 9.8. Компонент Label
Характерные свойства компонента
Label кратко описаны в таблице 9.4.
Таблица 9.4. Важнейшие свойства компонента Label
Компонент Label отображает нередактируемый текст, хранящийся в свойстве Caption. Текст выравнивается в пределах компонента одним из трех способов: по левому краю, по правому краю или по центру. Способ выравнивания определяется свойством Alignment. Если текст надписи слишком велик, можно организовать его вывод в несколько строк (с переносом слов). Для этого достаточно установить свойство WordWrap в значение True. Еще одна удобная возможность — автоматическая подгонка размеров компонента по ширине и высоте текста. Она контролируется свойством AutoSize и по умолчанию включена.
Фон надписи можно сделать прозрачным, установив свойство Transparent в значение True. Такую надпись можно вынести наверх графического изображения, в результате получится текст на фоне рисунка.
С помощью компонента Label часто создаются подсказки к другим компонентам, в частности к полям ввода. При этом свойство Caption содержит не только текст, но и “горячую” клавишу, при выборе которой активизируется связанный с надписью компонент. Активизируемый компонент указывается в свойстве
Обычная кнопка создается с помощью компонента Button, расположенного в палитре компонентов на вкладке Standard.
Рисунок 9.3. Компонент Button
Характерные свойства этого компонента кратко описаны в таблице 9.1.
Свойство | Описание |
Action | Команда, хранящаяся в компоненте ActionList и выполняемая при нажатии кнопки. |
Cancel | Если равно значению True, то кнопка срабатывает при нажатии клавиши Esc. |
Caption | Текст на кнопке. |
Default | Если равно значению True, то кнопка срабатывает при нажатии клавиши Enter. Исключением является ситуация, когда в окне диалога активна другая кнопка — в этом случае срабатывает она. |
ModalResult | При нажатии кнопки значение этого свойства копируется в одноименное свойство формы, что приводит к закрытию монопольного окна диалога. Однако для этого значение свойства должно отличаться от mrNone. |
WordWrap | Если равно значению True, то работает перенос слов. |
Таблица 9.1. Важнейшие свойства компонента Button
Текст на кнопке определяется значением свойства Caption. В тексте может присутствовать символ &, который не пишется на кнопке, а обеспечивает подчеркивание следующего за ним символа. Нажатие подчеркнутого символа на клавиатуре в комбинации с клавишей Alt вызывает срабатывание кнопки. Например, если свойство Caption содержит строку &Yes, то на кнопке будет написано Yes, и для нажатия кнопки можно воспользоваться комбинацией клавиш Alt+Y.
Пользователи, привыкшие работать с клавиатурой, знают, что одна из кнопок в окне диалога срабатывает при нажатии клавиши Enter. Это происходит при условии, что кнопка содержит значение True в свойстве
Default. Такая кнопка, как правило, содержит текст OK и внешне отличается от остальных наличием жирной рамки.
Одна из кнопок окна диалога может срабатывать при нажатии клавиши Esc. Это происходит, если кнопка содержит значение True в свойстве Cancel. Как правило, такая кнопка подписывается текстом "Отмена" (Cancel).
Когда пользователь нажимает кнопку, в компоненте Button происходит событие OnClick. В обработчике этого события вы можете завершить диалог. Завершение немонопольного диалога выполняется вызовом метода Close у объекта формы. Завершение монопольного окна диалога выполняется установкой ненулевого значения в свойстве ModalResult формы. Впрочем, без этого можно обойтись, если воспользоваться свойством ModalResult компонента Button (мы не ошиблись, это свойство имеет и форма, и кнопка). Свойство ModalResult компонента Button устанавливается в окне свойств и по умолчанию равно значению mrNone. Если вы выберите другое значение, то нажатие кнопки будет вызывать автоматическое завершение диалога с копированием этого значения в свойство ModalResult формы. Анализируя свойство ModalResult после завершения диалога, программа узнает, какую кнопку нажал пользователь и в соответствии с этим направляет работу программы в нужное русло.
Помните, что свойство ModalResult работает только в монопольных окнах диалога.
Шаг 5. Перейдем теперь от теории к практике и создадим в нашем окне About кнопку OK (рисунок 9.4). Для этого выберите в палитре компонентов компонент Button, опустите его в форму и установите его свойства следующим образом:
Cancel = True
Caption = OK
Default = True
ModalResult = mrOk
Рисунок 9.4. Кнопка OK в окне About
9.2.3. Кнопка с рисунком
Каждый из нас в душе художник. Поэтому рано или поздно стандартные невзрачные кнопки, содержащие лишь “голый” текст, перестанут вам нравиться. Появится естественное желание их как-то приукрасить. В этом случае мы советуем вам вместо компонента Button воспользоваться компонентом BitBtn. Он расположен в палитре компонентов на вкладке Additional.
Рисунок 9.5. Компонент BitBtn
Компонент BitBtn обладает теми же возможностями, что и компонент Button, но кроме текста может содержать значок, который придает кнопке более привлекательный вид. По сравнению с компонентом
Button компонент BitBtn имеет некоторые новые свойства, которые отражены в таблице 9.2.
Свойство | Описание |
Glyph | Значок на кнопке. |
NumGlyphs | Количество вариантов значка. Компонент делит рисунок Glyph по горизонтали на заданное количество значков и рисует один из них в зависимости от состояния кнопки. |
Layout | Положение значка относительно текста: blGlyphLeft — слева, blGlyphRight — справа, blGlyphTop — сверху, blGlyphBottom — снизу. |
Margin | Расстояние от границы кнопки до значка. Если оно равно -1, то значок вместе с текстом центрируются на кнопке. |
Spacing | Расстояние от значка до текста. Если оно равно -1, то текст центрируется между значком и границей кнопки. |
Kind | Задает кнопку стандартного вида. Упрощает создание таких стандартных кнопок, как OK, Cancel, Yes, No, Close, Abort, Retry, Ignore, All, Help. |
Таблица 9.2. Характерные свойства компонента BitBtn
Заметим, что кнопка, содержащая значок, принимает наиболее красивый вид, если свойство Margin равно значению 4, а свойство Spacing равно значению 1.
С помощью компонента BitBtn стандартные кнопки OK, Cancel, Yes, No, Close, Abort, Retry, Ignore, All и Help создаются проще, чем при использовании компонента Button. Для этого в свойстве Kind достаточно выбрать одно из значений, приведенных в таблице 9.3.
Значение | Вид кнопки | Результат установки значения | Пояснения |
bkOK | | Caption = 'OK' Default = True ModalResult = mrOK | Кнопка, подтверждающая ввод данных. |
bkCancel | | Caption = 'Cancel' Cancel = True ModalResult = mrCancel | Кнопка, отменяющая ввод данных. |
bkYes | | Caption = '&Yes' Default = True ModalResult = mrYes | Кнопка для положительного ответа на вопрос. |
bkNo | | Caption = '&No' Cancel = True ModalResult = mrNo | Кнопка для отрицательного ответа на вопрос. |
bkAll | | Caption = '&All' ModalResult = mrAll | Кнопка для положительного ответа на все вопросы. |
bkAbort | | Caption = 'Abort' ModalResult = mrAbort | Кнопка для прерывания операции. |
bkRetry | | Caption = '&Retry' ModalResult = mrRetry | Кнопка для повторения операции. |
bkIgnore | | Caption = '&Ignore' ModalResult = mrIgnore | Кнопка для игнорирования произошедших изменений и продолжения начатой операции. |
bkHelp | | Caption = '&Help' | Кнопка для вызова справочника. Вы можете вызывать справочник в обработчике события OnClick или возложить эту работу на среду Delphi, установив у формы свойство HelpContext в нужное значение. |
bkClose | | Caption = '&Close' | Кнопка, закрывающая форму. |
bkCustom | Любой | Любой | Кнопка для ваших собственных целей. |
Таблица 9.3. Значения свойства Kind компонента BitBtn
Например, если вам нужна кнопка OK, установите свойство Kind в значение bkOK. В результате на кнопке появится зеленая "галочка" и текст "OK", свойство Default получит значение True и свойство ModalResult получит значение mrOK.
9.2.4. Украшение окна диалога рисунком
Хорошее приложение должно быть не только функционально, но и эстетично. Как говорится, хорошее блюдо должно быть красиво подано. Это относится и к нашему замечательному приложению, и конечно к его окну About. А что может лучше украсить окно About, чем яркий, запоминающийся рисунок.
Шаг 6. Как вы уже знаете, рисунок создается с помощью компонента Image, расположенного в палитре компонентов на вкладке Additinal. Выберите этот компонент и поместите его в форму AboutForm.
Шаг 7. Установите свойство AutoSize в значение True, чтобы компонент автоматически подгонял свои размеры под размеры рисунка, и установите свойство Transparent в значение True, чтобы рисунок отображался с прозрачным фоном.
Рисунок 9.6. Прозрачный фон для рисунка задается установкой свойства Transparent в значение True
Шаг 8. Чтобы установить рисунок, перейдите к свойству Picture и нажатием кнопки с многоточием откройте окно Picture Editor. Это окно должно быть вам уже знакомо. Загрузите файл Athena.bmp из папки "C:\Program Files\Common Files\Borland Shared\Images\Splash\16Color". Рисунок появится в форме (рисунок 9.7).
Рисунок 9.7. В компоненте Image загружен рисунок
9.2.5. Текстовая надпись
Сейчас мы подошли к созданию текстовых надписей в окне About. Они будут сообщать пользователю о названии программы и средствах ее разработки. Для нашей учебной задачи этого достаточно, в реальных приложениях окно About может дополнительно содержать замечание об авторских правах, серийный номер и другую регистрационную или лицензионную информацию.
Следуя традиции, напишем название программы большими жирными буквами, а название средства разработки — обычным мелким шрифтом. Для этого воспользуемся компонентом Label, который находится в палитре компонентов на вкладке Standard.
Рисунок 9.8. Компонент Label
Характерные свойства компонента
Label кратко описаны в таблице 9.4.
Свойство | Описание |
Align | Способ выравнивания в пределах содержащего компонента. |
Alignment | Выравнивание текста в пределах компонента: taLeftJustify — прижат к левой границе, taRightJustify — прижат к правой границе, taCenter — центрирован. |
AutoSize | Если равно значению True, то размеры компонента автоматически подгоняются по ширине и высоте текста. |
Caption | Текст надписи. С помощью символа & в тексте может быть задана “горячая” клавиша. |
FocusControl | Компонент формы, получающий фокус ввода при нажатии “горячей” клавиши. |
ShowAccelChar | Если равно значению True, то записанный в тексте символ & транслируется в подчеркивание следующего за ним символа. Подчеркнутый символ используется в комбинации с Alt как “горячая” клавиша. |
Transparent | Если равно значению True, то фон надписи является прозрачным. Прозрачный фон полезен при наложении надписи на рисунок. |
WordWrap | Если равно значению True, то работает перенос слов. |
Таблица 9.4. Важнейшие свойства компонента Label
Компонент Label отображает нередактируемый текст, хранящийся в свойстве Caption. Текст выравнивается в пределах компонента одним из трех способов: по левому краю, по правому краю или по центру. Способ выравнивания определяется свойством Alignment. Если текст надписи слишком велик, можно организовать его вывод в несколько строк (с переносом слов). Для этого достаточно установить свойство WordWrap в значение True. Еще одна удобная возможность — автоматическая подгонка размеров компонента по ширине и высоте текста. Она контролируется свойством AutoSize и по умолчанию включена.
Фон надписи можно сделать прозрачным, установив свойство Transparent в значение True. Такую надпись можно вынести наверх графического изображения, в результате получится текст на фоне рисунка.
С помощью компонента Label часто создаются подсказки к другим компонентам, в частности к полям ввода. При этом свойство Caption содержит не только текст, но и “горячую” клавишу, при выборе которой активизируется связанный с надписью компонент. Активизируемый компонент указывается в свойстве