Что такое 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

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

Apple огласила цену на iPhone 7 RED, iPhone 7 Plus RED и iPhone SE

Apple огласила цену на iPhone 7 RED, iPhone 7 Plus RED и iPhone SE

Мало кто знает, но компания Apple является одним из самых крупных бл...

Предварительные характеристики Apple iPhone X 2018

Предварительные характеристики Apple iPhone X 2018

После анонса Apple iPhone X был прошло не более 10 дней, как уже в с...

Samsung побил все рекорды анонсом Galaxy Note 8

Samsung побил все рекорды анонсом Galaxy Note 8

Компания Samsung Electronics порадовала прессу очередной новостью, а...

Где искать компьютерной помощи?

Где искать компьютерной помощи?

На сегодняшний день компьютерные технологии как таковые в деятельнос...

Смартфоны LG Nexus 5X и Google Nexus 9 сняли с производства

Смартфоны LG Nexus 5X и Google Nexus 9 сняли с производства

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

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

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

Обзор и тестирование материнской платы MSI Z77A-GD65

Обзор и тестирование материнской платы MSI Z77A-GD65

Официальный анонс материнских плат построенных на базе новейшего чипсе...

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

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

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

________________________________________________________________________________________________________________ 

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

Copyright © 2010-2012 Сiferkom.ru