Что такое 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, по которым и находится объект перемещения


...

You have no rights to post comments

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

Коммутаторы JUNIPER и компания в целом выросла на 11%

Коммутаторы JUNIPER и компания в целом выросла на 11%

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

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

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

 Как оказалось рынок ПК испытывает довольно серьезный кризис. Аналит...

Huawei огласила характеристики и цену на p8 lite 2017

Huawei огласила характеристики и цену на p8 lite 2017

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

Первые характеристики и цена на Xiaomi Redmi 5

Первые характеристики и цена на Xiaomi Redmi 5

По всемирной паутине пробежала информация, о еще не представленном о...

Первые тесты Samsung Galaxy J5 (2017) на платформе Android 7.0

Первые тесты Samsung Galaxy J5 (2017) на платформе Android 7.0

Официальный анонс смартфона Galaxy J5 (2017) ожидают многие, тем бол...

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

Обзор и тест материнской платы 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