從伺服器端 (C#) 修改動畫

作者 ：一個是一個

下載 PDF

ASP.NET AJAX 控制項工具組中的動畫控制項不只是控制項，而是將動畫新增至控制項的整個架構。 您也可以在伺服器端變更動畫

概觀

ASP.NET AJAX 控制項工具組中的動畫控制項不只是控制項，而是將動畫新增至控制項的整個架構。 您也可以在伺服器端變更動畫

步驟

首先，在頁面中包含 ScriptManager ，然後載入 ASP.NET AJAX 程式庫，讓您可以使用 Control Toolkit：

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

動畫會套用至文字面板，看起來像這樣：

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

在面板的相關聯 CSS 類別中，定義良好的背景色彩，並設定面板的固定寬度：

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

其餘的程式碼會在伺服器端執行，而不會使用標記;相反地，它會使用程式碼來建立 AnimationExtender 控制項：

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

不過，Control Toolkit 目前不提供 API 存取權來建立個別動畫。 不過，可以將 的 Animations 屬性設定 AnimationExtender 為字串，其中包含以宣告方式指派動畫時所使用的 XML 標記。 若要建立不能包含元素的 <Animations> XML，您可以使用.NET Framework的 XML 支援，或如下列程式碼所示，只提供字串：

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

最後，在 AnimationExtender 元素內 <form runat="server"> 將 控制項新增至目前頁面，確定已包含動畫並執行：

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

動畫是使用伺服器端 C#/VB 程式碼建立， (按一下即可檢視完整大小的影像)

上一個下一個