Modifica delle animazioni dal lato server (C#)

di Christian Wenz

Scarica il PDF

Il controllo Animazione nel ASP.NET AJAX Control Toolkit non è solo un controllo ma un intero framework per aggiungere animazioni a un controllo. Le animazioni possono anche essere modificate sul lato server

Panoramica

Il controllo Animazione nel ASP.NET AJAX Control Toolkit non è solo un controllo ma un intero framework per aggiungere animazioni a un controllo. Le animazioni possono anche essere modificate sul lato server

Passaggi

Prima di tutto, includere nella ScriptManager pagina; quindi, la libreria ASP.NET AJAX viene caricata, rendendo possibile usare Control Toolkit:

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

L'animazione verrà applicata a un pannello di testo simile al seguente:

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

Nella classe CSS associata per il pannello definire un bel colore di sfondo e impostare anche una larghezza fissa per il pannello:

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

Il resto del codice viene eseguito sul lato server e non usa markup; usa invece il codice per creare il AnimationExtender controllo:

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

Tuttavia, Control Toolkit attualmente non fornisce un accesso api per creare le singole animazioni. Tuttavia, è possibile impostare la proprietà Animations su una stringa contenente il AnimationExtendermarkup XML usato per assegnare le animazioni in modo dichiarativo. Per creare il codice XML che non deve contenere l'elemento che è possibile usare il <Animations> supporto XML di .NET Framework o, come nel codice seguente, specificare solo la stringa:

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

Infine, aggiungere il AnimationExtender controllo alla pagina corrente, all'interno dell'elemento <form runat="server"> , assicurarsi che l'animazione sia inclusa ed eseguita:

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

L'animazione viene creata usando il codice C#/VB lato server (fare clic per visualizzare l'immagine a dimensioni complete)

IndietroAvanti