[DEVEXPRESS/WPF] TileLayoutControl 클래스 : 타일 레이아웃 컨트롤 생성하기

TestProject.zip

다운로드

▶ MainWindow.xaml

<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
    xmlns:dxlc="http://schemas.devexpress.com/winfx/2008/xaml/layoutcontrol"
    Width="800"
    Height="600"
    Title="타일 레이아웃 컨트롤 생성하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxlc:TileLayoutControl x:Name="tileLayoutControl"
            Background="{x:Null}">
            <dxlc:Tile x:Name="tile1"
                Header="System Information">
            </dxlc:Tile>
            <dxlc:Tile x:Name="tile2"
                Size="Small"
                Background="#ffc14aaf"
                Header="Research">
            </dxlc:Tile>
            <dxlc:Tile x:Name="tile3"
                Size="Small"
                Background="#ff5ca332"
                Header="Statistics">
            </dxlc:Tile>
            <dxlc:Tile x:Name="tile4"
                dxlc:FlowLayoutControl.IsFlowBreak="True" 
                Size="Large"
                HorizontalHeaderAlignment="Center"
                Header="Rates"> 
            </dxlc:Tile>
            <dxlc:Tile x:Name="tile5"
                Size="Large" 
                Background="#FF666666" 
                HorizontalHeaderAlignment="Center"
                ContentSource="{Binding}"
                AnimateContentChange="True"
                ContentChangeInterval="00:00:03">
                <dxlc:Tile.ContentTemplate>
                    <DataTemplate>
                        <Grid>
                            <TextBlock
                                Margin="5 0 0 0"
                                HorizontalAlignment="Left"
                                VerticalAlignment="Bottom"
                                Text="{Binding AgentName}" />
                            <Image
                                HorizontalAlignment="Right"
                                VerticalAlignment="Top"
                                Width="150"
                                Height="150"
                                Stretch="Fill"
                                Source="{Binding PhotoSource}" />
                        </Grid>
                    </DataTemplate>
                </dxlc:Tile.ContentTemplate>
            </dxlc:Tile>
        </dxlc:TileLayoutControl>
    </Grid>
</Window>

 

728x90

 

▶ MainWindow.xaml.cs

using System.Windows;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            DataContext = new AgentList().GetData();
        }

        #endregion
    }
}