- •РиСпСиИт Лекция 5 Тема «Разработка пользовательских интерфейсов»
- •Использование поведенческих шаблонов в конструировании интерфейсов
- •Организация экрана: компоновка элементов страницы
- •Основы дизайна форм
- •Меню с двумя элементами, представляющими собой переключатели
- •Дата и время
- •Шаблон 74- Dropdown Chooser (Раскрывающийся селектор)
- •Основы интерфейса и дизайна в редакторах
- •Редактирование wysiwyg
- •Прямая манипуляция
- •Выделение
- •Создание и использование меню и командных клавиш
- •Создание и использование диалоговых панелей
- •Организация просмотра документов
Выделение
На первый взгляд, кажется, что возможность выделения реализовать несложно. Уже давно существуют соглашения о различных типах выделения, например выделении текста, элементов списка или графических объектов; люди уже привыкли ли к ним. В следующей таблице перечислены наиболее распространенные типы условных соглашений для трех групп интерфейсов-идиом:
текстовые редакторы, включая редакторы простого и форматированного текста.
векторная графика, большинство программ для рисования и компоновщики графического интерфейса пользователя;
списки, таблицы и деревья.
В следующей таблице объединены наиболее часто встречающиеся действия для выделения объектов (обратите внимание, что не все они приводят к выделению объектов). Пользователи с большой вероятностью будут ожидать, что ваше приложение следует этим правилам.
Таблица Наиболее распространенные действия по выделению объектов
|
Текстовые редакторы |
Редакторы векторной графики |
Списки, таблицы, деревья |
Одинарный щелчок
|
Переместить сюда указатель вставки текста (не приводит к выделению объектов) |
Выделить только этот элемент |
Выделить только этот элемент |
Двойной щелчок
|
Выделить это слово
|
Открыть или отредактировать этот элемент (не приводит к выделению объектов) |
Открыть или отредактировать этот элемент (не пр»«- (не приводит к выделению объектов) |
Тройной щелчок
|
Выделить эту строку или выделить этот абзац
|
Не применимо
|
Не применимо |
Щелчок, перетаскивание, отпускание |
Начать выделение здесь, закончить его там; выделить весь текст между этими двумя точками |
Выделить все внутри получившейся прямоугольной рамки выделения |
Перетащить этот элемент отсюда туда (не приводит к выделению объектов) |
Щелчок с удержанием клавиши Shift
|
Начать выделение в точке, где находится указатель вставки текста, закончить его в точке щелчка и выделить весь текст между этими двумя точками |
Добавить этот элемент в набор выделенных элементов
|
Добавить в набор выделенных элементов этот элемент, а также все промежуточные элементы («выделение непрерывной области») |
Щелчок с удержанием клавиши Ctrl
|
В зависимости от приложения
|
В зависимости от приложения
|
Добавить этот элемент в набор выделенных элементов («дискретное выделение») |
Создание и использование меню и командных клавиш
При организации в программе интерфейса пользователя необходимо решить основные задачи:
предоставить пользователю возможность удобного для него выбора нужного действия;
дать возможность получить быструю подсказку по выбранному интерфейсному элементу;
использовать удобную пользователю форму ввода необходимых для решения задачи данных;
обеспечить проверку правильности введенных данных с выдачей понятного пользователю диагностического сообщения по возможности сразу после совершения им ошибки;
использовать стандартные интерфейсные элементы для облегчения приобретения пользователем навыков работы с программой.
Основным интерфейсным элементом, используемым для решения первой из сформулированных выше задач, является меню. В приложениях Windows главное меню программы представляет собой совокупность горизонтально расположенных подменю, каждое из которых при выборе раскрывается в вертикальный список команд меню и подменю нижних уровней,
Для предоставления пользователю возможности более быстрого выбора нужной ему команды меню или подменю существуют следующие возможности:
использование клавиши быстрого выбора, нажатие на которую после активизации главного меню или подменю позволяет выбрать нужный элемент; для этого один из символов строки с названием элемента меню выделяется подчеркиванием;
использование командных клавиш (акселераторов) для наиболее часто используемых команд меню; нажатие на командную клавишу позволяет сразу (без активизации меню) выполнить нужное действие; информация о командной клавише выводится рядом с названием команды меню;
использование графических кнопок панели управления (панели инструментов), дублирующих основные команды меню.
По желанию программиста командные клавиши могут использоваться в программе и самостоятельно, т. е. без установки связи с какой-либо командой меню.
При использовании кнопок панели управления, чтобы не увеличивать количество обработчиков событий, необходимо установить связь между командой меню и дублирующей ее кнопкой.
Для команд меню и подменю при их активизации (подсветке) пользователем должна выводиться поясняющая их смысл информация (так называемая длинная подсказка). Обычно эта подсказка размещается в окне состояния, соответствующего окна программы.
Чтобы предупредить пользователя о невозможности в данный момент выполнения того или иного действия, соответствующие команды меню и дублирующие их графические кнопки должны быть заблокированы и отображаться блеклым цветом.
Иногда команды меню используются для сообщения пользователю об установке того или иного режима работы программы. В этом случае слева от названия команды может отображаться (или не отображаться) символ отметки — галочка (V). Примером таких команд могут служить команды управления отображением панели управления и строки состояния подменю «Вид».
Хотя чаще всего структура меню определяется на этапе проектирования программ, при необходимости меню может быть модифицировано в ходе выполнения программы путем добавления или удаления элементов. Возможна и полная замена меню (например, при переходе по желанию пользователя от русскоязычного интерфейса к англоязычному, и наоборот).
Программист может организовать модификацию и так называемого системного меню, размещающегося в левом углу строки заголовка окна и содержащего команды для изменения размера, перемещения и закрытия окна.
Кроме главного меню приложения в программе могут использоваться контекстные (всплывающие) меню (вертикальные), связанные с каким-либо визуальным объектом и появляющиеся после того, как пользователь нажмет на правую кнопку мыши в области этого объекта. Контекстное меню содержит команды, определяющие применимый к данному объекту программы набор действий.
