Creare un sito Silverlight 1.0 dotato di interattività
.png "Questa pagina si applica solo ai progetti di Silverlight 1")
Per implementare l'interattività nelle applicazioni Microsoft Silverlight 1.0, è necessario utilizzare i gestori degli eventi nei file code-behind JavaScript dei documenti XAML in cui viene progettata l'interfaccia utente. Nella procedura seguente viene illustrato come impostare un'applicazione in modo che riproduca uno storyboard per animazioni in risposta a un clic del mouse.
Per creare un sito Silverlight 1 dotato di interattività
In Microsoft Expression Blend scegliere Nuovo progetto dal menu File.
Verrà visualizzata la finestra di dialogo Nuovo progetto.
.png "Cc296370.ef6e983a-52a3-4258-a42d-a76beb1e48f1(it-it,Expression.10).png")
In Selezionare un tipo di progetto fare clic su Sito Silverlight 1.0. Negli altri campi sono visualizzati i valori predefiniti per il nome e il percorso del progetto. È possibile lasciare invariato il valore di tali campi e fare clic su OK.
Viene creato un nuovo progetto Silverlight e la pagina di avvio, Page.xaml, verrà aperta per la modifica.
Selezionare lo strumento Penna
.png "Cc296370.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(it-it,Expression.10).png")
nella casella degli strumenti. Disegnare una forma composta da linee curve facendo clic per creare punti e trascinando per creare curve. Fare clic sul primo punto per chiudere la forma..png "Cc296370.25239939-a612-49fd-9b4a-743971738d5e(it-it,Expression.10).png")
Per un elenco di modi in cui modificare un tracciato con il mouse, vedere Utilizzo degli strumenti Penna e Selezione diretta.
Fare clic con il pulsante destro del mouse sul nuovo oggetto tracciato in Oggetti e sequenza temporale, fare clic su Rinomina e quindi immettere il nome Tracciatopersonale.
.png "Cc296370.93b269b5-d07e-4b73-9543-644f6e50e0fd(it-it,Expression.10).png")
Se verrà fatto riferimento a un oggetto in un file code-behind, è necessario assegnargli un nome. Sarà necessario fare riferimento a tale oggetto dal codice in modo tale da collegare un gestore dell'evento Click.
In Oggetti e sequenza temporale fare clic su Nuovo
.png "Cc296370.86937695-03dd-44ea-aa30-28d4029b3ad0(it-it,Expression.10).png")
. Verrà visualizzata la finestra di dialogo Crea storyboard. Lasciare invariato il campo Nome impostato su Storyboard1 e mantenere selezionata la casella Crea come risorsa, quindi fare clic su OK..png "Cc296370.68230d0a-c687-4ca3-af6a-63e7f2e7a9a7(it-it,Expression.10).png")
Verrà creata un nuovo storyboard e verrà attivata la registrazione della sequenza temporale.
Con l'indicatore di riproduzione della sequenza temporale
.png "Cc296370.5626c9eb-40bb-450a-9ca1-3678e5abe429(it-it,Expression.10).png")
posizionato in corrispondenza dell'indicatore del secondo 0, fare clic sul pulsante Registra fotogramma chiave per registrare la posizione corrente dell'oggetto Tracciatopersonale..png "Cc296370.a9d19126-f7dd-43b9-9663-6a39e02af8e6(it-it,Expression.10).png")
Spostare l'indicatore di riproduzione della sequenza temporale
in corrispondenza dell'indicatore del secondo 1 e quindi utilizzare lo strumento Selezione per spostare l'oggetto Tracciatopersonale. Un fotogramma chiave è impostato in corrispondenza dell'indicatore del secondo 1 per registrare la nuova posizione dell'oggetto Tracciatopersonale..png "Cc296370.8a2c43ac-1a9f-497d-8aab-5e94c74d1560(it-it,Expression.10).png")
Nel pannello Progetto fare doppio clic sul file Page.xaml.js per aprirlo per la modifica.
Eliminare il commento dalla riga di codice seguente rimuovendo i caratteri //:
// this.control.content.findName("Storyboard1").Begin();.png "Cc296370.76e80641-82b4-4cb5-bb0d-447c70a01f8a(it-it,Expression.10).png")
Expression Blend 2 genera codice JavaScript iniziale per mostrare come collegare un gestore dell'evento a un clic con il pulsante destro del mouse nell'elemento radice. Il gestore dell'evento chiama il metodo Begin per Storyboard1, motivo per cui il campo Nome non è stato modificato al momento della creazione dello storyboard. Per ulteriori informazioni sullo scripting Silverlight 1.0, vedere Scripting Silverlight ed eventi del mouse.
Testare il sito Silverlight 1.0 premendo F5 e facendo clic nella finestra del browser per attivare lo storyboard per animazioni.
Vedere anche
Concetti
Creare un pulsante che controlla uno storyboard in un'applicazione Silverlight
Creare, modificare o eliminare uno storyboard
Modificare uno storyboard per la ripetizione o l'inversione alla fine del ciclo