ContextQMD
Back to Devexpress

Tile Class

wpf-devexpress-dot-xpf-dot-layoutcontrol-72b96727.md

latest4.3 KB
Original Source

Tile Class

A tile in a TileLayoutControl.

Namespace : DevExpress.Xpf.LayoutControl

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

NuGet Package : DevExpress.Wpf.LayoutControl

Declaration

csharp
[DXLicenseWpf]
public class Tile :
    MaximizableHeaderedContentControlBase,
    ITile,
    IMaximizableElement,
    IClickable,
    IWeakEventListener
vb
<DXLicenseWpf>
Public Class Tile
    Inherits MaximizableHeaderedContentControlBase
    Implements ITile,
               IMaximizableElement,
               IClickable,
               IWeakEventListener

The following members return Tile objects:

Remarks

Tiles are interactive items in a TileLayoutControl. They can display any content and can be of four predefined sizes:

  • Small - A medium square tile of 150x150 pixels.
  • Large - A wide tile of 310x150 pixels.
  • Extra Small - A small square tile of 70x70 pixels, a tile header is hidden.
  • Extra Large - An extra large square tile of 310x310 pixels.

A tile consists of the following elements:

  • Header

  • Content

  • Border

To associate an action with a tile, define a command using the Tile.Command property or handle the Tile.Click event. The TileLayoutControl provides the TileLayoutControl.TileClick event, allowing you to perform required tile actions in one place.

Example

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:

xaml
<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="Images/Research.png" Stretch="None" />
                        <Image Source="Images/System.png" Stretch="None" />
                        <Image Source="Images/Statistics.png" Stretch="None" />
                    </dx:FrameworkElements>
                </dxlc:Tile.ContentSource>
            </dxlc:Tile>
        </dxlc:TileLayoutControl>

Inheritance

Show 12 items

Object DispatcherObject DependencyObject Visual UIElement FrameworkElement Control DevExpress.Xpf.Core.ControlBase DevExpress.Xpf.Core.ContentControlBase DevExpress.Xpf.Core.HeaderedContentControlBase DevExpress.Xpf.LayoutControl.MaximizableHeaderedContentControlBase Tile

See Also

Tile Members

ContentTemplate

DevExpress.Xpf.LayoutControl Namespace