Modifica delle animazioni dal lato server (VB)
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
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
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 AnimationExtender
proprietà 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)