C1Accordionコントロールはアニメーションをサポートします。この機能を利用するには、単に AnimatedEffect プロパティを設定します。
可能な効果には次のものが含まれます。
| easeOutElastic | easeInOutQuad | easeInQuint |
| easeInElastic | easeOutSine | easeInOutQuint |
| easeInOutElastic | easeInSine | easeOutBack |
| easeOutBounce | easeInOutSine | easeInBack |
| easeInBounce | easeOutCirc | easeInOutBack |
| easeInOutBounce | easeInCirc | easeOutQuart |
| easeOutExpo | easeInOutCirc | easeInQuart |
| easeInExpo | easeOutCubic | easeInOutQuart |
| easeInOutExpo | easeInCubic | easeLinear |
| easeOutQuad | easeInOutCubic | - |
| easeInQuad | easeOutQuint | - |
次のコードを Page_Loadイベントに追加し、たとえば Animatedプロパティを設定します。
Visual Basicコードの書き方
| Visual Basic |
コードのコピー
|
|---|---|
C1Accordion1.Animated.Effect = "easeInOutBounce"
|
|
C#コードの書き方
| C# |
コードのコピー
|
|---|---|
C1Accordion1.Animated.Effect = "easeInOutBounce";
|
|
Animated プロパティのマークアップをC1Accordion マークアップに直接追加できます。デザイン時にページ内にプロパティを設定すると、そのプロパティがマークアップに自動的に追加されます。このマークアップは次のようになります。
| ソースビュー |
コードのコピー
|
|---|---|
|
<cc1:C1Accordion ID="C1Accordion1" runat="server"> |
|
アプリケーションを実行し、アコーディオンのヘッダーをクリックすると、コンテンツペインが拡張される効果を確認できます。