[ WPF ] Surface LibraryStack & LibraryBar - Drag and Drop

지난번 포스팅에 이어 LibraryStrack 과 LibraryBar 컨트롤의 Drop 기능 구현에 대해 알아보겠습니다.

 

기본적으로 Drag and Drop 기능을 포함하고 있는 컨트롤 들이지만 다른 영역에서 컨트롤 안으로의 객체 삽입은

 

되지만 컨트롤 안에서 밖으로의 객체 삽입은 되지 않는데요. 이를 위해 구현되어 할 이벤트들이 있습니다.

 

ScatterView의 SurfaceDragDrop.Drop 이벤트와 ScatterViewItem.ScatterManipulationStarted 이벤트 입니다.

 

또한 ScatterView의 속성 중 변경 할 값들이 있습니다. Drop이벤트를 발생시키기 위해 AllowDrop 값을 True로

 

Background의 값을 지정해주어야 합니다. ( 투명하게 하기 위해 Transparent 값을 지정하였습니다. )

 

간단하게 소스를 통해 알아 보겠습니다.

 

// Drop 이벤트         private void ScatterView_Drop(object sender, SurfaceDragDropEventArgs e)         {             // 현재 커서로 만들어져 들어온 객체             // 다른 영역으로의 Drag를 위하여 Surface에서는 BeginDragDrop 이벤트 발생 시             // 커서를 선택된 객체로 변경하여 움직입니다.             SurfaceDragCursor droppingCursor = e.Cursor;               // 현재 Drop 된 영역이 SactterView 이고 Drag가 시작된 영역이 ScatterView 아니면             if (droppingCursor.CurrentTarget == scatterView && droppingCursor.DragSource != scatterView)             {                 // ScatterView의 아이템이 아니면                 if (!scatterView.Items.Contains(droppingCursor.Data))                 {                     // 아이템을 추가 시킵니다.                     scatterView.Items.Add(droppingCursor.Data);                       // 커서로 넘어온 데이터를 ScatterViewItem으로 변경합니다.                     var svi = scatterView.ItemContainerGenerator.ContainerFromItem(droppingCursor.Data)                                       as ScatterViewItem;                       if (svi != null)                     {                         // Center 및 Orientation등의 값들을 현재 커서 값으로 변경합니다.                         svi.Center = droppingCursor.GetPosition(this);                         svi.Orientation = droppingCursor.GetOrientation(this);                         svi.Height = droppingCursor.Visual.ActualHeight;                         svi.Width = droppingCursor.Visual.ActualWidth;                         svi.SetRelativeZIndex(RelativeScatterViewZIndex.Topmost);                     }                 }             }         }           // ScatterView의 아이템이 선택되어질 때 발생         private void ScatterView_ScatterManipulationStarted(object sender,                                                                                           ScatterManipulationStartedEventArgs e)         {             ScatterViewItem svi = e.OriginalSource as ScatterViewItem;               // ScatterViewItem 아이템일 때만             if (svi != null)             {                 // Drag을 시작합니다.                 svi.BeginDragDrop(svi.DataContext);             }         }

 

[ 실행화면 ]

 

- ScatterView안의 Image 객체들

 

- LibraryBar 컨트롤 안에 옮겨진 객체 중 빨간 테두리의 객체를 선택하여 밖으로 꺼내었습니다.

 

- 현 위치에 삽입되어졌습니다.

 

특별히 어려운 내용은 없지만 Surface에서는 BeginDragDrop 이벤트 발생시 커서를 선택된 객체로 변경하게 되고

Drop 이벤트 발생 시 해당 객체의 정보들이 인자로 넘어온 다는 점을 아시면 되겠습니다.

 

다음 포스팅에서는 Tag를 인식하는 법에 대해 알아보겠습니다.

invalid-file