Úprava animací ze strany serveru (C#)
Ovládací prvek Animace v ASP.NET AJAX Control Toolkit není jen ovládací prvek, ale celá architektura pro přidání animací do ovládacího prvku. Animace se můžou změnit také na straně serveru.
Přehled
Ovládací prvek Animace v ASP.NET AJAX Control Toolkit není jen ovládací prvek, ale celá architektura pro přidání animací do ovládacího prvku. Animace se můžou změnit také na straně serveru.
Postup
Nejprve na stránce zahrňte ScriptManager položku. Potom se načte knihovna AJAX ASP.NET, která umožňuje použití sady nástrojů Control Toolkit:
<asp:ScriptManager ID="asm" runat="server" />
Animace se použije na panel textu, který bude vypadat takto:
<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>
V přidružené třídě CSS pro panel definujte pěknou barvu pozadí a také nastavte pevnou šířku panelu:
<style type="text/css">
.panelClass {background-color: lime; width: 300px;}
</style>
Zbytek kódu běží na straně serveru a nepoužívá značky; místo toho použije kód k vytvoření AnimationExtender ovládacího prvku:
<script runat="server">
void Page_Load()
{
AjaxControlToolkit.AnimationExtender ae = new AjaxControlToolkit.AnimationExtender();
ae.TargetControlID = "Panel1";
Sada Control Toolkit ale v současné době neposkytuje přístup k rozhraní API pro vytváření jednotlivých animací. Je však možné nastavit AnimationExtendervlastnost Animations na řetězec obsahující kód XML použitý při deklarativně přiřazování animací. Chcete-li vytvořit XML, který nesmí obsahovat <Animations> element, můžete použít podporu XML rozhraní .NET Framework nebo, stejně jako v následujícím kódu, stačí zadat řetězec:
ae.Animations = "<OnLoad><Parallel><FadeOut Duration=\"1.5\"
Fps=\"24\" /><Resize Width=\"1000\" Height=\"150\"
Unit=\"px\" /></Parallel></OnLoad>";
Nakonec přidejte AnimationExtender ovládací prvek na aktuální stránku v rámci elementu <form runat="server"> a ujistěte se, že je zahrnutá a spuštěná animace:
form1.Controls.Add(ae);
}
</script>
Animace se vytvoří pomocí kódu C#/VB na straně serveru (kliknutím zobrazíte obrázek v plné velikosti).
