Modificando animações do lado do servidor (VB)

por Christian Wenz

Baixar PDF

O controle Animação no kit de ferramentas de controle ASP.NET AJAX não é apenas um controle, mas uma estrutura inteira para adicionar animações a um controle. As animações também podem ser alteradas no lado do servidor

Visão geral

O controle Animação no kit de ferramentas de controle ASP.NET AJAX não é apenas um controle, mas uma estrutura inteira para adicionar animações a um controle. As animações também podem ser alteradas no lado do servidor

Etapas

Em primeiro lugar, inclua o ScriptManager na página; em seguida, a biblioteca ASP.NET AJAX é carregada, possibilitando o uso do Kit de Ferramentas de Controle:

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

A animação será aplicada a um painel de texto semelhante a este:

<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 para o painel, defina uma cor de plano de fundo agradável e também defina uma largura fixa para o painel:

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

O restante do código é executado no lado do servidor e não usa marcação; Em vez disso, ele usa código para criar o AnimationExtender controle :

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

No entanto, o Kit de Ferramentas de Controle atualmente não fornece um acesso à API para criar as animações individuais. No entanto, é possível definir a AnimationExtenderpropriedade Animations como uma cadeia de caracteres que contém a marcação XML usada ao atribuir as animações declarativamente. Para criar o XML que não deve conter o <Animations> elemento, você pode usar o suporte XML do .NET Framework ou, como no código a seguir, basta fornecer a cadeia de caracteres:

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

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

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

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