Il drag&drop è una operazione che Windows supporta fin dalle prime release, ma, fino alle applicazioni WinRT basate su Windows 8.1, non era consentito trascinare un elemento (ad esempio dal File Explorer) all'interno della nostra applicazione. Fortunatamente, con Windows 10 questo meccanismo è cambiato.
Per supportare il drag&drop dobbiamo come prima cosa indicare nella ListView (o in un controllo simile), che è consentito il drop:
<ListView AllowDrop="True" DragOver="ListView_DragOver" Drop="ListView_Drop" x:Name="MyList"> </ListView>
Oltre ad aver impostato AllowDrop su true, dobbiamo anche registrarci per gli eventi DragOver e Drop.
Gestendo l'evento DragOver possiamo decidere se l'elemento che stiamo trascinando dal File Explorer deve essere copiato, oppure spostato all'interno della nostra applicazione. In questo caso andiamo ad impostare la copia:
private void ListView_DragOver(object sender, DragEventArgs e) { e.AcceptedOperation = DataPackageOperation.Copy; }
L'evento Drop, invece, ci serve per decidere cosa fare dei file che ci arrivano: in questo caso specifico, abbiamo voluto predisporre l'applicazione per il caricamento di immagini, quindi faremo un ciclo per scorrere tutti gli elementi che ci arrivano in ingresso, poi creeremo delle immagini che andranno aggiunte alla proprietà ItemsSource della ListView:
private async void ListView_Drop(object sender, DragEventArgs e) { if (e.DataView.Contains(StandardDataFormats.StorageItems)) { var storageItems = await e.DataView.GetStorageItemsAsync(); foreach (StorageFile storageItem in storageItems) { var bitmapImage = new BitmapImage(); await bitmapImage.SetSourceAsync(await storageItem.OpenReadAsync()); MyList.Items.Add(bitmapImage); } } }
Ed il risultato che otteniamo, è simile a questo:
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Assegnare un valore di default a un parametro di una lambda in C#
Eseguire operazioni con timeout in React
Utilizzare le Cache API di JavaScript per salvare elementi nella cache del browser
Effettuare lo stream della risposta in ASP.NET Core tramite IAsyncEnumerable
Elencare le container images installate in un cluster di Kubernetes
Utilizzare i primary constructor di C# per inizializzare le proprietà
Utilizzare gli snapshot con Azure File shares
Recuperare un elemento inserito nella cache del browser tramite API JavaScript
Trasformare qualsiasi backend in un servizio GraphQL con Azure API Management
Inizializzare i container in Azure Container Apps
Hosting di componenti WebAssembly in un'applicazione Blazor static
Utilizzare le collection expression in C#
I più letti di oggi
- Miglioramenti nelle performance di Angular 16
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- HTML5 con CSS e JavaScript
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Ottimizzazione dei block template in Angular 17
- Disabilitare automaticamente un workflow di GitHub (parte 2)