Modyfikowanie animacji po stronie serwera (C#)

Autor: Christian Wenz

Pobierz plik PDF

Kontrolka Animacja w zestawie narzędzi kontroli AJAX ASP.NET to nie tylko kontrolka, ale cała struktura umożliwiająca dodawanie animacji do kontrolki. Animacje można również zmienić po stronie serwera

Omówienie

Kontrolka Animacja w zestawie narzędzi kontroli AJAX ASP.NET to nie tylko kontrolka, ale cała struktura umożliwiająca dodawanie animacji do kontrolki. Animacje można również zmienić po stronie serwera

Kroki

Najpierw dołącz element ScriptManager na stronie, a następnie załadowano bibliotekę ASP.NET AJAX, umożliwiając korzystanie z zestawu narzędzi Control Toolkit:

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

Animacja zostanie zastosowana do panelu tekstu, który wygląda następująco:

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

W skojarzonej klasie CSS dla panelu zdefiniuj ładny kolor tła, a także ustaw stałą szerokość panelu:

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

Pozostała część kodu działa po stronie serwera i nie używa znaczników; Zamiast tego używa kodu do utworzenia kontrolki AnimationExtender :

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

Jednak zestaw narzędzi control toolkit obecnie nie zapewnia dostępu do interfejsu API do tworzenia poszczególnych animacji. Można jednak ustawić AnimationExtenderwłaściwość "Animations" na ciąg zawierający znaczniki XML używane podczas deklaratywnego przypisywania animacji. Aby utworzyć kod XML, który nie może zawierać <Animations> elementu, można użyć obsługi xml .NET Framework lub, jak w poniższym kodzie, wystarczy podać ciąg:

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

Na koniec dodaj kontrolkę AnimationExtender do bieżącej strony w elemencie <form runat="server"> , upewniając się, że animacja jest dołączona i jest uruchamiana:

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

Animacja jest tworzona przy użyciu kodu C#/VB po stronie serwera (kliknij, aby wyświetlić obraz pełnowymiarowy)

WsteczDalej