Drag and Drop en WPF entre une listbox et un fichier

Version imprimable

Bonjour,

je cherche à faire un drag and drop avec WPF entre une listbox et des images présentes dans un explorateur windows.

Ma question:
Lorsque je fais un drag and drop de mon fichier vers ma listbox, la méthode listView1_DragEnter est bien appelée. (FileDrop !!!!!!!!!!!!! est bien écrit dans la console).

Comment appeler la méthode listView1_DragDrop qui contient l'action à réaliser pour ajouter ma nouvelle photo ?

Quel est le lien entre les méthodes MouseMove et DragEnter ?

J'ai lu un article intéressant, Drag And Drop avec Windows Presentation Foundation par Thomas Lebrun, mais je n'ai pas tout compris.

En xaml, j'ai défini une listbox:

Code:

<ListBox Grid.Row="2" Name="m_LstListVideos" AllowDrop="True"  DragEnter="listView1_DragEnter" MouseMove="MouseMoveLstListVideos">

et dans le code behind les méthodes suivantes:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
        private void listView1_DragEnter(object sender, System.Windows.DragEventArgs e)
        {
            if (e.Data.GetDataPresent(DataFormats.FileDrop))
            {
                Console.WriteLine("FileDrop !!!!!!!!!!!!!");
                e.Effects = DragDropEffects.Copy;
            }
            else
            {
                Console.WriteLine("no !!!!!");
                e.Effects = DragDropEffects.None;
            }
        }
 
        private void listView1_DragDrop(object sender, System.Windows.DragEventArgs e)
        {
            Console.WriteLine("dans listView1_DragDrop");
            if (e.Effects == DragDropEffects.Copy)
            {
                string[] filenames = (string[])e.Data.GetData(DataFormats.FileDrop);
 
                foreach (string filename in filenames)
                {
                    this.m_LstListVideos.Items.Add(filename);
                }
            }
        }
 
 
       private void MouseMoveLstListVideos(object sender, MouseEventArgs e)
        {
             if (e.LeftButton == MouseButtonState.Pressed)
       {
             DragDropEffects effects;
             DataObject obj = new DataObject();
             obj.SetData(typeof(string), ((Image)((ListBoxItem)this.m_LstListVideos.SelectedItem).Content).Source.ToString());
             effects = DragDrop.DoDragDrop(this.m_LstListVideos, obj, DragDropEffects.Copy | DragDropEffects.Move);
       }
 
        }

Merci pour les réponses...

Tu as oublié d'implémenter le Drop:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
private void CarouselCSDrop(object sender, DragEventArgs e)
 
{
 
       if (e.Data.GetDataPresent(typeof(string)))
 
       {
 
             e.Effects = DragDropEffects.Copy;
 
 
 
             string uri = (string)e.Data.GetData(typeof(string));
 
 
 
       // Utiliser uri comme vous le souhaitez
 
       }
 
       else
 
       {
 
             e.Effects = DragDropEffects.None;
 
       }
 
}

[WPF] Ajout d'une image dans une Listbox

Merci pour la réponse. effectivement, il me manquait l'ajout de cette méthode.

Cependant, cela ne fonctionne pas parfaitement, car pour le moment, j'ajoute dans la listbox le filepath de l'image (et non l'image !!).

Comment faire cela ? (c'est plutôt un problème c# plutôt que WPF).
Merci pour la réponse

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
        private void CarouselCSDrop(object sender, DragEventArgs e)
        {            
            if (e.Data.GetDataPresent(DataFormats.FileDrop))
            {
                e.Effects = DragDropEffects.Copy;                
 
                string[] s = (string[])e.Data.GetData(DataFormats.FileDrop, false);
                int i;
                for (i = 0; i < s.Length; i++) {
                    m_LstListVideos.Items.Add(s[i]);
                    Console.WriteLine("s[i]:" + s[i]);
                }
            }
 
            else
            {
                e.Effects = DragDropEffects.None;
            }
 
        }

17/04/2007, 10h17
Thomas Lebrun

Effectivement, je travaille en ce moment-même sur quelque chose de similaire et j'ai le même pb.....

Je vais voir ce que je trouve et je te tiens au courant de mon coté ;)

en cherchant un peu sur google, j'ai trouvé une solution:

Code:

1
2
3
4
5
Image img = new Image();
BitmapImage bimg = new BitmapImage(new Uri(s[i], UriKind.Absolute));
img.Source = bimg;
img.Height = 50;
img.Width = 50;

//Ajout de l'image dans la ListBox

Code:

m_LstListVideos.Items.Add(img);

Question facultative: comment obtenir les dimensions de l'image ??

le soucis, c'est que j'ai une exception ailleurs dans la méthode MouseMoveLstListVideos lorsque je souhaite sélectionner des éléments dans ma listbox (qui sont des images)...

{"Impossible d'effectuer un cast d'un objet de type 'System.Windows.Controls.Image' en type 'System.Windows.Controls.ListBoxItem'."}

précisément à la ligne: ListBoxItem lbi = (ListBoxItem)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
m_LstListVideos.SelectedItem;
 
        private void MouseMoveLstListVideos(object sender, MouseEventArgs e)
        {
            if (e.LeftButton == MouseButtonState.Pressed)
            {
                Console.WriteLine("debut MouseMoveLstListVideos");
                DragDropEffects effects;
                DataObject obj = new DataObject();
                Console.WriteLine("avant cast ListBoxItem");
                ListBoxItem lbi = (ListBoxItem)m_LstListVideos.SelectedItem;
                Console.WriteLine("apres cast ListBoxItem");
 
                Console.WriteLine("lbi.Content: " + lbi.Content);
                Image i = (Image)lbi.Content;
                obj.SetData(typeof(string), (i.Source.ToString()));
 
                //obj.SetData(typeof(string), ((Image)(lbi.Content).Source.ToString());
                effects = DragDrop.DoDragDrop(this.m_LstListVideos, obj, DragDropEffects.Copy | DragDropEffects.Move);
            }
 
        }

finalement j'ai introduis une condition d'exécution pour résoudre mon problème:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
if (!(m_LstListVideos.SelectedItem is System.Windows.Controls.Image))
 
ce qui donne:
        private void MouseMoveLstListVideos(object sender, MouseEventArgs e)
        {
            if (e.LeftButton == MouseButtonState.Pressed)
            {
                Console.WriteLine("debut MouseMoveLstListVideos");
                DragDropEffects effects;
                DataObject obj = new DataObject();
                if (!(m_LstListVideos.SelectedItem is System.Windows.Controls.Image)) {
                    ListBoxItem lbi = (ListBoxItem)m_LstListVideos.SelectedItem;
                    Image i = (Image)lbi.Content;
                    obj.SetData(typeof(string), (i.Source.ToString()));
                    effects = DragDrop.DoDragDrop(this.m_LstListVideos, obj, DragDropEffects.Copy | DragDropEffects.Move);                
                }
 
            }
 
        }

Pour mon problème de dimension des images dans ma listbox, je pense que je vais introduire un template dans le code xaml imposant des dimensions à tous les éléments de ma listbox.