Учебное пособие - Проектирование и дизайн пользовательского интерфейса

Подождите немного. Документ загружается.

Команды сохранения изменений на уровне транзакций

Команда Функция

Повторить

(Repeat)

Дублирует последнюю транзакцию

Отменить

(Undo)

Отменяет результат последней (или какой-то

определенной) транзакции

Восстановить

(Redo)

Восстанавливает результат последней (или какой-

то конкретной) отмененной транзакции

OK Реализует внесенные изменения и закрывает окно

Применить

(Apply)

Реализует внесенные изменения, но не закрывает

окно

Отменить

(Cancel)

Отменяет внесенные изменения и закрывает окно

Рекомендуемыми командами для управления процессами являются следующие

(табл. 3.8).

Хотя для остановки процесса может быть использована команда Отменить,

необходимо учитывать, что она не только останавливает процесс, но и возвращает его

в исходное состояние.

Таблица 3.8.

Команды управления процессами

Команда Функция

Пауза

(Pause)

Приостанавливает процесс

Продолжить

(Resume)

Возобновляет приостановленный процесс

Останов

(Stop)

Останавливает процесс

ПРОСМОТР И РЕДАКТИРОВАНИЕ СВОЙСТВ ОБЪЕКТОВ

Определение и согласование свойств компонентов приложения являются клю-

чевыми вопросами при реализации DCD-технологии. Для изменения или переоп-

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

как Свойства, Сведения, Общие сведения и Формат. Команда Свойства является

общей командой для доступа к свойствам объекта; когда пользователь выбирает эту

команду, следует отобразить на экране вторичное окно, содержащее перечень и

текущие значения свойств объекта (Панель свойств).

Пользователь должен располагать средствами прямого доступа к свойствам

визуальных или легко идентифицируемых объектов, таких как фрагмент текста,

ячейка таблицы или рисунок. Сложнее определить способ доступа к свойствам менее

«осязаемых» объектов, например, параграфа. В некоторых случаях может быть

реализован косвенный доступ к свойствам таких объектов. Например, по запросу

свойств фрагмента текста может быть также предоставлен доступ к свойствам

параграфа, содержащего данный фрагмент.

Другой вариант предоставления доступа к таким объектам основан на создании

визуального (графического) представление объекта. Например, свойства страницы

могут быть доступны через графический образ или другое представление страницы в

специальной области (например, в строке состояния) окна.

Возможны и другие подходы к реализации косвенного доступа, например, вклю-

чение соответствующей команды во всплывающее меню связанного объекта. В

частности, всплывающее меню текстового выбора могло бы включать пункт Свой-

ства параграфа. В качестве средства доступа к свойствам иерархически связанных

объектов может быть создано каскадное меню, каждый уровень которого обеспечивал

бы выполнение команды Свойства для объекта соответствующего уровня.

Команда Свойства не является единственным средством предоставления доступа к

свойствам объекта. Например, в окне каталога отображаются некоторые свойства

входящих в него файлов (размер, тип, дата последнего изменения и т.д.). Кроме того,

для отображения свойств выбранных объектов может использоваться панель

инструментов.

ЗОНЫ УПРАВЛЕНИЯ

Графические объекты (окна, рисунки, пиктограммы) могут иметь специальные

зоны управления (handles), с помощью которых для этих объектов реализуется

техника ускоренного взаимодействия. В частности, зоны управления могут ис-

пользоваться для ускоренного выполнения таких операций, как перемещение,

масштабирование, форматирование и автозаполнение. Тип зоны управления зависит

от типа объекта. Например, полоса заголовка окна выступает в качестве зоны

управления при перемещении окон; границы окна используются в качестве зоны

управления при изменении его размеров. Для пиктограммы зоной управления

является непосредственно ее изображение, т.е. вся пиктограмма. Для рисунков

наиболее общей формой зоны управления является прямоугольный контур,

отображаемый вокруг объекта, когда он выбран (рис. 3.6). При этом стороны пря-

моугольника обычно используются для ускоренного выполнения операций пере-

мещения, а маркеры, расположенные по углам контура — для ускоренного масшта-

бирования рисунка.

Рис. 3.6. Зоны управления графического объекта

РЕДАКТИРОВАНИЕ ТЕКСТА

Редактирование текста требует, чтобы фокус ввода был установлен в той позиции,

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

фокус ввода всегда совпадает с положением указателя. При использовании

клавиатуры положение фокуса ввода определяется действием клавиши навигации,

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

фокус ввода установлен в текстовой области, является присутствие текстового

курсора, или точки вставки.

Вставка текста

Вставка текста предполагает установку пользователем курсора в соответствующей

