Modificar Animações do Lado do Servidor (VB)

por Christian Wenz

Descarregar PDF

O controlo de animação no ASP.NET AJAX Control Toolkit não é apenas um controlo, mas toda uma estrutura para adicionar animações a um controlo. As animações também podem ser alteradas do lado do servidor

Descrição geral

O controlo de animação no ASP.NET AJAX Control Toolkit não é apenas um controlo, mas toda uma estrutura para adicionar animações a um controlo. As animações também podem ser alteradas do lado do servidor

Passos

Em primeiro lugar, inclua o ScriptManager na página; depois, a ASP.NET biblioteca AJAX é carregada, tornando possível usar o Control Toolkit:

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

A animação será aplicada a um painel de texto que se apresenta assim:

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

Na classe CSS associada ao painel, defina uma cor de fundo agradável e defina também uma largura fixa para o painel:

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

O resto do código corre do lado do servidor e não utiliza marcação; em vez disso, utiliza código para criar o controlo AnimationExtender :

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

No entanto, o Control Toolkit atualmente não fornece acesso à API para criar as animações individuais. No entanto, é possível definir a propriedade Animations do AnimationExtender para um texto que contém a marcação XML usada ao atribuirmos as animações declarativamente. Para criar o XML que não deve conter o <Animations> elemento, pode usar o suporte XML do .NET Framework ou, como no código seguinte, simplesmente fornecer a cadeia:

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

Por fim, adicione o controlo AnimationExtender à página atual, dentro do <form runat="server"> elemento, certificando-se de que a animação está incluída e corre:

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

A animação é criada usando código C#/VB do lado do servidor (Clique para ver a imagem em tamanho real)