Nwlapcug.com


Tutorial animazione Silverlight

Tutorial animazione Silverlight


Microsoft Silverlight è l'ambiente di sviluppo .NET base applicazione multimediale per Windows le applicazioni del telefono, Web e desktop. Animazione, che è molto simile a cartooning, crea ogni immagine in una cornice che sembra muoversi quando giocato in rapida sequenza. Gli oggetti di codifica e modificando le proprietà per creare effetti simili a Flash, è possibile creare animazioni in Silverlight.

Istruzioni

1

Passare alla "Visual Studio 2010." Selezionare "Nuovo progetto". Fare clic su "File" seguita da "New" e "Progetto".

2

Fare clic su "Visual c#" nella finestra di sinistra seguita 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" in ordine di scegliere l'opzione di pagina di test.

3

Navigare a "Esplora" nella finestra di destra facendo clic su "Visualizza" seguita da "Esplora soluzioni". Fare doppio clic su "MainPage." Questo aprirà il file "MainPage. xaml" nella finestra principale dell'editor.

4

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

< animare MouseLeftButtonDown = "Handle_MouseDown"

Background = "Grigio" Width = "605" Height = "505" >

&lt;Animate.Resources>

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

&lt;!-- Comments about the code are typed here -->

&lt;PointAnimation

x:Name="myPointAnimation"

Storyboard.TargetProperty="Center"

Storyboard.TargetName="MyAnimatedEllipseShape"

Duration="0:0:2"/>

&lt;/Storyboard>

&lt;/Animate.Resources>

&lt;Path Fill="Blue">

&lt;Path.Data>

&lt;!-- Describes an ellipse. -->

&lt;EllipseShape x:Name="MyAnimatedEllipseShape"

Center="200,100" RadiusX="15" RadiusY="15" />

&lt;/Path.Data>

&lt;/Path>

< / animare >

5

Testare l'applicazione utilizzando il debug in Visual Studio. Per effettuare questa operazione, selezionare "Debug" seguita da "Start debug." Si aprirà una pagina Web che avvia l'applicazione, a meno che non ci sono errori, che verranno visualizzati in Visual Studio.

6

Fare clic su "Debug" seguita da "Interrompi debug" per terminare l'animazione.

Consigli & Avvertenze

  • Per risultati ottimali, pratica usando Microsoft Silverlight tutorial sul sito Web di Microsoft (Vedi risorse).