[C#/WPF/DEVEXPRESS] DockLayoutManager 클래스 : 도킹 패널의 복합 레이아웃 생성하기

■ DockLayoutManager 클래스에서 도킹 패널의 복합 레이아웃을 생성하는 방법을 보여준다.

▶ 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:dxd="http://schemas.devexpress.com/winfx/2008/xaml/docking"
    xmlns:dxc="http://schemas.devexpress.com/winfx/2008/xaml/core"
    Width="800"
    Height="600"
    Title="도킹 패널의 복합 레이아웃 생성하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxd:DockLayoutManager x:Name="dockLayoutManager"
            dxc:ThemeManager.ThemeName="Office2007Blue">
            <dxd:LayoutGroup x:Name="rootLayoutGroup"
                Orientation="Horizontal">
                <dxd:LayoutGroup x:Name="layoutGroup1"
                    Orientation="Vertical"
                    ItemWidth="3*">
                    <dxd:LayoutGroup x:Name="layoutGroup2"
                        Orientation="Horizontal"
                        ItemHeight="1.5*">
                        <dxd:LayoutPanel x:Name="toolboxLayoutPanel"
                            Caption="Toolbox" />
                        <dxd:LayoutPanel x:Name="findResultLayoutPanel"
                            Caption="Find Result" />
                        <dxd:DocumentGroup x:Name="documentGroup1">
                            <dxd:DocumentPanel Caption="Document 1">
                                <RichTextBox />
                            </dxd:DocumentPanel>
                            <dxd:DocumentPanel Caption="Document 2">
                                <RichTextBox />
                            </dxd:DocumentPanel>
                        </dxd:DocumentGroup>
                    </dxd:LayoutGroup>
                        <dxd:TabbedGroup>
                            <dxd:LayoutPanel x:Name="errorListLayoutPanel"
                                Caption="Error List">
                            </dxd:LayoutPanel>
                            <dxd:LayoutPanel x:Name="outputLayoutPanel"
                                Caption="Output">
                            </dxd:LayoutPanel>
                        </dxd:TabbedGroup>
                </dxd:LayoutGroup>
                <dxd:LayoutGroup x:Name="layoutGroup3"
                    Orientation="Vertical">
                    <dxd:LayoutPanel x:Name="solutionExplorerLayoutPanel"
                        ItemHeight="1*"
                        Caption="Solution Explorer">
                    </dxd:LayoutPanel>
                    <dxd:LayoutPanel x:Name="propertyLayoutPanel"
                        ItemHeight="1*"
                        Caption="Property">
                    </dxd:LayoutPanel>
                </dxd:LayoutGroup>
            </dxd:LayoutGroup>
        </dxd:DockLayoutManager>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:dxd="http://schemas.devexpress.com/winfx/2008/xaml/docking"

xmlns:dxc="http://schemas.devexpress.com/winfx/2008/xaml/core"

Width="800"

Height="600"

Title="도킹 패널의 복합 레이아웃 생성하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxd:DockLayoutManager x:Name="dockLayoutManager"

dxc:ThemeManager.ThemeName="Office2007Blue">

<dxd:LayoutGroup x:Name="rootLayoutGroup"

Orientation="Horizontal">

<dxd:LayoutGroup x:Name="layoutGroup1"

Orientation="Vertical"

ItemWidth="3*">

<dxd:LayoutGroup x:Name="layoutGroup2"

Orientation="Horizontal"

ItemHeight="1.5*">

<dxd:LayoutPanel x:Name="toolboxLayoutPanel"

Caption="Toolbox" />

<dxd:LayoutPanel x:Name="findResultLayoutPanel"

Caption="Find Result" />

<dxd:DocumentGroup x:Name="documentGroup1">

<dxd:DocumentPanel Caption="Document 1">

</dxd:DocumentPanel>

<dxd:DocumentPanel Caption="Document 2">

</dxd:DocumentPanel>

</dxd:DocumentGroup>

</dxd:LayoutGroup>

<dxd:TabbedGroup>

<dxd:LayoutPanel x:Name="errorListLayoutPanel"

Caption="Error List">

</dxd:LayoutPanel>

<dxd:LayoutPanel x:Name="outputLayoutPanel"

Caption="Output">

</dxd:LayoutPanel>

</dxd:TabbedGroup>

</dxd:LayoutGroup>

<dxd:LayoutGroup x:Name="layoutGroup3"

Orientation="Vertical">

<dxd:LayoutPanel x:Name="solutionExplorerLayoutPanel"

ItemHeight="1*"

Caption="Solution Explorer">

</dxd:LayoutPanel>

<dxd:LayoutPanel x:Name="propertyLayoutPanel"

ItemHeight="1*"

Caption="Property">

</dxd:LayoutPanel>

</dxd:LayoutGroup>

</dxd:DockLayoutManager>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

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

        #region 생성자 - MainWindow()

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

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

}

TestProject.zip