Ändern von Animationen von der Serverseite (C#)

von Christian Wenz

PDF herunterladen

Das Animationssteuerelement im ASP.NET AJAX Control Toolkit ist nicht nur ein Steuerelement, sondern ein ganzes Framework zum Hinzufügen von Animationen zu einem Steuerelement. Die Animationen können auch serverseitig geändert werden.

Überblick

Das Animationssteuerelement im ASP.NET AJAX Control Toolkit ist nicht nur ein Steuerelement, sondern ein ganzes Framework zum Hinzufügen von Animationen zu einem Steuerelement. Die Animationen können auch serverseitig geändert werden.

Schritte

Schließen Sie zunächst die ScriptManager auf der Seite ein. Dann wird die ASP.NET AJAX-Bibliothek geladen, sodass das Control Toolkit verwendet werden kann:

<asp:ScriptManager ID="asm" runat="server" />

Die Animation wird auf einen Textbereich angewendet, der wie folgt aussieht:

<asp:Panel ID="panelShadow" runat="server" CssClass="panelClass">
 ASP.NET AJAX is a free framework for quickly creating a new generation of more 
 efficient, more interactive and highly-personalized Web experiences that work 
 across all the most popular browsers.<br />
 ASP.NET AJAX is a free framework for quickly creating a new generation of more 
 efficient, more interactive and highly-personalized Web experiences that work 
 across all the most popular browsers.<br />
 ASP.NET AJAX is a free framework for quickly creating a new generation of more 
 efficient, more interactive and highly-personalized Web experiences that work 
 across all the most popular browsers.<br />
</asp:Panel>

Definieren Sie in der zugeordneten CSS-Klasse für den Bereich eine schöne Hintergrundfarbe, und legen Sie auch eine feste Breite für das Panel fest:

<style type="text/css">
 .panelClass {background-color: lime; width: 300px;}
</style>

Der rest des Codes wird serverseitig ausgeführt und verwendet kein Markup. Stattdessen wird Code verwendet, um das AnimationExtender Steuerelement zu erstellen:

<script runat="server">
void Page_Load()
{
 AjaxControlToolkit.AnimationExtender ae = new AjaxControlToolkit.AnimationExtender();
 ae.TargetControlID = "Panel1";

Das Control Toolkit bietet jedoch derzeit keinen API-Zugriff zum Erstellen der einzelnen Animationen. Es ist jedoch möglich, die AnimationExtenderAnimations-Eigenschaft von auf eine Zeichenfolge festzulegen, die das XML-Markup enthält, das beim deklarativen Zuweisen der Animationen verwendet wird. Um den XML-Code zu erstellen, der <Animations> das -Element nicht enthalten darf, können Sie die XML-Unterstützung des .NET Framework verwenden oder wie im folgenden Code einfach die Zeichenfolge angeben:

ae.Animations = "<OnLoad><Parallel><FadeOut Duration=\"1.5\"
 Fps=\"24\" /><Resize Width=\"1000\" Height=\"150\"
 Unit=\"px\" /></Parallel></OnLoad>";

Fügen Sie schließlich das AnimationExtender -Steuerelement der aktuellen Seite innerhalb des <form runat="server"> -Elements hinzu, um sicherzustellen, dass die Animation enthalten ist und ausgeführt wird:

form1.Controls.Add(ae);
}
</script>

Die Animation wird mit serverseitigem C#/VB-Code erstellt (Klicken Sie hier, um das Bild in voller Größe anzuzeigen)

ZurückWeiter