позиции и ввод символов. После каждого набранного символа ваше приложение

должно перемещать курсор на один символ вправо (или влево; в зависимости от

языка).

Если текстовая область поддерживает ввод нескольких строк, должен быть реа-

лизован автоматический перенос текста на следующую строку, когда длина текущей

строки превышает ширину текстовой области.

Режим замены

Замена является дополнительным режимом ввода текста, который отличается от

вставки только тем, что вводимые символы заменяют существующие.

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

курсор специального типа — так называемый блочный курсор, который отображается

в текущей символьной позиции; это облегчает пользователю идентификацию того

символа, который будет заменен (рис. 3.7). Для перехода в режим замены

используется клавиша <Insert>.

Внесение изменений

Рис. 3.7. Блочный курсор

Удаление текста

Удаление текста выполняется с помощью клавиш <Delete> и <Backspace>. Кла-

виша <Delete> удаляет символ справа от курсора, а клавиша <Backspace> удаляет

символ слева. В обоих случаях текст сдвигается в направлении удаления, заполняя

образовавшийся промежуток (это иногда называют автослиянием текста).

Удаленный текст не остается в буфере обмена. В связи с этим целесообразно пре-

дусмотреть в приложении возможность, по крайней мере, одноуровневой отмены

операции удаления.

Если выбран фрагмент текста, принцип действия клавиш <Delete> и <Backspace>

остается таким же, как и при удалении одного символа. Если же имеется выбранный

фрагмент текста, и пользователь вводит новый текст непосредственно с клавиатуры

или с помощью команды Вставить, то выбранный фрагмент автоматически

удаляется (точнее, заменяется новым текстом).

3.6. ОПЕРАЦИИ ПЕРЕСЫЛКИ И СОЗДАНИЯ ОБЪЕКТОВ

3.6.1. ОПЕРАЦИИ ПЕРЕСЫЛКИ

К операциям пересылки относятся операции перемещения копирования и свя-

зывания объектов, а также их производные. Например, печать объекта является

формой операции пересылки, поскольку она может быть реализована как копиро-

вание объекта на принтер.

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

пересылаемый объект, приемник (получатель) и способ пересылки (т.е. тип

выполняемой операции). Эти параметры могут быть определены как явно, так и

косвенно, в зависимости от используемой техники взаимодействия.

Тип операции пересылки определяется типом приемника. Поскольку пересылка

может интерпретироваться по-разному, в некоторых случаях целесообразно назна-

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

также ограничить перечень других допустимых операций пересылки, исходя из

характеристик источника и приемника. Например, попытка переслать объект в кон-

тейнер может закончиться одним из следующих исходов:

• Отклонением объекта

• Приемом объекта

• Включением некоторой части (подмножества) объекта или преобразованием его

формата (например, включение только содержания объекта без его внешнего

представления).

Большинство действий, связанных с пересылкой объектов, основаны на исполь-

зовании одной из следующих трех операций (табл. 3.9).

Существуют два метода пересылки объектов: на основе команд и метод прямого

манипулирования.

ПЕРЕСЫЛКА НА ОСНОВЕ КОМАНД

Для пересылки объектов используются команды Вырезать (Cut), Копировать

(Copy) и Вставить (Paste). Эти команды обычно включаются в выпадающее меню

Правка (Edit) и во всплывающее меню выбранного объекта. Соответствующие им

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

Чтобы переслать объект, пользователю необходимо:

1. Выбрать объект, подлежащий пересылке.

2. Выбрать команду Вырезать или Копировать.

3. Указать позицию вставки.

4. Выбрать команду Вставить.

Таблица 3.9.

Операции пересылки объектов

Операция Описание

Переместить

(Move)

Перемещает выбранный объект; поскольку перемещение не

изменяет «подлинности» объекта, эту операцию не следует

отождествлять с копированием или замещением оригинала

Копировать

(Copy)

Создает копию объекта. Результирующий объект независим

по отношению к своему оригиналу. Дублирование не всегда

обеспечивает полную идентичность копии; некоторые ее

свойства могут отличаться от свойств оригинала. Например,

копирование объекта может привести к изменению имени

или даты создания. Если имеются ограничения на

копирование некоторых элементов объекта, то могут быть

скопированы только те элементы, для которых ограничения

отсутствуют

Связать

(Link)

Создает связь между двумя объектами. Результатом обычно

является объект, который обеспечивает доступ к оригиналу

(ярлык)

Команда Вырезать удаляет выбранный объект и помещает его (или ссылку на

него) в буфер обмена. Команда Копировать создает копию выбранного объекта (или

ссылку на него) и помещает ее в буфер обмена.

