RepositionThemeTransition.IsStaggeringEnabled Property

Definition

Namespace:

Windows.UI.Xaml.Media.Animation

Gets or sets a value that determines whether the transition staggers rendering of multiple items, or renders all items at once.

public:
 property bool IsStaggeringEnabled { bool get(); void set(bool value); };

bool IsStaggeringEnabled();

void IsStaggeringEnabled(bool value);

public bool IsStaggeringEnabled { get; set; }

var boolean = repositionThemeTransition.isStaggeringEnabled;
repositionThemeTransition.isStaggeringEnabled = boolean;

Public Property IsStaggeringEnabled As Boolean

<RepositionThemeTransition IsStaggeringEnabled="bool"/>

Property Value

Boolean

bool

true if the animation staggers rendering of multiple items. false if the animation renders all items at once. The default is true.

Windows requirements

Device family	Windows 10 Anniversary Edition (introduced in 10.0.14393.0)
API contract	Windows.Foundation.UniversalApiContract (introduced in v3.0)

Examples

This example shows how to use a RepositionThemeTransition with a ListView.

<ListView>
    <ListView.ItemContainerTransitions>
        <TransitionCollection>
            <!-- Animate when items are removed, 
                 but don't stagger the animation across columns. -->
            <RepositionThemeTransition IsStaggeringEnabled="False"/>
        </TransitionCollection>
    </ListView.ItemContainerTransitions>
</ListView>

var lv = new ListView();
var transition = new RepositionThemeTransition();
transition.IsStaggeringEnabled = false;
lv.ItemContainerTransitions.Add(transition);

Windows::UI::Xaml::Controls::ListView lv;
Windows::UI::Xaml::Media::Animation::RepositionThemeTransition transition;
transition.IsStaggeringEnabled(false);
lv.ItemContainerTransitions().Append(transition);

auto lv = ref new ListView();
auto transition = ref new RepositionThemeTransition();
transition->IsStaggeringEnabled = false;
lv->ItemContainerTransitions->Append(transition);

Remarks

Available starting in Windows 10, version 1607.

The ListView control utilizes the RepositionThemeTransition to animate items when an item’s position changes. Unlike some of the other theme transitions, when more than one item’s position changes, the RepositionThemeTransition staggers the animation across the collection. (The second item lags slightly behind the first item, the third behind the second, etc.) Set this property to false to make all items render at once.