How to drag and drop local files to Silverlight application

This sample you can find it in All-In-One code framework. Somehow you will not see margin in between each picture. I have done a small modification to do that as the code below.

// Handle drop event here. private void LayoutRoot_Drop(object sender, DragEventArgs e)
{
    if (e.Data != null)
    {
        // Get fileinfos. var files = e.Data.GetData(DataFormats.FileDrop) as FileInfo[];

        foreach (var file in files)
        {
            var image = new Image();
            if(IsImage(file.Extension))
            {
                try {
                    // Read file stream. var stream = file.OpenRead();
                    var bitmapimage = new BitmapImage();
                    bitmapimage.SetSource(stream);
                    image.Source = bitmapimage;
                }
                catch {
                    // If read failed, use default icon . image.Source = new BitmapImage(new Uri("/images/file.png", UriKind.Relative));
                }
            }
            else // If not image type file, use default icon image. image.Source = new BitmapImage(new Uri("/images/file.png", UriKind.Relative));

            image.DataContext = file;
            image.Height = cellsize - 10;
            image.Width = cellsize - 10;

            var positon = e.GetPosition(LayoutRoot);
            LayoutRoot.Children.Add(image);
            Canvas.SetLeft(image, positon.X);
            Canvas.SetTop(image, positon.Y);

            // Init icon drag&drop behavior InitIconDragDrop(image);

            // Snap to grid FlyToGrid(image, itemindex);

            itemindex++;
        }
    }
}

// Determine if is silverlight supported image format bool IsImage(string extension)
{
    extension = extension.ToLower();
    if (extension == ".jpg" ||
        extension== ".jpeg" ||
        extension == ".png")
        return true;
    else return false;
}

int cellsize = 100;

  // Snap to grid animation void FlyToGrid(UIElement element,int index)
        {
            int cellcolcount = (int)LayoutRoot.ActualWidth/cellsize;
            int row = index / cellcolcount;
            int col = index % cellcolcount;

            int endposx = col * cellsize;
            int endposy = row * cellsize;

            Storyboard sb = new Storyboard();

            DoubleAnimation dax = new DoubleAnimation();
            Storyboard.SetTarget(dax, element);
            Storyboard.SetTargetProperty(dax, new PropertyPath(Canvas.LeftProperty));
            dax.To = endposx;
            dax.Duration = new Duration(TimeSpan.FromSeconds(0.5));
            dax.EasingFunction = new CubicEase { EasingMode = EasingMode.EaseOut };
            sb.Children.Add(dax);

            DoubleAnimation day = new DoubleAnimation();
            Storyboard.SetTarget(day, element);
            Storyboard.SetTargetProperty(day, new PropertyPath(Canvas.TopProperty));
            day.To = endposy;
            day.Duration = new Duration(TimeSpan.FromSeconds(0.5));
            day.EasingFunction = new CubicEase { EasingMode = EasingMode.EaseOut };
            sb.Children.Add(day);

            sb.Begin();
        }

        bool isdrag = false;
        Point relativepos;

        // Initialize element drag&drop behavior void InitIconDragDrop(UIElement element)
        {
            element.MouseLeftButtonDown += (s, e) =>
                {
                    isdrag = true;
                    element.CaptureMouse();
                    relativepos = e.GetPosition(element);
                };

            element.MouseLeftButtonUp += (s, e) =>
                {
                    var pos = e.GetPosition(LayoutRoot);
                    var colcount = (int)LayoutRoot.ActualWidth / cellsize;
                    var col = Math.Max(0, Math.Min((int)pos.X / cellsize, colcount - 1));
                    var rowcount = (int)LayoutRoot.ActualHeight/cellsize;
                    var row = Math.Max(0, Math.Min((int)pos.Y / cellsize, rowcount - 1));

                    var index = row * colcount + col;

                    FlyToGrid(element, index);

                    element.ReleaseMouseCapture();
                    isdrag = false;
                };

            element.MouseMove += (s, e) =>
                {
                    if (isdrag)
                    {
                        var pos = e.GetPosition(LayoutRoot);
                        Canvas.SetLeft(element, pos.X - relativepos.X);
                        Canvas.SetTop(element, pos.Y - relativepos.Y);
                    }
                };
        }
    }

Advertisements