При использовании команды Вставить по умолчанию предполагается, что пере-

сылаемый объект сохранит все свойства оригинала, однако может быть использована

и альтернативная форма этой команды для реализации других видов пересылки:

Вставить [<имя типа>] как [<имя типа> |в <имя о6ъекта>].

Например, возможен такой вариант команды:

Вставить [Ячейку] как [Слово] (предполагается, что Ячейка и Слово являются

конвертируемыми типами).

Ниже приведены общие форматы команды Вставить (табл. 3.10).

Таблица 3.10.

Форматы команды Вставить

Формат команды Функция

Вставить

(Paste)

Вставляет объект, содержащийся в буфере обмена,

сохраняя все свойства его оригинала

Вставить [имя типа]

(Paste [type name])

Вставляет объект, содержащийся в буфере обмена, как

вложенный объект OLE; такой объект может быть

активизирован непосредственно в позиции вставки

Вставить [имя типа] как

пиктограмму

(Paste [type name] as Icon)

Вставляет объект, содержащийся в буфере обмена, как

вложенный объект OLE; объект отображается как

пиктограмма

Вставить Ссылку

(Paste Link)

Создает ссылку на объект, который был скопирован в

буфер обмена; в точку вставки помещается копия

содержимого объекта, обладающая всеми его

свойствами, однако при этом сохраняется связь с

оригиналом, так что любое его изменение приводит к

изменению копии

Вставить Ссылку на [имя

объекта]

(Paste Link to [Object

name])

Помещает в точку вставки изображение объекта, ко-

торый был скопирован в буфер обмена, используя

технологию OLE; любые изменения исходного объекта

отражаются на его копии

Вставить ярлык

(Paste Shortcut)

Помещает в точку вставки ярлык объекта, который был

скопирован в буфер обмена, используя технологию

OLE; любые изменения исходного объекта отражаются

на его копии

Специальная Вставка

(Paste Special)

Отображает на экране специальное диалоговое окно,

позволяющее пользователю выбрать способ вставки

объекта, содержащегося в буфере обмена

Ниже приведены рисунки, поясняющие использование форматов команды

Вставить, описанных в пунктах 2...5 табл. 3.10.

Рис. 3.8. Вставка объекта как вложенного объекта OLE

Рис. 3.9. Вставка объекта как вложенного объекта OLE;

объект будет отображен в виде пиктограммы

Рис. 3.10. Создается ссылка на объект, который был скопирован в буфер обмена;

в точку вставки помещается копия содержимого объекта

Рис. 3.11. Создается ссылка на объект, который был скопирован в буфер обмена;

в точку вставки помещается пиктограмма объекта

При выборе формата команды Вставить необходимо, в первую очередь, учиты-

вать свойства приемника; для повышения гибкости работы пользователя ему может

быть предоставлена возможность корректировки параметров команды в зависимости

от особенностей пересылаемого объекта и сущности приемника.

Практика показывает, что для большинства приложений оказывается достаточным

совместное использование стандартной команды Вставить и Специальной вставки.

Поскольку выполнение операций пересылки может привести к различным по-

бочным эффектам, ниже описаны некоторые общие сценарии поведения приложения

при их реализации.

• Если пользователь выполняет пересылку в приемник, для которого необходимо

учитывать конкретную позицию вставки, следует заменить выбранный объект в

приемнике переданными данными. Например, если выполняется вставка в текст (где

положение выбранного фрагмента соответствует позиции вставки), пересылаемый

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

точка вставки определяется текущим положением курсора.

• Для приемников, где нет явной точки вставки, следует поместить вставляемый

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

В качестве контекстной информации можно, например, учитывать позицию указателя

мыши, либо признак, по которому упорядочены в приемнике имеющиеся объекты

(скажем, по алфавиту).

• Если новый объект автоматически связывается с текущим выбором в приемнике

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

новый объект к текущему выбору.

Выполнение команды Вставить не должно влиять на содержимое буфера обмена.

Это позволяет неоднократно повторно использовать данные, находящиеся в буфере.

Вместе с тем, необходимо помнить, что последующее выполнение команд

Копировать или Вырезать приводит к замене содержимого буфера обмена.

МЕТОД ПРЯМОГО МАНИПУЛИРОВАНИЯ

Командный метод эффективен в тех случаях, когда операция пересылки требует от

пользователя соответствующего управления источником и приемником. Тем не

менее, при выполнении многих операций пересылки прямое манипулирование ока-

зывается более естественным и быстрым методом. При использовании прямого ма-

нипулирования пользователь выбирает и перетаскивает объект в желаемую позицию,

