Silverlight Animazione Tutorial

December 25

Silverlight Animazione Tutorial


Microsoft Silverlight è l'ambiente di sviluppo Media Application basato .NET per le applicazioni Windows Phone, il Web e desktop. Animazione, che è molto simile a cartooning, crea ogni immagine in una cornice che sembra muoversi quando gioca in rapida sequenza. È possibile creare animazioni in Silverlight codificando gli oggetti e la modifica delle proprietà, al fine di creare effetti Flash-like.

istruzione

1 Passare a "Visual Studio 2010." Selezionare "Nuovo progetto". Fai clic su "File", seguito da "Nuovo" e "Progetto".

2 Fai clic su "Visual C #" nella finestra di sinistra seguito da "Silverlight". Selezionare "Applicazione Silverlight," e quindi digitare il nome del progetto come "animazione". Quando viene richiesto di scegliere un sito web o una pagina di prova, deselezionare "ospitare l'applicazione Silverlight in un nuovo sito Web" al fine di scegliere l'opzione pagina di prova.

3 Passare a "Solution Explorer" nella finestra di destra facendo clic su "Visualizza" seguito da "Solution Explorer". Fare doppio clic su "MainPage.xaml." Si apre il file "MainPage.xaml" nella finestra dell'editor principale.

4 Inserire il seguente codice nella finestra di editor principale per animare l'ellisse utilizzando un'animazione punto:

<Animare MouseLeftButtonDown = "Handle_MouseDown"

Background = "grigio" width = "605" height = "505">

&lt;Animate.Resources>

& Lt; Storyboard x: Name = "myStoryboard">

& Lt;! - Commenti sul codice vengono digitati qui ->

& Lt; PointAnimation

x: Name = "myPointAnimation"

Storyboard.TargetProperty = "center"

Storyboard.TargetName = "MyAnimatedEllipseShape"

Durata = "0: 0: 2" />

& Lt; / Storyboard>

& Lt; /Animate.Resources>

& Lt; Path Riempimento = "Blue">

& Lt; Path.Data>

& Lt;! - Descrive un ellisse. ->

& Lt; EllipseShape x: Name = "MyAnimatedEllipseShape"

Centro = "200.100" RadiusX = "15" RadiusY = "15" />

& Lt; /Path.Data>

& Lt; / Percorso>

</ Animate>

5 Testare l'applicazione utilizzando il debug in Visual Studio. Per fare questo, selezionare "Debug" seguito da "Start Debugging." Una pagina Web si aprirà che lancia l'applicazione a meno che non ci sono errori, che verranno visualizzati in Visual Studio.

6 Fai clic su "debug" seguito da "Termina debug" per terminare l'animazione.

Consigli e avvertenze

  • Per ottenere i migliori risultati, la pratica con esercitazioni Microsoft Silverlight sul sito Web di Microsoft (vedi Risorse).