AddDeleteThemeTransition Class

コントロールでパネルの子を追加または削除するときに、アニメーション化された切り替え動作を提供します。たとえば、Grid に表示する写真のコレクションがある場合、Grid にこのアニメーションを関連付けて、写真が追加または削除されたときに写真がビューの内側および外側でアニメーション化されるようにすることができます。

継承

Object
  DependencyObject
    Transition
      AddDeleteThemeTransition

構文


public sealed class AddDeleteThemeTransition : Transition

属性

[MarshalingBehavior(Agile)]
[Threading(Both)]
[Version(0x06020000)]
[WebHostHidden()]

メンバー

AddDeleteThemeTransitionクラス には次の種類のメンバーがあります。

コンストラクター

AddDeleteThemeTransitionクラス にはこれらのコンストラクターがあります。

コンストラクター説明
AddDeleteThemeTransition Initializes a new instance of the AddDeleteThemeTransition class.

 

メソッド

The AddDeleteThemeTransition クラス には次のメソッドがあります。 また、以下からもメソッドが継承されます。Object クラス.

メソッド説明
ClearValue Clears the local value of a dependency property. (継承元 DependencyObject)
GetAnimationBaseValue Returns any base value established for a dependency property, which would apply in cases where an animation is not active. (継承元 DependencyObject)
GetValue Returns the current effective value of a dependency property from a DependencyObject. (継承元 DependencyObject)
ReadLocalValue Returns the local value of a dependency property, if a local value is set. (継承元 DependencyObject)
SetValue Sets the local value of a dependency property on a DependencyObject. (継承元 DependencyObject)

 

プロパティ

AddDeleteThemeTransitionクラス には次のプロパティがあります。

プロパティアクセスの種類説明

Dispatcher

読み取り専用Gets the CoreDispatcher that this object is associated with. (継承元 DependencyObject)

 

AddDeleteThemeTransition を使用して、四角形がパネルから追加されたり削除されたりする際にアニメーション化する方法を次の例に示します。パネルのそのほかの子要素の 1 つが削除されるとき、これらのそのほかの子要素がどのように再配置されるかに注目してください。


<Button Content="Add Rectangle" Click="AddButton_Click"/>
<Button Content="Remove Rectangle" Click="RemoveButton_Click"/>


<ItemsControl Grid.Row="1" x:Name="rectangleItems">
    <ItemsControl.ItemContainerTransitions>
        <TransitionCollection>

            <!-- You use AddDeleteThemeTransition 
                 in panels like in a WrapGrid. -->
            <AddDeleteThemeTransition/>
        </TransitionCollection>
    </ItemsControl.ItemContainerTransitions>
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapGrid Height="400"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>

</ItemsControl>



private void RemoveButton_Click(object sender, RoutedEventArgs e)
{
    if (rectangleItems.Items.Count > 0)
        rectangleItems.Items.RemoveAt(0);
}

private void AddButton_Click(object sender, RoutedEventArgs e)
{
    Color rectColor = new Color();
    rectColor.R = 200;
    rectColor.A = 250;
    Rectangle myRectangle = new Rectangle();
    myRectangle.Fill = new SolidColorBrush(rectColor);
    myRectangle.Width = 100;
    myRectangle.Height = 100;
    myRectangle.Margin = new Thickness(10);
    rectangleItems.Items.Add(myRectangle);

}


要件

最小限サポートされるクライアント

Windows 8 [Windows ストア アプリのみ]

最小限サポートされるサーバー

Windows Server 2012 [Windows ストア アプリのみ]

名前空間

Windows.UI.Xaml.Media.Animation
Windows::UI::Xaml::Media::Animation [C++]

メタデータ

Windows.winmd

参照

Transition
アニメーション リストの追加と削除
追加と削除アニメーションのガイドラインとチェック リスト

 

 

表示:
© 2015 Microsoft