Человеко-машинное взаимодействие. Учебное пособие

5.3. Списки

видимы. Пункт в списке выбирается щелчком по пункту левой кнопкой мыши.

Для клавиатурной навигации по списку обычно применяются клавиши <Home> — в начало, <End> — в конец, <PageUp> — страница вверх, <Page Down> — страница вниз, а также клавиши стрелок.

5.3.2. Выпадающий список

Выпадающий список (Drop Down ListBox) подобен списку единичного выбора и отличается от него только способом отображения данных. Когда список свернут, на экране отображен только выбранный пункт, справа от которого находится кнопка раскрытия списка в виде стрелки. При нажатии на эту кнопку список раскрывается (выпадает вниз), отображаются пункты списка. Такой список иногда называют и раскрывающимся.

Выпадающий список: свернут слева, развернут справа.

5.3.3.Расширенный список и список множественного выбора

Расширенный список (Extended ListBox) и список множественного выбора (Multiple Selection ListBox) позволяют выбрать в списке несколько пунктов, например для выполнения над ними одинаковых действий. Пример — список файлов в папке с возможностью выбора нескольких, например, для удаления.

41

5.3. Списки

5.3.5. Модифицируемое дерево

Модифицируемое дерево (TreeView Control) — частный случай модифицируемого списка, в котором содержимое отображается с учетом иерархических соотношений между пунктами списка. В дереве допускаются более мощные операции редактирования, чем в модифицируемом списке. Этот компонент создается с помощью специального редактора, окно которого показано ниже. Редактор похож на редактор модифицируемого списка, но поддерживает больше возможностей.

5.3.6. Комбинированный список

Комбинированный список (ComboBox) является комбинацией однострочного редактора текста и списка с одиночным выбором. В поле развернутого списка отображаются строка редактора с кнопкой разворачивания справа и ниже развернутый список. Нажатие на кнопку разворачивания списка меняет его статус (свернут или развернут). При развернутом списке перемещением курсора выбирается элемент списка, щелчок по строке списка переносит ее содержимое в поле редактора для изменения.

43

5. Элементы управления

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

5.4. Текстовые поля

Текстовые поля предназначены для ввода, отображения или редактирования текста. Различают следующие виды текстовых полей:

Текстовые поля вывода. Это Метка (Label) и Статический текст (Static Text). Предназначены для отображения однострочного текста. Часто используется для создания поясняющих надписей.

Однострочные текстовые редакторы для ввода, отображения и редактирования однострочного текста. Это простой редактор (Edit), иначе называемый строкой ввода, и редактор с маской (MaskEdit), позволяющий фильтровать вводимые данные.

Многострочные текстовые редакторы для ввода и/или отображения многострочного текста. Это простой редактор (Memo) и редактор форматируемого текста (RichEdit), отличающийся поддержкой правил RTF (Rich Text Format — Расширенный Текстовый Формат), применяемых для изменения параметров текста (шрифт, цвет и др.).

Поля назначения горячих клавиш.

44

5.4. Текстовые поля

5.4.1. Текстовые поля вывода

Текстовые поля вывода используются для отображения поясняющих надписей, которые могут формироваться в окне приложения при старте программы или заносится программно при ее исполнении. Пользователь не имеет возможности редактировать текст в этих полях. Свойства полей Label и StaticText похожи. Есть небольшая разница в визуализации. Так у поля StaticText можно отобразить границу в рельефной форме.

5.4.2. Текстовые поля ввода и редактирования

Текстовые редакторы предназначены для ввода, редактирования и/или отображения текста. Определены однострочные и многострочные редакторы. Простейший редактор (Edit) предназначен для ввода, отображения или редактирования одной строки текста. Он называется иначе строкой ввода и поддерживает стандартные операции редактирования текста. В поле редактора вводятся только символы. Поэтому если редактор используется для ввода численных данных, то обработчик вводимых данных должен проверять правильность вводимых символов и осуществлять преобразование строки символов в число.

