Skip to main content

Tile.ContentChangeInterval Property

Gets or sets the content change interval. This is a dependency property.

Namespace: DevExpress.Xpf.LayoutControl

Assembly: DevExpress.Xpf.LayoutControl.v14.2.dll

#Declaration

public TimeSpan ContentChangeInterval { get; set; }

#Property Value

Type Description
TimeSpan

A TimeSpan structure that specifies the content change interval.

#Remarks

A tile can display varying content changed at the time interval specified by the ContentChangeInterval property. If this property is not specified, the default time interval is used (Tile.DefaultContentChangeInterval).

#Examples

This example shows how to define varying content using the Tile.ContentSource property. The content change interval is set to 1 second. The Tile.AnimateContentChange option is enabled to play an animation each time the tile's content changes.

The animation below shows the result:

tile-animatecontentchange

<UserControl x:Class="SilverlightApplication1.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="436" d:DesignWidth="626"
             xmlns:dxlc="http://schemas.devexpress.com/winfx/2008/xaml/layoutcontrol"
             xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core">

    <Grid x:Name="LayoutRoot" Background="White">
        <dxlc:TileLayoutControl Background="White" Name="tileLayoutControl1">
            <dxlc:Tile Name="tile1" Size="Small" HorizontalContentAlignment="Center" VerticalContentAlignment="Center"
                       AnimateContentChange="True" ContentChangeInterval="00:00:01">
                <dxlc:Tile.ContentSource>
                    <dx:FrameworkElements>
                        <Image Source="/SilverlightApplication1;component/Images/Research.png" Stretch="None" />
                        <Image Source="/SilverlightApplication1;component/Images/System.png" Stretch="None" />
                        <Image Source="/SilverlightApplication1;component/Images/Statistics.png" Stretch="None" />
                    </dx:FrameworkElements>
                </dxlc:Tile.ContentSource>
            </dxlc:Tile>
        </dxlc:TileLayoutControl>
    </Grid>
</UserControl>
See Also