Ändern von Animationen von Serverseite (VB)

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 auf serverseitiger Seite geändert werden.

Übersicht

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 auf serverseitiger Seite geändert werden.

Schritte

Fügen Sie zunächst das ScriptManager in die Seite ein. Anschließend wird die ASP.NET AJAX-Bibliothek geladen, um das Steuerelement-Toolkit nutzen zu können.

<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 das Panel eine schöne Hintergrundfarbe und legen Sie außerdem eine feste Breite für das Panel fest:

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

Der Rest des Codes wird auf der Serverseite ausgeführt und verwendet kein Markup; Stattdessen wird Code zum Erstellen des AnimationExtender Steuerelements verwendet:

<script runat="server">
Sub Page_Load()
 Dim ae As New AjaxControlToolkit.AnimationExtender()
 ae.TargetControlID = "Panel1"

Das Control Toolkit bietet derzeit jedoch keinen API-Zugriff, um die einzelnen Animationen zu erstellen. Es ist jedoch möglich, die AnimationExtenderAnimationseigenschaft 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 von .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 zur aktuellen Seite innerhalb des <form runat="server"> Elements hinzu, um sicherzustellen, dass die Animation enthalten ist und ausgeführt wird:

form1.Controls.Add(ae)
End Sub
</script>

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