Редактор с маской (MaskEdit) отличается от редактора Edit тем, что позволяет фильтровать вводимые данные. Это позволяет правильно отображать данные, или прятать вводимый пароль. Например, при вводе номера телефона нужно вводить только десятичные цифры в определенные позиции. В редактор MaskEdit введен редактор поля маски, который может задать фильтрующую маску на вводимые символы, допускающую ввод в отмеченные в поле редактора позиции только цифр, с игнорированием любых других символов. На рисунке ниже показаны редактор Edit слева и редактор MaskEdit справа. Под ними показаны метки Label, в которых отображены данные введенные в редакторы.

45

5. Элементы управления

Многострочный текстовый редактор (Memo) предназначен для ввода, редактирования и/или отображения многострочного текста. Редактор форматируемого текста (RichEdit) отличается от редактора Memo поддержкой правил RTF (Rich Text Format — Расширенный Текстовый Формат). В нем можно, например, перетаскивать мышью выделенные фрагменты текста. На рисунке представлены компоненты Memo (слева) и RichEdit (справа) в конструкторе формы (вверху) и при исполнении (внизу). Если в компонентах определены линейки прокрутки, то при исполнении они блокируются, пока текст умещается в поле компонента.

5.4.3. Дискретные числовые поля

Дискретные числовые поля предназначены для отображения дискретных численных значений в некотором интервале. Например, чисел в интервале 0...100 с шагом 2 Компонент SpinEdit при нажатии на кнопки со стрелками увеличивает или уменьшает текущее значение в поле на вели- чину шага. Шаг должен быть целым числом.

5.4.4. Поле назначения горячих клавиш

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

46

5.5. Панель инструментов и строка состояния

5.5. Панель инструментов и строка состояния

Панель инструментов (ToolBar) — специальный компонент для создания функционально ориентированных наборов элементов управления. Панель содержит элементы управления, обеспечивающие быстрый доступ к часто исполняемым командам или свойствам объектов. Панели могут размещаться в любом месте экрана, иметь любую ориентацию. Панели могут отображаться как в виде полосок, так и в виде палитры с таблич- ным отображением элементов. Различают несколько типов панелей инструментов, имеющих свои названия.

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

В качестве иллюстрации показано окно редактора Word с панелями Стандартная è Форматирование в виде полосок под главным меню, пане-

47

5. Элементы управления

лью Рисование в форме палитры в рабочей области окна, горизонтальной и вертикальной Линейками масштабирования и Строкой состояния внизу первичного окна.

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

скрыть панель,

переместить ее в любое место экрана,

изменить набор элементов.

менять размер пиктограммы (обычно это 24 22 и 32 30 пикселей).

5.6.Другие элементы графического интерфейса

В этом разделе рассмотрены другие элементы ПИ, которые могут полезны при разработке приложений.

5.6.1. Группирующий блок

Группирующий блок — это специальный элемент, который применяется для визуального объединения нескольких элементов интерфейса (в

48

5.6. Другие элементы графического интерфейса

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

5.6.2. Этикетка вкладки

5.6.3. Полосы прокрутки

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

49

5. Элементы управления

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

5.6.4. Ползунковый регулятор

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

5.6.5. Индикатор состояния прогресса

Индикатор состояния прогресса (ProgressBar) позволяет визуализировать состояние выполняемого процесса, отображая долю выполненной работы от всей. Индикатор состоит из полоски, определяющей весь процесс, в которую слева врисовывается заполнение, показывающее выполненную часть процесса. Индикатор полезен также для обнаружения зависания компьютера.

5.6.6. Всплывающая подсказка

Всплывающая подсказка (ToolTip) — это небольшое окно, содержащее поясняющий текст, которое появляется на экране, когда пользователь размещает указатель мыши на элементе управления. Подсказка, как правило, размещается ниже и правее курсора и отображается фиксированное

50