RepositionThemeTransition.IsStaggeringEnabled Property

Definition

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.

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

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.

Applies to