Skip to content

Latest commit

 

History

History
61 lines (43 loc) · 2.67 KB

RotatorTile.md

File metadata and controls

61 lines (43 loc) · 2.67 KB
title author description keywords
Rotator Tile Control
nmetulev
The RotatorTile Control is an ItemsControl that rotates through a set of items one-by-one. It enables you to show multiple items of data in a live-tile like way.
windows 10, uwp, windows community toolkit, uwp community toolkit, uwp toolkit, RotatorTile Control, xaml control, xaml

RotatorTile XAML Control

The Rotator Tile Control is an ItemsControl that rotates through a set of items one-by-one. It enables you to show multiple items of data in a live-tile like way.

[!div class="nextstepaction"] Try it in the sample app

Syntax

<Page ...
    xmlns:controls="using:Microsoft.Toolkit.Uwp.UI.Controls"/>

<controls:RotatorTile x:Name="Tile1"
    Background="LightGray"
    Direction="Up"
    Width="400"
    Height="200"
    Margin="20"/>

Example Image

RotatorTile animation

Properties

Property Type Description
CurrentItem object Gets or sets the currently selected visible item
Direction RotateDirection Gets or sets the direction the tile slides in
ExtraRandomDuration TimeSpan Gets or sets the extra randomized duration to be added to the RotationDelay property. A value between zero and this value in seconds will be added to the RotationDelay
ItemsSource object Gets or sets the ItemsSource
ItemTemplate DataTemplate Gets or sets the item template
RotationDelay TimeSpan Gets or sets the duration for tile rotation

Sample Project

RotatorTile Sample Page Source. You can see this in action in the Windows Community Toolkit Sample App.

Default Template

RotatorTile XAML File is the XAML template used in the toolkit for the default styling.

Requirements

Device family Universal, 10.0.16299.0 or higher
Namespace Microsoft.Toolkit.Uwp.UI.Controls
NuGet package Microsoft.Toolkit.Uwp.UI.Controls

API