[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:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    Width="800"
    Height="600"
    Title="레이아웃 패널 내에서 컨트롤 레이아웃 구축하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <dxd:DockLayoutManager x:Name="dockLayoutManager">
        <dxd:DockLayoutManager.LayoutRoot>
            <dxd:LayoutGroup Name="rootLayoutGroup">
                <dxd:LayoutPanel Caption="Panel 1">
                    <dxd:LayoutGroup Orientation="Vertical">
                        <dxd:LayoutGroup
                            GroupBorderStyle="GroupBox"
                            ShowCaption="True"
                            Caption="Personal info"
                            Orientation="Vertical">
                            <dxd:LayoutControlItem Caption="Title">
                                <dxe:TextEdit />
                            </dxd:LayoutControlItem>
                            <dxd:LayoutGroup ItemHeight="Auto">
                                <dxd:LayoutControlItem Caption="First name">
                                    <dxe:TextEdit />
                                </dxd:LayoutControlItem>
                                <dxd:LayoutControlItem Caption="Last name">
                                    <dxe:TextEdit />
                                </dxd:LayoutControlItem>
                            </dxd:LayoutGroup>
                        </dxd:LayoutGroup>
                        <dxd:LayoutGroup
                            GroupBorderStyle="GroupBox"
                            Caption="Notes"
                            ShowCaption="True">
                            <dxd:LayoutControlItem
                                Caption="Notes"
                                ShowCaption="False">
                                <dxe:TextEdit />
                            </dxd:LayoutControlItem>
                        </dxd:LayoutGroup>
                    </dxd:LayoutGroup>
                </dxd:LayoutPanel>
                <dxd:LayoutPanel Caption="Panel 2">
                    <dxd:LayoutGroup
                        GroupBorderStyle="GroupBox"
                        ShowCaption="True"
                        Caption="Address info"
                        Orientation="Vertical">
                        <dxd:LayoutGroup ItemHeight="Auto">
                            <dxd:LayoutControlItem Caption="Country">
                                <dxe:TextEdit />
                            </dxd:LayoutControlItem>
                            <dxd:LayoutControlItem Caption="Region">
                                <dxe:TextEdit />
                            </dxd:LayoutControlItem>
                        </dxd:LayoutGroup>
                        <dxd:LayoutGroup ItemHeight="Auto">
                            <dxd:LayoutControlItem Caption="City">
                                <dxe:TextEdit />
                            </dxd:LayoutControlItem>
                            <dxd:LayoutControlItem Caption="Postal code">
                                <dxe:TextEdit />
                            </dxd:LayoutControlItem>
                        </dxd:LayoutGroup>
                        <dxd:LayoutControlItem Caption="Address">
                            <dxe:TextEdit />
                        </dxd:LayoutControlItem>
                    </dxd:LayoutGroup>
                </dxd:LayoutPanel>
            </dxd:LayoutGroup>
        </dxd:DockLayoutManager.LayoutRoot>
    </dxd:DockLayoutManager>
</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:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"

Width="800"

Height="600"

Title="레이아웃 패널 내에서 컨트롤 레이아웃 구축하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<dxd:DockLayoutManager x:Name="dockLayoutManager">

<dxd:DockLayoutManager.LayoutRoot>

<dxd:LayoutGroup Name="rootLayoutGroup">

<dxd:LayoutPanel Caption="Panel 1">

<dxd:LayoutGroup Orientation="Vertical">

<dxd:LayoutGroup

GroupBorderStyle="GroupBox"

ShowCaption="True"

Caption="Personal info"

Orientation="Vertical">

<dxd:LayoutControlItem Caption="Title">

<dxe:TextEdit />

</dxd:LayoutControlItem>

<dxd:LayoutGroup ItemHeight="Auto">

<dxd:LayoutControlItem Caption="First name">

<dxe:TextEdit />

</dxd:LayoutControlItem>

<dxd:LayoutControlItem Caption="Last name">

<dxe:TextEdit />

</dxd:LayoutControlItem>

</dxd:LayoutGroup>

<dxd:LayoutGroup

GroupBorderStyle="GroupBox"

Caption="Notes"

ShowCaption="True">

<dxd:LayoutControlItem

Caption="Notes"

ShowCaption="False">

<dxe:TextEdit />

</dxd:LayoutControlItem>

</dxd:LayoutGroup>

</dxd:LayoutPanel>

<dxd:LayoutPanel Caption="Panel 2">

<dxd:LayoutGroup

GroupBorderStyle="GroupBox"

ShowCaption="True"

Caption="Address info"

Orientation="Vertical">

<dxd:LayoutGroup ItemHeight="Auto">

<dxd:LayoutControlItem Caption="Country">

<dxe:TextEdit />

</dxd:LayoutControlItem>

<dxd:LayoutControlItem Caption="Region">

<dxe:TextEdit />

</dxd:LayoutControlItem>

</dxd:LayoutGroup>

<dxd:LayoutGroup ItemHeight="Auto">

<dxd:LayoutControlItem Caption="City">

<dxe:TextEdit />

</dxd:LayoutControlItem>

<dxd:LayoutControlItem Caption="Postal code">

<dxe:TextEdit />

</dxd:LayoutControlItem>

</dxd:LayoutGroup>

<dxd:LayoutControlItem Caption="Address">

<dxe:TextEdit />

</dxd:LayoutControlItem>

</dxd:LayoutGroup>

</dxd:LayoutPanel>

</dxd:LayoutGroup>

</dxd:DockLayoutManager.LayoutRoot>

</dxd:DockLayoutManager>

</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