Что такое DRAG AND DROP и как его использовать

Опубликовано 26.02.2017 15:06
Автор: Сергей Шмигирилов

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

В приемники можно приписать принимающий объект источника (проще говоря объект, который необходимо перемещать). События, которые появляются в ходе перемещения необходимо перечислять в том порядке, в котором они возникают. Для элементов Вордпресс, подробнее написано в этой статье http://webark.com, сейчас же мы рассмотрим более универсальный подход. 

OnStartDrag (тип TStartDragEvent) - данный показатель генерируется объектом-источником в самом начале выполнения действия. Обработчик событий при этом работает со следующими параметрами: объект приемник DragObjec, а в качестве объекта источника выступит Source. Итак, OnDragOver (тип TDragOverEvent) выполняет создание объекта приемника, в момент появления над ним объекта перемещения, параллельно с тем, когда все необходимые параметры уже попадают в обработчик событий

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

Параметр Accept в процессе обработки превращается в Trye в случае удачного перемещения операции, если же такое не произошло, получаем ответ в виде - False.

onDragDrop (тип TDragDropEvent) - появляется приемником, в том случае если объект перемещения фиксируется непосредственно в нем. Обработчик событий при этом получается работающие координаты указателя мыши, а объект приемник Sender (тип TObject), в том числе и Source.

onEndDrag (тип EndDragEvent) - необходим в момент окончания перемещения. Так, обработчику передаются координаты X и Y, по которым и находится объект перемещения


...

Добавить комментарий


Защитный код
Обновить

Новые материалы на сайте

Характеристики и цена смартфона Sony Xperia L1

Характеристики и цена смартфона Sony Xperia L1

Как многие знают, в рамках выставки MWC 2017 компания Sony показала ...

Первые характеристики безрамочного смартфона Xiaomi Mi MIX 2

Первые характеристики безрамочного смартфона Xiaomi Mi MIX 2

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

Nest официально представила камеру наблюдения Nest Cam

Nest официально представила камеру наблюдения Nest Cam

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

Ford напечатает некоторые детали автомобилей на 3D-принтере

Ford напечатает некоторые детали автомобилей на 3D-принтере

Компания Ford официально заявила, что начала проводить тестирование ...

Apple Iphone 7, емкость аккумулятора и другие характеристики

Apple Iphone 7, емкость аккумулятора и другие характеристики

Прошло более чем пол года с момента, когда компания Apple официально...

Самое популярное

Обзор и тест материнской платы Gigabyte Z77X-UD3H

Обзор и тест материнской платы Gigabyte Z77X-UD3H

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

Обзор процессора AMD Phenom II X4 975 BE

Обзор процессора AMD Phenom II X4 975 BE

Компании AMD в очередной раз удается извлечь больше производительнос...

Обзор и тест процессора Intel Core i7-3770K на архитектуре Ivy Bridge

Обзор и тест процессора Intel Core i7-3770K на архитектуре Ivy Bridge

Появление новых процессоров на архитектуре Ivy Bridge, пользователи жд...

Как обновить видеодрайвер AMD Catalyst и Nvidia Geforce

Как обновить видеодрайвер AMD Catalyst и Nvidia Geforce

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

Производительность The Witcher 2: Assassins of Kings на разных видеокартах

Производительность The Witcher 2: Assassins of Kings на разных видеокартах

По горячим следам, после выхода популярой игры Dragon Age II, и с не...

________________________________________________________________________________________________________________ 

При цитировании материалов сайта, прямая индексируемая ссылка на ciferkom.ru обязательна.

Copyright © 2010-2012 Сiferkom.ru

Яндекс.Метрика