но поскольку этот метод требует определенных моторных навыков, следует избегать

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

интерфейсах поддерживаются оба метода: командный — для выполнения основных

операций пересылки, а прямое манипулирование — как ускоренная техника работы

пользователя.

Прямое манипулирование может применяться для любого визуального объекта.

При этом как пересылаемый объект, так и приемник (например, окно или

пиктограмма) не обязательно должны быть к настоящему времени активны.

Например, пользователь может поместить объект в неактивное окно и в результате

выполнения этой операции оно автоматически будет активизировано. Если

неактивный объект не допускает пересылку с помощью прямого манипулирования,

пользователь должен быть извещен об этом посредством соответствующей обратной

связи.

Каким образом переданный объект интегрируется и отображается в приемнике,

определяется контекстом приемника. Ранее уже отмечалось, что результатом пере-

сылки может быть как точная копия оригинала, так и отдельные его компоненты или

свойства, либо преобразованный объект. Например, приложение может содержать

средства для копирования свойств объектов конкретного типа.

Стандартная реализация техники drag-and-drop

Стандартная реализация техники drag-and-drop основана на использовании левой

кнопки мыши. Как именно будет проинтерпретировано приложением перетаскивание

объекта, зависит от свойств приемника и от того, какая операция пересылки

используется в качестве предопределенной. Как и в случае командного метода,

результат операции определяется также свойствами перемещаемого объекта (в ча-

стности, перечнем разрешенных форматов объекта). Не рекомендуется использовать в

качестве предопределенной операции такую, которая может привести к удалению или

необратимому изменению объекта. Если же необходимость применения одной из

таких операций обусловлена текущей ситуацией, следует вывести на экран

сообщение пользователю с просьбой подтвердить намерения.

Используя технику drag-and-drop, пользователь может непосредственно пере-

сылать объекты, как между окнами приложения, так и между окнами системных

ресурсов, такими, например, как папки и принтеры.

Чаще всего в качестве предопределенной операции для drag-and-drop используется

операция Переместить (Move), но вместо нее может быть определена любая другая

операция пересылки, например Копировать или Связать, или даже

специализированная операция пересылки, такая, например, как Копировать

Свойства.

Нестандартная реализация техники drag-and-drop

В основе нестандартной реализации техники drag-and-drop лежит использование

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

Когда пользователь щелкает ПКМ на объекте-приемнике (или на позиции, куда

пересылается объект), вместо выполнения предопределенной операции открывается

всплывающее меню для объекта-приемника (на рис. 3.12 — для новой позиции). Это

меню содержит набор команд пересылки, разрешенных для данной позиции, но с

учетом особенностей объекта, подлежащего пересылке.

Рис. 3.12. Пересылка объекта при нестандартной реализации техники drag-and-drop

Тот факт, что команды всплывающего меню относятся к приемнику, а не к пере-

сылаемому объекту, должен учитываться и в названиях этих команд. В частности,

если пересылается содержимое объекта (данные), такими командами могут быть:

Переместить сюда (Move Here), Копировать сюда (Copy Here). Если же приемник

поддерживает пересылку только отдельных компонентов объекта, или требует его

преобразования, названия команд должны отражать эту особенность приемника

(например, Копировать свойства сюда).

Общий формат нестандартных команд пересылки выглядит следующим образом:

[имя команды] [имя типа \ имя объекта] Here как [имя типа].

Ниже приведены пояснения к применению нестандартных команд пересылки

(табл. 3.11).

Одна из перечисленных выше команд может быть использована в качестве пре-

допределенной. Это должна быть команда, которая соответствует эффекту перетас-

кивания объекта при нажатой левой кнопке мыши.

Таблица 3.11.

Нестандартные команды пересылки

Команда Функция

Переместить сюда

(Move Here)

Пересылает в указанную позицию содержимое

выбранного объекта (как данные)

Копировать сюда

(Copy Here)

Создает в указанной позиции копию

содержимого выбранного объекта

Создать связь с

приемником (Link Here)

Создает канал связи между выбранным

объектом и позицией-приемником; содержимое

выбранного объекта добавляется (возможно, после

преобразования) к содержимому приемника, но

сохраняется связь с источником, так что

производимые в нем изменения отражаются в

позиции-приемнике

Переместить [имя типа]

сюда (Move [type name]

Here) или Копировать [имя

типа] сюда (Copy [type name]

Here)

Перемещает или копирует выбранный объект

как объект OLE, который отображается в своем

исходном представлении и может быть

активизирован непосредственно в позиции-

приемнике

Создать для [имя типа]

Связь с приемником (Link

[type name] Here)

