Drag and drop, drag a scatterviewitem and drop to a librarycontainer

Question

Hi, 

I read your help documents about Dragging and Dropping Items from ScatterView Controls to SurfaceListBox Controls,

and I got a problem. 

I use this codes on the documents

private void DragSourcePreviewInputDeviceDown(object sender, InputEventArgs e)
{
    FrameworkElement findSource = e.OriginalSource as FrameworkElement;
    ScatterViewItem draggedElement = null;

    // Find the ScatterViewItem object that is being touched.
    while (draggedElement == null && findSource != null)
    {
        if ((draggedElement = findSource as ScatterViewItem) == null)
        {
            findSource = VisualTreeHelper.GetParent(findSource) as FrameworkElement;
        }
    }

    if (draggedElement == null)
    {
        return;
    }

    DataItem data = draggedElement.Content as DataItem;

    // If the data has not been specified as draggable, 
    // or the ScatterViewItem cannot move, return.
    if (data == null || !data.CanDrag || !draggedElement.CanMove)
    {
        return;
    }

    // Set the dragged element. This is needed in case the drag operation is canceled.
    data.DraggedElement = draggedElement;

    // Create the cursor visual.
    ContentControl cursorVisual = new ContentControl()
    {
        Content = draggedElement.DataContext,
        Style = FindResource("CursorStyle") as Style
    };

    // Create a list of input devices, 
    // and add the device passed to this event handler.
    List<InputDevice> devices = new List<InputDevice>();
    devices.Add(e.Device);

    // If there are touch devices captured within the element,
    // add them to the list of input devices.
    foreach (InputDevice device in draggedElement.TouchesCapturedWithin)
    {
        if (device != e.Device)
        {
            devices.Add(device);
        }
    }

    // Get the drag source object.
    ItemsControl dragSource = ItemsControl.ItemsControlFromItemContainer(draggedElement);

    // Start the drag-and-drop operation.
    SurfaceDragCursor cursor =
        SurfaceDragDrop.BeginDragDrop(
        // The ScatterView object that the cursor is dragged out from.
          dragSource,
        // The ScatterViewItem object that is dragged from the drag source.
          draggedElement,
        // The visual element of the cursor.
          cursorVisual,
        // The data attached with the cursor.
          draggedElement.DataContext,
        // The input devices that start dragging the cursor.
          devices,
        // The allowed drag-and-drop effects of the operation.
          DragDropEffects.Move);

    // If the cursor was created, the drag-and-drop operation was successfully started.
    if (cursor != null)
    {
        // Hide the ScatterViewItem.
        draggedElement.Visibility = Visibility.Hidden;

        // This event has been handled.
        e.Handled = true;
    }
}

I run the program and found that I can not zoom the size of scatterviewitem. 

Although it worked on drop operation, I still want it to have the function of scatterviewitem.

What should I do?

Thanks for your help and sorry for my English.

Answer 1

Check my sample here :

http://sdrv.ms/16TDNqZ

regards

serge

---

Your knowledge is enhanced by that of others.

Answer 2

Hi, Serge

Thank you for your help.

I used your sample(LibraryContainerProject), find that it does works, but I have a little question.

When I dragged the scatterviewitem to the librarycontainer, it was covered by the librarycontainer, I want it to be the top of librarycontainer, what should I do？

regards.

Answer 3

TO set it in front of all visual, you need to set the Zindex property value of the scatterview item.

For more info:
http://msdn.microsoft.com/en-us/library/microsoft.surface.presentation.controls.scatterviewitem.zindex.aspx

Thanks to mark as annswer if it helps

regards

---

Your knowledge is enhanced by that of others.

Answer 4

Hi, Serge

I changed the Zindex property of dragging scatterview item to 100, and it was still under the librarycontainer...

regards