ASP.Net  »  Articoli  »  Silverlight 

Drag&Drop con Silverlight

di: Gianni Marzaloni     16 Gennaio 2008

Per sviluppare con Silverlight è necessario avere buone fondamenta di JavaScript e, per applicazioni complesse, di Web Service. Chiunque, con una buona preparazione in merito, noterà quanto sia semplice ed intuitivo creare applicazioni con questa nuova tecnologia.

Microsoft ha fatto le cose in grande: essendo multipiattaforma, possiamo sviluppare un'applicazione Silverlight ed utilizzarla su più sistemi, visto il supporto per browser come FireFox e Safari. L'integrazione con linguaggi lato server come .Net, con linguaggi lato client quali JavaScript (o altri come Python, Ruby o Visual Basic) e pieno supporto di Ajax fanno di questo prodotto un ottimo sostituto di Flash (forse data anche la miglior indicizzazione sui motori dettata dai file .XAML).

In questo articolo cercheremo di interagire meglio con gli oggetti presenti in un file XAML amministrandoli completamente via JavaScript.

Preparazione del progetto

Pensiamo ad esempio ad un classico web mail, strumento con il quale è possibile leggere i messaggi presenti nella nostra casella di posta elettronica utilizzando direttamente un qualsiasi browser Web: i più recenti Web mail utilizzano tecnologia Ajax che ci permette di effettuare dei drag'n'drop dei messaggi per spostarli o cancellarli.

Realizzare lo spostamento di oggetti in una pagina Web non è poi così complicato, utilizzando un qualsiasi framework Ajax a disposizione, esistono classi ad-hoc che ci facilitano il lavoro.

E con Silverlight? Beh, forse non ci crederete ma è di una naturalezza spaventosa..

Vediamo come fare. Ipotizziamo di voler creare un elenco di voci trascinabili, di avere un cestino a disposizione in cui poter rilasciare un elemento e cancellarlo dall'elenco. Dedichiamo il resto dell'articolo alla creazione di un applicativo di questo tipo.

Il progetto in Visual Studio

Prima cosa da fare è preparare il file XAML che conterrà i vari oggetti.

Utilizzando Visual Studio 2005 potremo modificare direttamente il file Scene.xaml che l'ambiente di sviluppo aggiunge di default al momento di creare l'applicazione Silverlight JavaScript (è necessario aver installato Microsoft Silverlight 1.0 SDK).

Figura 1. Creare una applicazione Silverlight

Creare una applicazione Silverlight

Guide ASP.Net

Guida Windows Azure Code Snippets

Le migliori pratiche per far girare le applicazioni "in the cloud",...

Guida ASP.NET MVC Best Practices

Un workflow dettagliato e ricco di suggerimenti pratici per...

Guida ASP.NET Starter Kit

Un modo semplice per imparare ad utilizzare le tecnologie Microsoft...

Altre guide

Newsletter @Microsoft Dev

Ogni giovedì, direttamente nella tua e-mail: articoli, guide, tutorial e script ASP, ASP.Net, SQL server e IIS.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Amministratore di Reti Windows Server 2008

20 Febbraio 2012 a Milano
Disponibilità: 5 Posti

Nessun corso previsto