Создает связанный объект OLE, отображаемый

в приемнике как изображение выбранного объекта.

Копия связывается с исходным объектом таким

образом, что любые изменения в исходном

объекте отражаются в позиции-приемнике

Переместить [имя типа]

сюда как пиктограмму (Move

[type name] Here) as Icon или

Копировать [имя типа] сюда

как пиктограмму (Copy [type

name] Here) as Icon

Перемещает или копирует выбранный объект

как объект OLE в указанную позицию и

отображает его как пиктограмму

Создать здесь ярлык

(Create Shortcut Here)

Создает объект OLE, связанный с выбранным

объектом; новый объект отображается как ярлык;

любые изменения исходного объекта отражаются в

позиции-приемнике

Если пользователь, начав перетаскивать объект, возвращает его в исходную по-

зицию, это следует интерпретировать как отмену операции пересылки. Тот же эффект

обеспечивает нажатие пользователем клавиши <Esc> в течение выполнения операции

пересылки. Кроме того, целесообразно включить команду Отменить во

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

Поскольку при выполнении операций пересылки совмещается выбор объекта и его

перемещение, необходимо установить соглашение, позволяющее пользователю

различать эти операции. Используемое вашим приложением соглашение зависит от

свойств объектов приложения; в некоторых случаях могут быть предусмотрены раз-

личные средства взаимодействия пользователя с объектом при выполнении выбора и

пересылки. Наиболее общий подход основан на том, что признаком выполняемой

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

пределах существующего выбора, то к выбранному объекту применяется операция

пересылки; если же в момент нажатия ЛКМ указатель находится вне области выбора,

то его последующее перемещение интерпретируется как операция выбора.

ОСОБЕННОСТИ РЕАЛИЗАЦИИ ПРОКРУТКИ ПРИ ВЫПОЛНЕНИИ

ОПЕРАЦИЙ ПЕРЕСЫЛКИ

Когда пользователь перетаскивает объект внутри какой-либо перемещаемой об-

ласти (такой как окно или список) в другую позицию, это может привести к тому, что

объект окажется за пределами видимости. В этом случае целесообразно использовать

возможность автоматической прокрутки области (которая известна также как

автоскроллинг).

Вместе с тем, при выполнении операций пересылки путем прямого манипулиро-

вания пользователю необходимо «вытащить» объект из одного окна и поместить в

другое. При этом автоскроллинг не только не нужен, он просто помешает пользова-

телю выполнить требуемую операцию.

Чтобы различать две эти ситуации, можно анализировать скорость перемещения

объекта. Например, если пользователь тащит объект медленно к краю перемещаемой

области, используется автоскроллинг; если же объект перемещается быстро,

выполняется операция пересылки.

Для реализации указанного подхода требуется запомнить позицию указателя в

начальный момент перемещения мыши и затем регистрировать его положение через

равные промежутки времени (рекомендуемый интервал — 100 миллисекунд). Если

же приложение поддерживает пересылку на основе OLE, то замеры через равные

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

новое положение указателя в специальном массиве, достаточно большом, чтобы

хранить три последних значения, заменяя самое старое из них текущим. При

вычислении скорости указателя используются координаты, по крайней мере, двух

последних его позиций.

Чтобы рассчитать скорость перемещения, необходимо вычислить расстояние

между соседними позициями указателя и разделить его на величину интервала

времени между моментами регистрации. Расстояние вычисляется как модуль раз-

ности между координатами х и у двух соседних позиций:

R=(abs(x1-x2)+abs(y1-y2))

Полученное значение следует умножить на 1024 и разделить на интервал времени.

Множитель 1024 предотвращает потерю точности, вызванную целочисленным

делением.

Читатель, знакомый со школьным курсом геометрии, вероятно может возразить,

что истинное Декартово расстояние определяется как квадратный корень суммы

квадратов разностей координат: sqrt((x1 — х2)^2 + (у1 — у2)^2). Однако дополни-

тельные затраты времени на вычисления по этой формуле соизмеримы с временем

перемещения указателя в соседнюю позицию, что и заставляет использовать вместо

нее приведенное выше выражение.

Следует также определить горячую зону автоскроллинга вдоль границ переме-

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

устанавливается равной удвоенной ширине вертикальной полосы прокрутки или

удвоенной высоте горизонтальной полосы прокрутки.

Итак, автоматическая прокрутка должна выполняться при одновременном со-

блюдении трех условий (рис. 3.13):

• в процессе перемещения объекта указатель оказался в горячей зоне окна;

• скорость перемещения объекта ниже определенной (пороговой) скорости;

• видимая область окна может быть перемещена в соответствующем направлении.