Discussion :

[zeOliver]

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 xml :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et dans le code behind les méthodes suivantes:

Code c# :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

[Thomas Lebrun]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
 
       }
 
}

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

[zeOliver]

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 C# :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
            }
 
        }

[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é

[zeOliver]

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

Code C# :

Sélectionner tout - Visualiser dans une fenêtre à part

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 C# :

Sélectionner tout - Visualiser dans une fenêtre à part

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 C# :

Sélectionner tout - Visualiser dans une fenêtre à part

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);
            }
 
        }

[zeOliver]

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

Code C# :

Sélectionner tout - Visualiser dans une fenêtre à part

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.