Modifica delle animazioni dal lato server (VB)

di Christian Wenz

Scarica il PDF

Il controllo Animation 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 Animation 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 l'uso di 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">
Sub Page_Load()
 Dim ae As New AjaxControlToolkit.AnimationExtender()
 ae.TargetControlID = "Panel1"

Tuttavia, control Toolkit attualmente non fornisce un accesso API per creare le singole animazioni. È tuttavia possibile impostare la AnimationExtenderproprietà Animations di su una stringa contenente il markup XML utilizzato per l'assegnazione dichiarativa delle animazioni. Per creare il codice XML che non deve contenere l'elemento <Animations> che è possibile usare il supporto XML di .NET Framework o, come nel codice seguente, specificare semplicemente 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"> , assicurandosi che l'animazione sia inclusa ed eseguita:

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

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

IndietroAvanti