Modification des animations côté serveur (C#)

par Christian Wenz

Télécharger le PDF

Le contrôle Animation dans le ASP.NET ajax Control Toolkit n’est pas seulement un contrôle, mais un framework entier pour ajouter des animations à un contrôle. Les animations peuvent également être modifiées côté serveur

Vue d’ensemble

Le contrôle Animation dans le ASP.NET ajax Control Toolkit n’est pas seulement un contrôle, mais un framework entier pour ajouter des animations à un contrôle. Les animations peuvent également être modifiées côté serveur

Étapes

Tout d’abord, incluez le ScriptManager dans la page ; puis, le ASP.NET bibliothèque AJAX est chargé, ce qui permet d’utiliser control Toolkit :

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

L’animation sera appliquée à un panneau de texte qui ressemble à ceci :

<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>

Dans la classe CSS associée pour le panneau, définissez une couleur d’arrière-plan agréable et définissez également une largeur fixe pour le panneau :

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

Le reste du code s’exécute côté serveur et n’utilise pas de balisage ; au lieu de cela, il utilise du code pour créer le AnimationExtender contrôle :

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

Toutefois, control Toolkit ne fournit actuellement pas d’accès API pour créer les animations individuelles. Il est toutefois possible de définir la AnimationExtenderpropriété Animations de sur une chaîne contenant le balisage XML utilisé lors de l’affectation déclarative des animations. Pour créer le code XML qui ne doit pas contenir l’élément <Animations> , vous pouvez utiliser la prise en charge XML du .NET Framework ou, comme dans le code suivant, il vous suffit de fournir la chaîne :

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

Enfin, ajoutez le AnimationExtender contrôle à la page active, dans l’élément <form runat="server"> , en vous assurant que l’animation est incluse et qu’elle s’exécute :

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

L’animation est créée à l’aide du code C#/VB côté serveur (cliquer pour afficher l’image en taille réelle)

PrécédentSuivant