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

5.6. ДРУГИЕ ЭЛЕМЕНТЫ ГРАФИЧЕСКОГО ИНТЕРФЕЙСА

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

5.6.1. ГРУППИРУЮЩИЙ БЛOK

Группирующий блок (Group Box) — это специальный элемент, который приме­няется для визуального объединения нескольких элементов интерфейса (в том числе разнотипных). Он представляет собой прямоугольную рамку, снабженную текстовой меткой, которая окружает группу элементов интерфейса, как показано на рис. 5.35. Группирующий блок обычно не предусматривает возможность непосредственного взаимодействия с пользователем, тем не менее вы можете предоставить навигаци­онный доступ к элементам в группе, используя клавишу <Таb>, или назначая кла­вишу доступа к метке группирующего блока.

Рис. 5.35. Группирующий список

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

5.6.2. ЗАГОЛОВКИ СТОЛБЦОВ

Рекомендуемые материалы

Заголовки столбцов (Column Headings), иногда называемые также управляемы­ми заголовками, используются для обозначения столбцов данных, содержащих формируемую вашим приложением текстовую или числовую информацию (на­пример, при создании электронной таблицы). При этом стандартный заголовок может быть разделен на произвольное количество частей (элементов), как показа­но на рис. 5.36. Управляемые заголовки применяются, в частности, в модифициру­емых списках, рассмотренных выше.

Рис. 5.36. Заголовок, состоящий из  четырёх элементов

Метка каждого элемента заголовка может содержать текст и графический об­раз. Графический образ служит, как правило, для вывода дополнительной информации, например, для указания направления сортировки.

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

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

5.6.3. ЭТИКЕТКА ВКЛАДКИ

Этикетка вкладки (Tab) по форме и по назначению аналогична разделителю в картотеке или в записной книжке (рис. 5.37). Вы можете использовать этот эле­мент, чтобы создать несколько логически законченных страниц или секций в преде­лах одного окна (такие страницы обычно называют вкладками).

Рис. 5.37. Этикетки вкладок

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

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

Когда пользователь щелкает ЛКМ на этикетке вкладки, фокус ввода перемещается на эту этикетку. Для перехода с одной этикетки на другую могут использоваться клави­ши <Влево> или <Вправо>, либо комбинация клавиш <Ctrl>+<Tab>. Дополнитель­но вы можете определить клавиши доступа для каждой этикетки. Если пользователь переходит с одной вкладки на другую с помощью этикеток, вы можете устанавливать фокус ввода на конкретном элементе вкладки, с которого пользователю следует начать работу. Если же в этом нет необходимости, оставьте фокус ввода на самой этикетке.

5.6.4. ПОЛОСЫ ПРОКРУТКИ

Полоса прокрутки (ScrollBar) представляет со­бой прямоугольную область, содержащую стрелки, которые указывают разрешенное направление про­крутки, и ползунок, величина и положение которого отражают размер невидимой части объекта (рис. 5.38). Как стрелки, так и ползунок являются интерактивны-ш элементами (то есть они реагируют на воздействие пользователя). Стрелка полосы прокрутки представ­ляет собой кнопку, при нажатии которой информа­ция в окне перемещается в соответствующем направ­лении на одну дискрету; величина шага прокрутки устанавливается разработчиком приложения.

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

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

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

Ползунок выполняет две основные функции:

• отображает размер и расположение просматриваемого в окне фрагмента относительно границ всего документа;

• служит средством ускоренной прокрутки информации.

Для реализации первой функции размер ползунка может изменяться. При этом его первоначальный размер определяется соотношением между объемом видимого в окне фрагмента и объемом всего документа (рис. 5.39).

Рис. 5.39. Выбор размера ползунка

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

Еще один способ ускоренной прокрутки информации основан на использова­нии чувствительных областей полосы прокрутки. Чувствительная область — это часть полосы прокрутки между ползунком и стрелкой. При реализации этого спо­соба щелчок ЛКМ на чувствительной области означает перемещение отображае­мой информации в направлении, задаваемом ближайшей стрелкой. При этом ве­личина перемещения устанавливается равной размеру видимой области по соответствующему измерению. Например, щелчок ЛКМ в нижней части чувстви­тельной области вертикальной полосы прокрутки приводит к пролистыванию ото­бражаемой информации на один экран вниз (рис. 5.40).

Рис. 5.40. Прокрутка при воздействии на чувствительную область

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

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

