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"> |
アプリケーションを実行し、アコーディオンのヘッダーをクリックすると、コンテンツペインが拡張される効果を確認できます。