AjaxAnimation

【功能說明】

用途：用來實現絢麗的動畫效果，對象是一個 Panel 或 Div 的元件，可以控制其開啟或關閉 Panel 的大小變化，底色顏色變化 ，字型顏色變化及邊框的顏色變化等等。

【元件屬性】

ID ( 元件名稱 ) (string)

用於識別該組件。

TargetControlID( 目標元件 ) (string)

要觸發本動畫元件的目標元件，就是當此元件被 Click 時，則會觸發本動畫效果。

Action( enum )

要展現的效果方式，可設為 Open ，代表打開的效果，設為 Close 代表關閉的效果，目前打開故定會變大，關閉固定會變小。

ActionContainer ( 作用元件 ) （ string)

所對應的作用 Panel 或 Div 元件的名稱，就是本動畫會對此 Panel 或 Div 進行指定的效果動作。

Enabled( 致能 )( bool)

是否要讓動畫起作用，預設都是為 True 。

FadeStartBackColor ( 起始背景顏色 )(Color)

在動畫開始時，對 Panel 作用的起始背景顏色，配合終止的背景顏色可達漸變的效果。

FadeEndBackColor ( 終止背景顏色 )(Color)

在動畫開始時，對 Panel 作用的終止背景顏色，配合起始的背景顏色可達漸變的效果。

FadeStartBorderColor ( 起始邊框顏色 )(Color)

在動畫開始時，對 Panel 作用的起始邊框顏色，配合終止的邊框顏色可達漸變的效果。

FadeEndBorderColor ( 終止邊框顏色 )(Color)

在動畫開始時，對 Panel 作用的終止邊框顏色，配合起始的邊框顏色可達漸變的效果。

FadeStartFontColor ( 起始字型顏色 )(Color)

在動畫開始時，對 Panel 作用的起始字型顏色，配合終止的字型顏色可達漸變的效果。

FadeEndFontColor ( 終止字型顏色 )(Color)

在動畫開始時，對 Panel 作用的終止字型顏色，配合起始的字型顏色可達漸變的效果。

Fadeinterval ( 效果時間 )(Numeric)

只動畫開始到結束的時間長短，以秒為單位，預設為 0.5 秒，本值越大，動畫的效果越慢。

ShowFontSize ( 字型大小 ) （ int ）

當在動畫效果完畢後，會改變現有的 Panel 字型大小，此用來做為動畫效果的最終字型大小。

ShowPanelWidth ( 寬度大小 ) （ unit ）

當在動畫效果完畢後，會改變現有的 Panel 寬度大小，此用來做為動畫效果的最終型大小。

ShowPanelHeight ( 高度大小 ) （ unit ）

當在動畫效果完畢後，會改變現有的 Panel 高度大小，此用來做為動畫效果的最終型高度。

 

【其他說明】

  使用本動畫時，必須要有一個 AjaxAnimation 作為 Open 的動畫效果，另一個為 Close 的動畫效果，一起搭配使用，才能達到較好的視覺效果。