CircleEase 類別

定義

public ref class CircleEase sealed : EasingFunctionBase

/// [Windows.Foundation.Metadata.Activatable(65536, "Microsoft.UI.Xaml.WinUIContract")]
/// [Windows.Foundation.Metadata.ContractVersion(Microsoft.UI.Xaml.WinUIContract, 65536)]
/// [Windows.Foundation.Metadata.MarshalingBehavior(Windows.Foundation.Metadata.MarshalingType.Agile)]
/// [Windows.Foundation.Metadata.Threading(Windows.Foundation.Metadata.ThreadingModel.Both)]
class CircleEase final : EasingFunctionBase

[Windows.Foundation.Metadata.Activatable(65536, "Microsoft.UI.Xaml.WinUIContract")]
[Windows.Foundation.Metadata.ContractVersion(typeof(Microsoft.UI.Xaml.WinUIContract), 65536)]
[Windows.Foundation.Metadata.MarshalingBehavior(Windows.Foundation.Metadata.MarshalingType.Agile)]
[Windows.Foundation.Metadata.Threading(Windows.Foundation.Metadata.ThreadingModel.Both)]
public sealed class CircleEase : EasingFunctionBase

Public NotInheritable Class CircleEase
Inherits EasingFunctionBase

<CircleEase .../>

繼承

Object Platform::Object IInspectable DependencyObject EasingFunctionBase CircleEase

屬性

ActivatableAttribute ContractVersionAttribute MarshalingBehaviorAttribute ThreadingAttribute

範例

這個 XAML 範例將 CircleEase 的緩和函數應用到 DoubleAnimation 來製作減速動畫。

<StackPanel x:Name="LayoutRoot" >
    <StackPanel.Resources>
        <Storyboard x:Name="myStoryboard">
            <DoubleAnimation From="1" To="6" Duration="00:00:3" 
                Storyboard.TargetName="rectScaleTransform" 
                Storyboard.TargetProperty="ScaleY" EnableDependentAnimation="True">
                <DoubleAnimation.EasingFunction>
                    <CircleEase EasingMode="EaseOut"/>
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>
    </StackPanel.Resources>

        <Rectangle x:Name="myRectangle" PointerPressed="Pointer_Clicked" 
     Fill="Blue" Width="200" Height="30">
            <Rectangle.RenderTransform>
                <ScaleTransform x:Name="rectScaleTransform" />
            </Rectangle.RenderTransform>
        </Rectangle>

    </StackPanel>

// When the user clicks the rectangle, the animation
// begins. 
private void Pointer_Clicked(object sender, PointerRoutedEventArgs e)
{
    myStoryboard.Begin();
}

備註

CircleEase 是一種易解函數，其時間函數公式在以函數時間圖表示時類似餘弦曲線。 當 EasingMode 是 EaseIn （預設）時，這個 EaseMode 從緩慢開始，隨著結束逐漸加速。 在期間中途，價值約為15%。

易解函數可以套用到FromTo/By動畫的/EasingFunction屬性，或用於關鍵影格動畫Ease變體的關鍵影格類型的EasingFunction屬性。 更多資訊請參見 關鍵影格動畫與輕鬆功能動畫。

此函數所用公式為：

易解函數可以套用到FromTo/By動畫的/EasingFunction屬性，或用於關鍵影格動畫Ease變體的關鍵影格類型的EasingFunction屬性。 更多資訊請參見 關鍵影格動畫與輕鬆功能動畫。

另請參閱

• EasingFunctionBase
• PowerEase
• BackEase
• BounceEase
• CubicEase
• ElasticEase
• ExponentialEase
• QuadraticEase
• QuarticEase
• QuinticEase
• SineEase
• 分鏡腳本動畫
• 關鍵影格動畫與緩和功能動畫