Readme.md

WPF Tiles - Create Windows-inspired Tile Layout

This example uses the WPF TileLayoutControl to create a Windows-10 inspired tile layout. The Tile Layout Control is bound to a collection of Agent objects.

The Tile Layout Control displays static and live tiles (tile5). Live tiles change their content in an infinite loop with an animation effect that follows a change in content.

<dxlc:TileLayoutControl Background="{x:Null}" Name="tileLayoutControl1">
    <dxlc:Tile Header="System Information" Name="tile1">
        <Image Name="image1" Stretch="None" Source="Images/System.png" />
    </dxlc:Tile>
    ...
    <dxlc:Tile Name="tile5" Size="Large"
                HorizontalHeaderAlignment="Center" Background="#FF666666"
                ContentSource="{Binding Agents}" ContentChangeInterval="00:00:03" AnimateContentChange="True">
        <dxlc:Tile.ContentTemplate>
            <DataTemplate>
                <Grid>
                    <TextBlock Text="{Binding AgentName}" HorizontalAlignment="Left" VerticalAlignment="Bottom"/>
                    <Image Source="{Binding PhotoSource}" Stretch="None" HorizontalAlignment="Right" VerticalAlignment="Top" />
                </Grid>
            </DataTemplate>
        </dxlc:Tile.ContentTemplate>
    </dxlc:Tile>
</dxlc:TileLayoutControl>

Files to Review

• MainWindow.xaml (VB: MainWindow.xaml)
• MainWindow.xaml.cs (VB: MainWindow.xaml.vb)

Does This Example Address Your Development Requirements/Objectives?

(you will be redirected to DevExpress.com to submit your response)