В компьютерных графических пользовательских интерфейсов , перетаскивания является устройством жест , указывающий , в котором пользователь выбирает виртуальный объект с помощью «захвата» его и перетащить его в другое место или на другой виртуальный объект. В общем, его можно использовать для вызова многих видов действий или создания различных типов ассоциаций между двумя абстрактными объектами .
Как функция, поддержка перетаскивания присутствует не во всем программном обеспечении , хотя иногда это быстрая и легкая в освоении техника. Однако пользователям не всегда ясно, можно ли перетащить элемент или какая команда выполняется при перетаскивании, что может снизить удобство использования. [1]
Действия [ редактировать ]
Основная последовательность действий при перетаскивании:
- Наведите указатель на объект
- Нажмите и удерживайте кнопку мыши или другого указывающего устройства , чтобы "захватить" объект.
- «Перетащите» объект в желаемое место, переместив указатель на это
- "Отбросьте" объект, отпустив кнопку.
Перетаскивание требует больше физических усилий, чем перемещение того же указывающего устройства без удерживания кнопок. Из-за этого пользователь не может двигаться так быстро и точно при перетаскивании (см. Закон Фиттса ). Однако операции перетаскивания имеют то преимущество, что они вдумчиво объединяют два операнда (объект для перетаскивания и место перетаскивания) в одно действие. [2] Длительное перетаскивание (как в графическом дизайне) может утомить мышящую руку.
Проблема дизайна возникает, когда одна и та же кнопка выбирает и перетаскивает элементы. Неточное движение может вызвать попытку выбора объекта для регистрации как перетаскивающего движения.
Другая проблема в том, что цель падения может быть скрыта под другими объектами. Пользователь должен будет остановить перетаскивание, сделать видимыми и источник, и цель и начать заново. В классической Mac OS строка меню в верхней части экрана служила универсальной целью «отменить перетаскивание». Эта проблема была решена в Mac OS X с появлением Exposé .
В Mac OS [ править ]
Перетаскивание, называемое в то время щелчком и перетаскиванием , использовалось в оригинальном Macintosh для управления файлами (например, для копирования их между дисками [3] или папками. [4] ). В System 7 добавлена возможность открывать документ в приложении, перетаскивая значок документа на значок приложения.
В Системе 7.5 перетаскивание было расширено до обычных операций с буфером обмена, таких как копирование или перемещение текстового содержимого в документе. Контент также можно перетащить в файловую систему для создания «файла вырезки», который затем можно будет сохранить и использовать повторно.
На протяжении большей части своей истории Mac OS использовала однокнопочную мышь с кнопкой, закрывающей большую часть верхней поверхности мыши. Это может снизить эргономические проблемы, связанные с удержанием кнопки нажатой во время перетаскивания.
В OS / 2 [ править ]
На рабочее месте оболочка из OS / 2 использует перетаскивание экстенсивно с кнопкой мыши , оставляя один для первичного отбора и мышей. Его использование, как и другие расширенные функции Common User Access, отличает собственные приложения OS / 2 от платформенно-независимых портов.
В HTML [ править ]
В рабочий проект спецификации HTML5 включена поддержка перетаскивания. [5] HTML5 поддерживает различные виды функций перетаскивания, включая:
- Перетаскивайте тексты и HTML-коды
- Перетаскивайте элементы HTML
- Перетаскивайте файлы
В зависимости от необходимого действия можно использовать один из указанных выше типов. Обратите внимание, что когда элемент HTML перетаскивается для перемещения его текущей позиции, его идентификатор отправляется родительскому элементу назначения; поэтому он отправляет текст и может рассматриваться как первая группа.
Веб-приложение электронной почты Google Gmail поддерживает перетаскивание изображений и вложений в последних версиях браузера Google Chrome и Safari от Apple (5.x). Google Images позволяет пользователям перетаскивать файлы изображений в браузер для выполнения обратного поиска изображений .
На сенсорном экране [ редактировать ]
Интерфейсы сенсорного экрана также включают перетаскивание или, точнее, долгое нажатие и затем перетаскивание, например, на домашних экранах iPhone или Android .
В iOS 11 реализована функция перетаскивания, которая позволяет пользователю касаться элементов (и касаться другими пальцами, чтобы перетащить больше) в приложении или между приложениями на iPad . [6] На iPhone эта функция доступна только в том же приложении, в котором пользователь запустил перетаскивание. [7]
В программировании для конечных пользователей [ править ]
Перетаскивание считается важным подходом к построению программ во многих системах разработки конечных пользователей . В отличие от более традиционных языков программирования, основанных на тексте, многие языки программирования для конечных пользователей основаны на визуальных компонентах, таких как плитки или значки, которыми конечные пользователи манипулируют с помощью интерфейсов перетаскивания. AgentSheets , [8] среда программирования для детей, представила современное понятие программирования блоков перетаскивания, предоставляя 4 основных возможности: 1) блоки, которые могут быть составлены конечным пользователем, 2) блоки доступны для редактирования конечным пользователем, 3) блоки могут быть вложены для представления древовидных структур, 4) блоки расположены геометрически для определения синтаксиса. Перетаскивание также присутствует во многих программах редактирования шейдеров для графических инструментов, таких какБлендер . [9] Перетаскивание также возможно в некоторых движках видеоигр, включая Unreal Engine , GameMaker Studio , Construct 2 и, с расширением, Unity (игровой движок) .
Примеры [ править ]
Типичный пример - перетаскивание значка с виртуального рабочего стола на специальный значок корзины для удаления файла .
Дополнительные примеры включают:
- Перемещение данных файла на программу значок или окно для просмотра или обработки. Например, перетаскивание значка, представляющего текстовый файл, в окно Microsoft Word означает «Открыть этот документ как новый документ в Word».
- Перемещение или копирование файлов в новое место / каталог / папку,
- Добавление объектов в список объектов для обработки,
- Изменение расположения виджетов в графическом интерфейсе пользователя для настройки их макета,
- Перетаскивание атрибута на объект, к которому должна быть применена команда,
- например, перетаскивание цвета на графический объект, чтобы изменить его цвет,
- Перетащите инструмент в место холста, чтобы применить инструмент в этом месте,
- Создание гиперссылки из одного места или слова в другое место или документ.
- Большинство текстовых редакторов позволяют перетаскивать выделенный текст из одной точки в другую.
- Перетаскивание серии блоков кода, например, в Blender для разработки шейдеров и материалов.
См. Также [ править ]
- Жест мыши
- Укажите и щелкните
- Snap (компьютерная графика)
Ссылки [ править ]
- ^ Якоб Нильсен, «Топ-10 ошибок проектирования приложений», http://www.useit.com/alertbox/application-mistakes.html (19 февраля 2008 г.).
- ^ Бакстон, W. (1986). «Разделение на части и фразировка и дизайн диалога между человеком и компьютером» . Материалы Всемирного компьютерного конгресса IFIP . С. 475–480. Архивировано из оригинала 7 июня 2004 года.
- ^ "Локоть Disk Swapper" . folklore.org.
- ^ "Модель Великого Объединения (2): Искатель" . folklore.org.
- ^ "HTML5 W3C Working Draft" . w3.org.
- ^ «Перетаскивание iPad, многозадачность и разделенный просмотр в iOS 11: все, что вам нужно знать!» . iMore . Проверено 10 октября 2017 года .
- ^ Винсент, Джеймс (7 июня 2017 г.). «IPhone также получает перетаскивание с iOS 11» . Грань . Проверено 23 июня 2017 года .
- ^ «Выход за рамки синтаксиса: уроки 20-летнего программирования блоков в AgentSheets» (PDF) . Журнал визуальных языков и разумных систем . Архивировано из оригинального (PDF) 28 апреля 2019 года . Проверено 29 ноября 2018 .
- ^ "Render - Справочное руководство Blender" . blender.org . Архивировано из оригинала 23 марта 2015 года . Проверено 24 января 2014 года .