Горизонтальные и вертикальные полосы прокрутки могут использоваться для создания собственных перемещаемых областей (для первичного окна и списков полосы прокрутки создаются автоматически). Используйте полосы прокрутки толь­ко для перемещения содержимого соответствующей области. Если же требуется предоставить пользователю средства для установки или регулировки каких-либо величин, применяйте другие элементы интерфейса, например, ползунковый регулятор или дискретную текстовую область.

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

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

5.6.5. ПОЛЗУНКОВЫЙ РЕГУЛЯТОР

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

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

Ползунковый регулятор состоит из шкалы, которая определяет диапазон воз­можных значений регулируемой величины, и индикатора, положение которого показывает текущее значение величины (рис. 5.41); индикатор используется также для установки нового значения.

Рис. 5.41. Ползунковый регулятор

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

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

Пользователь перемещает индикатор, перетаскивая его мышью в конкретную по­зицию, или щелкая ЛКМ в той точке шкалы, куда следует переместить индикатор.

Чтобы обеспечить клавиатурное взаимодействие, используйте клавишу <Таb> и определите клавишу доступа для статической текстовой области, применяемой в качестве метки. Когда фокус ввода установлен на ползунковом регуляторе, для пере­мещения индикатора могут использоваться клавиши управления курсором; при этом направление движения индикатора соответствует направлению действия клавиши.

5.6.6. ИНДИКАТОР СОСТОЯНИЯ ПРОЦЕССА

Индикатор состояния процесса (Progress Indicator) - это элемент интерфейса, который обычно используется для того, чтобы отобразить ход выполнения какой-либо длительной операции (процесса). Он состоит из прямоугольной зоны, кото­рая «заполняется» слева направо, как показано на рис. 5.42.

Рис. 5.42. Индикатор состояния процесса

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

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

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

5.6.7. ВСПЛЫВАЮЩАЯ ПОДСКАЗКА

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

Рис. 5.43. Всплывающая подсказка

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

Рис. 5.44. Вывод всплывающей подсказки для текстового поля

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

5.6.8. КОЛЛЕКЦИИ

Коллекция (Well) — это специальный элемент интерфейса, подобный в использовании группе переключателей, с той лишь разницей, что обеспечивает вы­бор пользователем элементов графического оформления, таких например, как цвет, тип линии, пиктограмма и т.п. (рис. 5.45).

Рис. 5.45. Коллекция для выбора цвета

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

Как уже было сказано, техника взаимодействия пользователя с Коллекцией ана­логична его работе с переключателями. Когда пользователь щелкает ЛКМ на одном из элементов Коллекции, соответствующее свойство редактируемого графическо­го объекта принимает выбранное значение. Чтобы идентифицировать Коллекцию и определить для нее клавишу доступа, используйте группирующий блок или ста­тический текст. Для перемещения фокуса ввода внутри коллекции используются клавиши управления курсором.

5.6.9. ОБЛАСТЬ СООБЩЕНИЙ

На противоположной от кнопки Пуск стороне Панели задач отображается спе­циальная область, называемая областью сообщений (Status Notification или System Tray). Приложение может поместить здесь специальный индикатор или сообще­ние, уведомляющее пользователя о какой-либо ситуации; выведенное сообщение сохраняется в области сообщений даже тогда, когда приложение находится в неак­тивном состоянии.

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

Для отображения информации в области сообщений рекомендуется использо­вать графические символы, поставляемые вашим приложением (рис. 5.46).

Рис. 5.46. Отображение информации в области сообщений

Если Вам понравилась эта лекция, то понравится и эта - 4 - Структура и свойства биологических мембран.

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

• Обеспечьте появление на экране всплывающего окна, которое содержит дополнительную информацию или средства управления для объекта, представленного индикатором в области сообщений; для вызова окна обычно используется щелчок Л КМ на изображении индикатора. Всплывающее окно должно быть расположено таким образом, чтобы пользователю было удобно управлять им (рис. 5.466). Избегайте применения других типов вторичных окон, поскольку они требуют явного действия пользователя для их закрытия. Если нет необходимости в выводе дополнительной информации, всплывающее окно создавать не следует.

• Для объекта, представленного индикатором, должно поддерживаться всплывающее меню, появляющееся на экране по щелчку ПКМ на изображении индикатора (рис. 5.46в). Это меню должно содержать основные команды панели свойств соответствующего объекта (или других связанных с ним окон). Например, если индикатор в области сообщений связан с Лазерным проигрывателем, то его всплывающее меню может содержать команду Изменить уровень громкости.

• Всплывающее меню может содержать предопределенную команду, которая выполняется по двойному щелчку Л КМ на изображении индикатора.

• Создайте всплывающую подсказку для индикатора, поясняющую его назначение.

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