
- •Глава 4. Базовые компоненты интерфейса
- •4.1. Компонент форма
- •4.1.1. Основные свойства формы
- •4.1.2. Разновидности форм
- •4.1.3. События формы
- •4.1.4. Методы формы
- •4.2. Создание пиктограммы для приложения
- •4.3. Общие свойства и события визуальных компонентов
- •4.3.1. Иерархия классов Delphi
- •4.3.1. Ключевые свойства элементов управления
- •4.3.2. Виды событий для элементов управления
- •4.4. Определение принадлежности к классу и приведение типов
- •4.5. Компоненты для отображения текста
- •4.5.1. Компонент метка Label
- •4.5.2. Компонент текстовая метка StaticText
- •4.6. Кнопки
- •4.6.1. Стандартная кнопка Button
- •4.6.2. Кнопка с рисунком BitBtn
- •4.6.3. Кнопка с фиксацией SpeedButton
- •4.7. Image – компонент для работы с изображениями
- •Image1.Picture.LoadFromFile('картинка.Bmp);
- •Interface
- •Implementation
- •Interface
- •Implementation
- •4.8. Поддержка справочной службы - всплывающие подсказки
- •Контрольные вопросы
- •Лабораторная работа
4.8. Поддержка справочной службы - всплывающие подсказки
Все видимые компоненты имеют следующие свойства:
property Hint: String;
property ShowHint: Boolean;
Эти свойства регулируют появление и содержание всплывающей подсказки – небольшого справочного окна возле элемента, на котором позиционируется указатель мыши (рис. 4.10). Подсказки существенно облегчают начинающему пользователю знакомство с программным продуктом. |
Рис. 4.10. Отображение всплывающей подсказки |
Чтобы компонент смог показать оперативную подсказку, нужно поместить текстовую строку в его свойство Hint и присвоить свойству ShowНint значение true. Обычно подсказка содержит максимально лаконичный текст, чтобы не занимать слишком большую площадь экрана. Для создания многострочной всплывающей подсказки надо вставить в символьную строку разделитель строки (#13), например, в обработчике OnCreate формы:
Button1.Hint:='Эта кнопка завершает'+#13+'работу программы'
Контрольные вопросы
-
Как сделать форму прозрачной?
-
Какое свойство формы определяет доступность кнопок управления окном во время работы программы?
-
Какое свойство формы определяет возможность изменения размеров окна?
-
В чем разница между свойствами Height и ClientHeight (Width и ClientWidth) формы?
-
В чем разница между модальной и немодальной формами?
-
Что такое MDI и SDI – интерфейсы? Как создать MDI-вариант проекта?
-
Какие события возникают при создании (уничтожении) формы?
-
Приведите пример использования обработчика OnCloseQuery.
-
Какие методы класса TForm вам известны?
-
Как создать для приложения собственную пиктограмму?
-
Какие элементы управления являются оконными/ неоконными?
-
Какие общие свойства задают размер и положение компонента?
-
Какие общие свойства определяют внешний вид компонента?
-
Какие свойства обеспечивают отношение "родитель-потомок"?
-
Какие свойства обеспечивают перетаскивание компонента?
-
На что указывает параметр Sender в обработчике события?
-
Какие события возникают при манипулировании мышью?
-
Какие события возникают при работе с клавиатурой?
-
Какие события обеспечивают операции перетаскивания?
-
Для чего используются операторы is и as?
-
Для чего предназначен компонент Label? Какими он обладает свойствами?
-
Для чего используется компонент StaticText?
-
Как связать нажатие на клавишу <Esc> (<Enter>) с нажатием на кнопку Button?
-
Для чего используется свойство ModalResult кнопки Button?
-
В чем разница между кнопкой BitBtn и Button?
-
Как подготовить рисунок для кнопки BitBtn?
-
Для чего используется кнопка SpeedButton? Какими отличительными свойствами она обладает?
-
Для чего предназначен компонент Image? Какими свойствами он обладает?
-
Как во время выполнения программы загрузить изображение из файла в компонент Image?
-
Как для компонента создать всплывающую подсказку, содержащую несколько строк?
Лабораторная работа
Во всех вариантах необходимо выполнить следующие действия.
-
Создать форму, расположив на ней компоненты: метки (с информацией рис. 4.11), кнопки, изображения в соответствии с вариантом из табл. 4.13. В табл. 4.12 описан текст основного задания и его номер.
-
С помощью инспектора объектов (свойства Name) всем компонентам дать информационные имена: имя каждого компонента должно отражать его функциональное назначение, а также содержать сокращенное название самого компонента. Например: btClear, edInput_a, btExit. Принятые сокращения:
Form – fm
Button – bt
Memo – me
BitBtn – bb
ListBox – lb
ComboBox – cb
Label – la
Image – im
Edit – ed
RadioGroup –rg
PopupMenu – pu
GroupBox – gb
-
Создать свою пиктограмму для приложения.
-
Добавить на форму кнопку выхода.
Рис. 4.11. Примерный вид окна проектируемой формы
Таблица 4.12. Текст основного задания
Номер задания |
Текст основного задания |
1 |
Переключать фотографии кнопкой № 1 (кнопка № 2 отсутствует), надпись на кнопке соответствует фотографии |
2 |
Переключать обе фотографии кнопкой № 1 (надпись - Сменить фотографию), кнопка № 2 (надпись - Забрать фотографию) убирает фотографии с формы |
3 |
Переключать фотографии двумя кнопками. Запрограммируйте каждую кнопку для своей фотографии так, чтобы после щелчка по ней она становилась невидимой или недоступной |
4 |
Добавить фотографию № 3. Переключать фотографии кнопкой № 1 (надпись на кнопке соответствует фотографии). Кнопка № 2 отсутствует. При запуске фотографий не видно |
Таблица 4.13. Варианты заданий к лабораторной работе
Вариант |
Кнопки управления окном |
Цвет формы |
Шрифт |
Курсор |
Всплывающая подсказка |
Номер задания из табл. 4.12 |
1 |
Свернуть |
Коричневый |
Размер-14, курсив, цвет-белый |
|
Картинка № 1 и кнопка выхода |
1 |
2 |
Свернуть |
Оливковый |
Размер-14, полужирный, цвет-красный |
|
Картинка № 2 и кнопка переключатель |
2 |
3 |
Свернуть |
Красный |
Размер-14, обычный, цвет-синий |
|
Кнопка выхода |
3 |
4 |
Развернуть |
Желтый |
Размер-15, полужирный, курсив, цвет-черный |
|
Номер изображения (картинки пронумеровать) |
4 |
5 |
Развернуть |
Голубой |
Размер-13, полужирный, цвет-коричневый |
|
На форме название лабораторной работы |
1 |
6 |
Развернуть |
Зеленый |
Размер-14, курсив, цвет-белый |
|
Кнопка выхода |
2 |
7 |
Системное меню и свернуть |
Розовый |
Размер-14, полужирный, цвет-коричневый |
|
Картинка № 1 и кнопка выхода |
3 |
8 |
Системное меню и свернуть |
Фиолетовый |
Размер-14, обычный, цвет-синий |
|
На форме - название лабораторной работы |
4 |
9 |
Системное меню и свернуть |
Серый |
Размер-15, полужирный курсив, цвет-черный |
|
Картинка № 2 и кнопка переключатель |
1 |
10 |
Нет |
Синий |
Размер-13, полужирный, цвет-коричневый |
|
Номер изображения (картинки пронумеровать) |
2 |
11 |
Нет |
Оранжевый |
Размер-14, курсив, цвет-феолетовый |
|
На форме название лабораторной работы |
3 |
12 |
Нет |
Сиреневый |
Размер-14, полужирный, цвет-красный |
|
Картинка № 1 и кнопка выхода |
4 |
13 |
Развернуть |
Красный |
Размер-14, обычный, цвет-синий |
|
Номер рисунка (картинки пронумеровать) |
1 |
Окончание табл. 4.13
14 |
Свернуть |
Серый |
Размер-15, полужирный, курсив, цвет-черный |
|
На форме - название лабораторной работы |
2 |
15 |
Системное меню и свернуть |
Белый |
Размер-13, полужирный, цвет-коричневый |
|
Картинка № 2 и кнопка переключатель |
3 |
16 |
Свернуть |
Розовый |
Размер-14, курсив, цвет-черный |
|
Кнопка - переключатель |
4 |
17 |
Нет |
Желтый |
Размер-14, полужирный, цвет-синий |
|
Кнопка выхода |
1 |
18 |
Развернуть |
Зеленый |
Размер-14, обычный, цвет-красный |
|
Картинка № 1 и кнопка выхода |
2 |
19 |
Системное меню и свернуть |
На свое усмотрение |
Размер-13, курсив, цвет-красный |
|
На форме название работы + фамилия |
3 |
20 |
Свернуть |
На свое усмотрение |
Размер-14, полужирный, цвет-черный |
|
Все компоненты формы |
4 |