BAR Archives - icodebroker

[C#/WPF/DEVEXPRESS] BarManager 클래스 : 에디터 포커스 설정하기

■ BarManager 클래스에서 에디터 포커스를 설정하는 방법을 보여준다. ▶ 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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    Width="800"
    Height="600"
    Title="BarManager 클래스 : 에디터 포커스 설정하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxb:BarManager x:Name="barManager"
            CreateStandardLayout="True">
            <dxb:BarManager.Items>
                <dxb:BarButtonItem x:Name="buttonBarButtonItem"
                    Content="Button"
                    ItemClick="buttonBarButtonItem_ItemClick" />
                <dxb:BarEditItem x:Name="textBarEditItem"
                    EditValue="Text">
                    <dxb:BarEditItem.EditSettings>
                        <dxe:TextEditSettings />
                    </dxb:BarEditItem.EditSettings>
                </dxb:BarEditItem>
            </dxb:BarManager.Items>
            <dxb:BarManager.Bars>
                <dxb:Bar x:Name="topBar"
                    Caption="Top Bar">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerType="Top" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarButtonItemLink BarItemName="buttonBarButtonItem" />
                        <dxb:BarEditItemLink   BarItemName="textBarEditItem"     />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
                <dxb:Bar x:Name="leftBar"
                    Caption="Left Bar">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerType="Left" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarButtonItemLink BarItemName="buttonBarButtonItem" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
            </dxb:BarManager.Bars>
            <RichTextBox />
        </dxb:BarManager>
    </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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"

Width="800"

Height="600"

Title="BarManager 클래스 : 에디터 포커스 설정하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxb:BarManager x:Name="barManager"

CreateStandardLayout="True">

<dxb:BarManager.Items>

<dxb:BarButtonItem x:Name="buttonBarButtonItem"

Content="Button"

ItemClick="buttonBarButtonItem_ItemClick" />

<dxb:BarEditItem x:Name="textBarEditItem"

EditValue="Text">

<dxb:BarEditItem.EditSettings>

<dxe:TextEditSettings />

</dxb:BarEditItem.EditSettings>

</dxb:BarEditItem>

</dxb:BarManager.Items>

<dxb:BarManager.Bars>

<dxb:Bar x:Name="topBar"

Caption="Top Bar">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Top" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarButtonItemLink BarItemName="buttonBarButtonItem" />

<dxb:BarEditItemLink BarItemName="textBarEditItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

<dxb:Bar x:Name="leftBar"

Caption="Left Bar">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Left" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarButtonItemLink BarItemName="buttonBarButtonItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

</dxb:BarManager.Bars>

</dxb:BarManager>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

using DevExpress.Xpf.Bars;

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

        #region 생성자 - MainWindow()

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

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 버튼 막대 버튼 항목 항목 클릭시 처리하기 - buttonBarButtonItem_ItemClick(sender, e)

        /// <summary>
        /// 버튼 막대 버튼 항목 항목 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void buttonBarButtonItem_ItemClick(object sender, ItemClickEventArgs e)
        {
            (this.textBarEditItem.Links[0] as BarEditItemLink).Editor.Focus();
        }

        #endregion
    }
}

using System.Windows;

using DevExpress.Xpf.Bars;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 버튼 막대 버튼 항목 항목 클릭시 처리하기 - buttonBarButtonItem_ItemClick(sender, e)

/// <summary>

/// 버튼 막대 버튼 항목 항목 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void buttonBarButtonItem_ItemClick(object sender, ItemClickEventArgs e)

{

(this.textBarEditItem.Links[0] as BarEditItemLink).Editor.Focus();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] BarManager 클래스 : BAR 버튼 항목 및 링크 간 분리자 생성하기

■ BarManager 클래스에서 BAR 버튼 항목 및 링크 간 분리자를 생성하는 방법을 보여준다. ▶ 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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
    Width="800"
    Height="600"
    Title="BarManager 클래스 : BAR 버튼 항목 및 링크 간 분리자 생성하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxb:BarManager x:Name="barManager"
            CreateStandardLayout="True"
            ItemClick="barManager_ItemClick">
            <dxb:BarManager.Items>
                <dxb:BarButtonItem x:Name="copyBarButtonItem"  Content="Delete" Glyph="pack://application:,,,/Images/copy16x16.png"  />
                <dxb:BarButtonItem x:Name="pasteBarButtonItem" Content="Paste"  Glyph="pack://application:,,,/Images/paste16x16.png" />
                <dxb:BarButtonItem x:Name="undoBarButtonItem"  Content="Undo"   Glyph="pack://application:,,,/Images/undo16x16.png"  />
                <dxb:BarButtonItem x:Name="redoBarButtonItem"  Content="Redo"   Glyph="pack://application:,,,/Images/redo16x16.png"  />
            </dxb:BarManager.Items>
            <dxb:BarManager.Bars>
                <dxb:Bar x:Name="mainMenuBar"
                    IsMainMenu="True"
                    BarItemHorzIndent="10"
                    Caption="Main Menu">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo
                            ContainerType="Top"
                            Row="0" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarButtonItemLink BarItemName="undoBarButtonItem" />
                        <dxb:BarButtonItemLink BarItemName="redoBarButtonItem" />
                        <dxb:BarItemLinkSeparator />
                        <dxb:BarButtonItemLink BarItemName="copyBarButtonItem"  />
                        <dxb:BarButtonItemLink BarItemName="pasteBarButtonItem" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
            </dxb:BarManager.Bars>
            <RichTextBox />
        </dxb:BarManager>
    </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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

Width="800"

Height="600"

Title="BarManager 클래스 : BAR 버튼 항목 및 링크 간 분리자 생성하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxb:BarManager x:Name="barManager"

CreateStandardLayout="True"

ItemClick="barManager_ItemClick">

<dxb:BarManager.Items>

<dxb:BarButtonItem x:Name="copyBarButtonItem" Content="Delete" Glyph="pack://application:,,,/Images/copy16x16.png" />

<dxb:BarButtonItem x:Name="pasteBarButtonItem" Content="Paste" Glyph="pack://application:,,,/Images/paste16x16.png" />

<dxb:BarButtonItem x:Name="undoBarButtonItem" Content="Undo" Glyph="pack://application:,,,/Images/undo16x16.png" />

<dxb:BarButtonItem x:Name="redoBarButtonItem" Content="Redo" Glyph="pack://application:,,,/Images/redo16x16.png" />

</dxb:BarManager.Items>

<dxb:BarManager.Bars>

<dxb:Bar x:Name="mainMenuBar"

IsMainMenu="True"

BarItemHorzIndent="10"

Caption="Main Menu">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo

ContainerType="Top"

Row="0" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarButtonItemLink BarItemName="undoBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="redoBarButtonItem" />

<dxb:BarItemLinkSeparator />

<dxb:BarButtonItemLink BarItemName="copyBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="pasteBarButtonItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

</dxb:BarManager.Bars>

</dxb:BarManager>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

using DevExpress.Xpf.Bars;

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

        #region 생성자 - MainWindow()

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

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 막대 관리자 항목 클릭시 처리하기 - barManager_ItemClick(sender, e)

        /// <summary>
        /// 막대 관리자 항목 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void barManager_ItemClick(object sender, ItemClickEventArgs e)
        {
            MessageBox.Show("Item " + e.Item.Content + " has been clicked.");
        }

        #endregion
    }
}

using System.Windows;

using DevExpress.Xpf.Bars;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 막대 관리자 항목 클릭시 처리하기 - barManager_ItemClick(sender, e)

/// <summary>

/// 막대 관리자 항목 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void barManager_ItemClick(object sender, ItemClickEventArgs e)

{

MessageBox.Show("Item " + e.Item.Content + " has been clicked.");

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] BarManager 클래스 : 플로팅 및 다른 타입의 BAR 컨테이너 생성하기

■ BarManager 클래스에서 플로팅 및 다른 타입의 BAR 컨테이너를 생성하는 방법을 보여준다. ▶ 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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    Width="800"
    Height="600"
    Title="BarManager 클래스 : 플로팅 및 다른 타입의 BAR 컨테이너 생성하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxb:BarManager x:Name="barManager">
            <dxb:BarManager.Items>
                <dxb:BarCheckItem  x:Name="boldBarCheckItem"      Glyph="pack://application:,,,/Image/bold16x16.png"      />
                <dxb:BarCheckItem  x:Name="italicBarCheckItem"    Glyph="pack://application:,,,/Image/italic16x16.png"    />
                <dxb:BarCheckItem  x:Name="underlineBarCheckItem" Glyph="pack://application:,,,/Image/underLine16x16.png" />
                <dxb:BarButtonItem x:Name="fontBarButtonItem"     Glyph="pack://application:,,,/Image/font16x16.png"      />
                <dxb:BarCheckItem  x:Name="centerBarCheckItem"    Glyph="pack://application:,,,/Image/center16x16.png"    />
                <dxb:BarCheckItem  x:Name="justifyBarCheckItem"   Glyph="pack://application:,,,/Image/justify16x16.png"   />
                <dxb:BarCheckItem  x:Name="leftBarCheckItem"      Glyph="pack://application:,,,/Image/left16x16.png"      />
                <dxb:BarCheckItem  x:Name="rightBarCheckItem"     Glyph="pack://application:,,,/Image/right16x16.png"     />
            </dxb:BarManager.Items>
            <dxb:BarManager.Bars>
                <dxb:Bar x:Name="formatBar"
                    Caption="Format">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerType="Top" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarCheckItemLink BarItemName="boldBarCheckItem"      />
                        <dxb:BarCheckItemLink BarItemName="italicBarCheckItem"    />
                        <dxb:BarCheckItemLink BarItemName="underlineBarCheckItem" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
                <dxb:Bar x:Name="fontBar"
                    Caption="Font" Visible="True">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo
                            ContainerType="Floating"
                            FloatBarOffset="100 100" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarButtonItemLink BarItemName="fontBarButtonItem" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
                <dxb:Bar x:Name="alignmentBar"
                    Caption="Alignment">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerName="noneBarContainerControl" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarCheckItemLink BarItemName="leftBarCheckItem"    />
                        <dxb:BarCheckItemLink BarItemName="centerBarCheckItem"  />
                        <dxb:BarCheckItemLink BarItemName="rightBarCheckItem"   />
                        <dxb:BarCheckItemLink BarItemName="justifyBarCheckItem" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
            </dxb:BarManager.Bars>
            <DockPanel x:Name="dockPanel"
                LastChildFill="False">
                <dxb:BarContainerControl x:Name="topBarContainerControl"
                    DockPanel.Dock="Top"
                    ContainerType="Top">
                </dxb:BarContainerControl>
                <dxe:TextEdit Name="textEdit"
                    DockPanel.Dock="Top"
                    Margin="10"
                    Width="300"
                    Height="30"
                    HorizontalAlignment="Left"
                    VerticalAlignment="Top"
                    TextElement.FontSize="16"
                    EditValue="Sample text" />
                <dxb:BarContainerControl x:Name="noneBarContainerControl"
                    DockPanel.Dock="Top"
                    ContainerType="None"
                    Orientation="Horizontal">
                </dxb:BarContainerControl>
            </DockPanel>
        </dxb:BarManager>
    </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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"

Width="800"

Height="600"

Title="BarManager 클래스 : 플로팅 및 다른 타입의 BAR 컨테이너 생성하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxb:BarManager x:Name="barManager">

<dxb:BarManager.Items>

<dxb:BarCheckItem x:Name="boldBarCheckItem" Glyph="pack://application:,,,/Image/bold16x16.png" />

<dxb:BarCheckItem x:Name="italicBarCheckItem" Glyph="pack://application:,,,/Image/italic16x16.png" />

<dxb:BarCheckItem x:Name="underlineBarCheckItem" Glyph="pack://application:,,,/Image/underLine16x16.png" />

<dxb:BarButtonItem x:Name="fontBarButtonItem" Glyph="pack://application:,,,/Image/font16x16.png" />

<dxb:BarCheckItem x:Name="centerBarCheckItem" Glyph="pack://application:,,,/Image/center16x16.png" />

<dxb:BarCheckItem x:Name="justifyBarCheckItem" Glyph="pack://application:,,,/Image/justify16x16.png" />

<dxb:BarCheckItem x:Name="leftBarCheckItem" Glyph="pack://application:,,,/Image/left16x16.png" />

<dxb:BarCheckItem x:Name="rightBarCheckItem" Glyph="pack://application:,,,/Image/right16x16.png" />

</dxb:BarManager.Items>

<dxb:BarManager.Bars>

<dxb:Bar x:Name="formatBar"

Caption="Format">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Top" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarCheckItemLink BarItemName="boldBarCheckItem" />

<dxb:BarCheckItemLink BarItemName="italicBarCheckItem" />

<dxb:BarCheckItemLink BarItemName="underlineBarCheckItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

<dxb:Bar x:Name="fontBar"

Caption="Font" Visible="True">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo

ContainerType="Floating"

FloatBarOffset="100 100" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarButtonItemLink BarItemName="fontBarButtonItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

<dxb:Bar x:Name="alignmentBar"

Caption="Alignment">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerName="noneBarContainerControl" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarCheckItemLink BarItemName="leftBarCheckItem" />

<dxb:BarCheckItemLink BarItemName="centerBarCheckItem" />

<dxb:BarCheckItemLink BarItemName="rightBarCheckItem" />

<dxb:BarCheckItemLink BarItemName="justifyBarCheckItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

</dxb:BarManager.Bars>

<DockPanel x:Name="dockPanel"

LastChildFill="False">

<dxb:BarContainerControl x:Name="topBarContainerControl"

DockPanel.Dock="Top"

ContainerType="Top">

</dxb:BarContainerControl>

<dxe:TextEdit Name="textEdit"

DockPanel.Dock="Top"

Margin="10"

Width="300"

Height="30"

HorizontalAlignment="Left"

VerticalAlignment="Top"

TextElement.FontSize="16"

EditValue="Sample text" />

<dxb:BarContainerControl x:Name="noneBarContainerControl"

DockPanel.Dock="Top"

ContainerType="None"

Orientation="Horizontal">

</dxb:BarContainerControl>

</DockPanel>

</dxb:BarManager>

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

[C#/WPF/DEVEXPRESS] BarManager 클래스 : 버튼 항목과 하위 메뉴를 갖는 2개의 BAR 생성하기

■ BarManager 클래스에서 버튼 항목과 하위 메뉴를 갖는 2개의 BAR를 생성하는 방법을 보여준다. ▶ 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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
    Width="800"
    Height="600"
    Title="BarManager 클래스 : 버튼 항목과 하위 메뉴를 갖는 2개의 BAR 생성하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxb:BarManager x:Name="barManager"
            CreateStandardLayout="True">
            <dxb:BarManager.Items>
                <dxb:BarCheckItem x:Name="boldBarCheckItem"
                    Glyph="pack://application:,,,/Image/bold16x16.png"
                    Content="Bold"
                    CheckedChanged="boldBarCheckItem_CheckChanged" />
                <dxb:BarButtonItem x:Name="exitBarButtonItem"
                    Content="Exit"
                    ItemClick="exitBarButtonItem_ItemClick"/>
                <dxb:BarSubItem x:Name="fileBarSubItem"
                    Content="File">
                    <dxb:BarSubItem.ItemLinks>
                        <dxb:BarButtonItemLink BarItemName="exitBarButtonItem"/>
                    </dxb:BarSubItem.ItemLinks>
                </dxb:BarSubItem>
                <dxb:BarSubItem x:Name="formatBarSubItem"
                    Content="Format">
                    <dxb:BarSubItem.ItemLinks>
                        <dxb:BarCheckItemLink BarItemName="boldBarCheckItem" />
                    </dxb:BarSubItem.ItemLinks>
                </dxb:BarSubItem>
            </dxb:BarManager.Items>
            <dxb:BarManager.Bars>
                <dxb:Bar
                    IsMainMenu="True"
                    Caption="Main Menu"
                    UseWholeRow="True">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerType="Top" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarSubItemLink BarItemName="fileBarSubItem"   />
                        <dxb:BarSubItemLink BarItemName="formatBarSubItem" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
                <dxb:Bar
                    Caption="Format"
                    AllowCollapse="True">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerType="Left" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarCheckItemLink BarItemName="boldBarCheckItem" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
            </dxb:BarManager.Bars>
            <TextBox Text="Sample text" />
        </dxb:BarManager>
    </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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

Width="800"

Height="600"

Title="BarManager 클래스 : 버튼 항목과 하위 메뉴를 갖는 2개의 BAR 생성하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxb:BarManager x:Name="barManager"

CreateStandardLayout="True">

<dxb:BarManager.Items>

<dxb:BarCheckItem x:Name="boldBarCheckItem"

Glyph="pack://application:,,,/Image/bold16x16.png"

Content="Bold"

CheckedChanged="boldBarCheckItem_CheckChanged" />

<dxb:BarButtonItem x:Name="exitBarButtonItem"

Content="Exit"

ItemClick="exitBarButtonItem_ItemClick"/>

<dxb:BarSubItem x:Name="fileBarSubItem"

Content="File">

<dxb:BarSubItem.ItemLinks>

<dxb:BarButtonItemLink BarItemName="exitBarButtonItem"/>

</dxb:BarSubItem.ItemLinks>

</dxb:BarSubItem>

<dxb:BarSubItem x:Name="formatBarSubItem"

Content="Format">

<dxb:BarSubItem.ItemLinks>

<dxb:BarCheckItemLink BarItemName="boldBarCheckItem" />

</dxb:BarSubItem.ItemLinks>

</dxb:BarSubItem>

</dxb:BarManager.Items>

<dxb:BarManager.Bars>

<dxb:Bar

IsMainMenu="True"

Caption="Main Menu"

UseWholeRow="True">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Top" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarSubItemLink BarItemName="fileBarSubItem" />

<dxb:BarSubItemLink BarItemName="formatBarSubItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

<dxb:Bar

Caption="Format"

AllowCollapse="True">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Left" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarCheckItemLink BarItemName="boldBarCheckItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

</dxb:BarManager.Bars>

</dxb:BarManager>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

using DevExpress.Xpf.Bars;

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

        #region 생성자 - MainWindow()

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

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region Bold 막대 체크 항목 체크 변경시 처리하기 - boldBarCheckItem_CheckChanged(sender, e)

        /// <summary>
        /// Bold 막대 체크 항목 체크 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void boldBarCheckItem_CheckChanged(object sender, ItemClickEventArgs e)
        {
            MessageBox.Show("'Bold' has been clicked: " + (sender as BarCheckItem).IsChecked.ToString());
        }

        #endregion
        #region Exit 막대 버튼 항목 항목 클릭시 처리하기 - exitBarButtonItem_ItemClick(sender, e)

        /// <summary>
        /// Exit 막대 버튼 항목 항목 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void exitBarButtonItem_ItemClick(object sender, ItemClickEventArgs e)
        {
            MessageBox.Show("'Exit' has been clicked");
        }

        #endregion
    }
}

using System.Windows;

using DevExpress.Xpf.Bars;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

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

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

#region Bold 막대 체크 항목 체크 변경시 처리하기 - boldBarCheckItem_CheckChanged(sender, e)

/// <summary>

/// Bold 막대 체크 항목 체크 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void boldBarCheckItem_CheckChanged(object sender, ItemClickEventArgs e)

{

MessageBox.Show("'Bold' has been clicked: " + (sender as BarCheckItem).IsChecked.ToString());

}

#endregion

#region Exit 막대 버튼 항목 항목 클릭시 처리하기 - exitBarButtonItem_ItemClick(sender, e)

/// <summary>

/// Exit 막대 버튼 항목 항목 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void exitBarButtonItem_ItemClick(object sender, ItemClickEventArgs e)

{

MessageBox.Show("'Exit' has been clicked");

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] BarManager 클래스 : 하위 메뉴 및 내장 에디터를 포함하는 BAR 생성하기

■ BarManager 클래스에서 하위 메뉴 및 내장 에디터를 포함하는 BAR를 생성하는 방법을 보여준다. ▶ 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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    Width="800"
    Height="600"
    Title="BarManager 클래스 : 하위 메뉴 및 내장 에디터를 포함하는 BAR 생성하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxb:BarManager>
            <dxb:BarManager.Items>
                <dxb:BarSubItem x:Name="editBarSubItem"
                    Content="Edit">
                    <dxb:BarButtonItemLink BarItemName="copyBarButtonItem" />
                    <dxb:BarCheckItemLink  BarItemName="boldBarCheckItem"  />
                </dxb:BarSubItem>
                <dxb:BarButtonItem x:Name="copyBarButtonItem"
                    Content="Copy"
                    Glyph="pack://application:,,,/DevExpress.Images.v13.2;component/Images/Edit/Copy_16x16.png"
                    ItemClick="copyBarButtonItem_ItemClick" />
                <dxb:BarCheckItem x:Name="boldBarCheckItem"
                    Content="Bold"
                    Glyph="pack://application:,,,/DevExpress.Images.v13.2;component/Images/Format/Bold_16x16.png"
                    CheckedChanged="boldBarCheckItem_CheckedChanged" />
                <dxb:BarEditItem x:Name="textBarEditItem"
                    EditWidth="100"
                    EditValue="text">
                    <dxb:BarEditItem.EditSettings>
                        <dxe:TextEditSettings x:Name="textEditSettings" />
                    </dxb:BarEditItem.EditSettings>
                </dxb:BarEditItem>
            </dxb:BarManager.Items>
            <dxb:BarManager.Bars>
                <dxb:Bar x:Name="mainMenuBar"
                    Caption="Main Menu"
                    IsMainMenu="True">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerType="Top"/>
                    </dxb:Bar.DockInfo>
                    <dxb:BarEditItemLink BarItemName="textBarEditItem" />
                </dxb:Bar>
                <dxb:Bar Caption="Bar 1">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerType="Top" />
                    </dxb:Bar.DockInfo>
                    <dxb:BarSubItemLink BarItemName="editBarSubItem" />
                </dxb:Bar>
                <dxb:Bar x:Name="statusBar"
                    Caption="Status Bar"
                    IsStatusBar="True">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerType="Bottom" />
                    </dxb:Bar.DockInfo>
                </dxb:Bar>
            </dxb:BarManager.Bars>
            <DockPanel>
                <RichTextBox>
                    <FlowDocument>
                        <Paragraph>
                            <Run Text="RichTextBox" />
                        </Paragraph>
                    </FlowDocument>
                </RichTextBox>
            </DockPanel>
        </dxb:BarManager>
    </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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"

Width="800"

Height="600"

Title="BarManager 클래스 : 하위 메뉴 및 내장 에디터를 포함하는 BAR 생성하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxb:BarManager>

<dxb:BarManager.Items>

<dxb:BarSubItem x:Name="editBarSubItem"

Content="Edit">

<dxb:BarButtonItemLink BarItemName="copyBarButtonItem" />

<dxb:BarCheckItemLink BarItemName="boldBarCheckItem" />

</dxb:BarSubItem>

<dxb:BarButtonItem x:Name="copyBarButtonItem"

Content="Copy"

Glyph="pack://application:,,,/DevExpress.Images.v13.2;component/Images/Edit/Copy_16x16.png"

ItemClick="copyBarButtonItem_ItemClick" />

<dxb:BarCheckItem x:Name="boldBarCheckItem"

Content="Bold"

Glyph="pack://application:,,,/DevExpress.Images.v13.2;component/Images/Format/Bold_16x16.png"

CheckedChanged="boldBarCheckItem_CheckedChanged" />

<dxb:BarEditItem x:Name="textBarEditItem"

EditWidth="100"

EditValue="text">

<dxb:BarEditItem.EditSettings>

<dxe:TextEditSettings x:Name="textEditSettings" />

</dxb:BarEditItem.EditSettings>

</dxb:BarEditItem>

</dxb:BarManager.Items>

<dxb:BarManager.Bars>

<dxb:Bar x:Name="mainMenuBar"

Caption="Main Menu"

IsMainMenu="True">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Top"/>

</dxb:Bar.DockInfo>

<dxb:BarEditItemLink BarItemName="textBarEditItem" />

</dxb:Bar>

<dxb:Bar Caption="Bar 1">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Top" />

</dxb:Bar.DockInfo>

<dxb:BarSubItemLink BarItemName="editBarSubItem" />

</dxb:Bar>

<dxb:Bar x:Name="statusBar"

Caption="Status Bar"

IsStatusBar="True">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Bottom" />

</dxb:Bar.DockInfo>

</dxb:Bar>

</dxb:BarManager.Bars>

</Paragraph>

</FlowDocument>

</RichTextBox>

</DockPanel>

</dxb:BarManager>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

using DevExpress.Xpf.Bars;

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

        #region 생성자 - MainWindow()

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

            this.textBarEditItem.EditValueChanged += textBarEditItem_EditValueChanged;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Copy 막대 버튼 항목 항목 클릭시 처리하기 - copyBarButtonItem_ItemClick(sender, e)

        /// <summary>
        /// Copy 막대 버튼 항목 항목 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void copyBarButtonItem_ItemClick(object sender, ItemClickEventArgs e)
        {
            MessageBox.Show((e.Item.Content as string) + " 항목이 클릭되었습니다.");
        }

        #endregion
        #region Bold 막대 체크 항목 체크 변경시 처리하기 - boldBarCheckItem_CheckedChanged(sender, e)

        /// <summary>
        /// Bold 막대 체크 항목 체크 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void boldBarCheckItem_CheckedChanged(object sender, ItemClickEventArgs e)
        {
            BarCheckItem barCheckItem = e.Item as BarCheckItem;

            string content = e.Item.Content as string;

            if(barCheckItem.IsChecked.Value)
            {
                MessageBox.Show(content + " 항목이 체크되었습니다.");
            }
            else
            {
                MessageBox.Show(content + " 항목이 체크 해제되었습니다.");
            }
        }

        #endregion
        #region 텍스트 막대 편집 항목 편집 값 변경시 처리하기 - textBarEditItem_EditValueChanged(sender, e)

        /// <summary>
        /// 텍스트 막대 편집 항목 편집 값 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void textBarEditItem_EditValueChanged(object sender, RoutedEventArgs e)
        {
            BarEditItem barEditItem = sender as BarEditItem;

            MessageBox.Show(barEditItem.EditValue.ToString());
        }

        #endregion
    }
}

using System.Windows;

using DevExpress.Xpf.Bars;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.textBarEditItem.EditValueChanged += textBarEditItem_EditValueChanged;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Copy 막대 버튼 항목 항목 클릭시 처리하기 - copyBarButtonItem_ItemClick(sender, e)

/// <summary>

/// Copy 막대 버튼 항목 항목 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void copyBarButtonItem_ItemClick(object sender, ItemClickEventArgs e)

{

MessageBox.Show((e.Item.Content as string) + " 항목이 클릭되었습니다.");

}

#endregion

#region Bold 막대 체크 항목 체크 변경시 처리하기 - boldBarCheckItem_CheckedChanged(sender, e)

/// <summary>

/// Bold 막대 체크 항목 체크 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void boldBarCheckItem_CheckedChanged(object sender, ItemClickEventArgs e)

{

BarCheckItem barCheckItem = e.Item as BarCheckItem;

string content = e.Item.Content as string;

if(barCheckItem.IsChecked.Value)

{

MessageBox.Show(content + " 항목이 체크되었습니다.");

}

else

{

MessageBox.Show(content + " 항목이 체크 해제되었습니다.");

}

#endregion

#region 텍스트 막대 편집 항목 편집 값 변경시 처리하기 - textBarEditItem_EditValueChanged(sender, e)

/// <summary>

/// 텍스트 막대 편집 항목 편집 값 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void textBarEditItem_EditValueChanged(object sender, RoutedEventArgs e)

{

BarEditItem barEditItem = sender as BarEditItem;

MessageBox.Show(barEditItem.EditValue.ToString());

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] BarManager 클래스 : BarSplitButtonItem 항목 생성하기

■ BarManager 클래스에서 BarSplitButtonItem 항목을 생성하는 방법을 보여준다. ▶ 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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    Width="800"
    Height="600"
    Title="BarSplitButtonItem 항목 생성하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxb:BarManager x:Name="barManager"
            CreateStandardLayout="True">
            <dxb:BarManager.Items>
                <dxb:BarSplitButtonItem x:Name="fontColorBarSplitButtonItem"
                    ArrowAlignment="Top"
                    Glyph="pack://application:,,,/Image/fontcolor16x16.png"
                    Content="FontColor"
                    ItemClick="fontColorBarSplitButtonItem_ItemClick">
                    <dxb:BarSplitButtonItem.PopupControl>
                        <dxb:PopupControlContainer>
                            <UserControl>
                                <dxe:ColorChooser />
                            </UserControl>
                        </dxb:PopupControlContainer>
                    </dxb:BarSplitButtonItem.PopupControl>
                </dxb:BarSplitButtonItem>
            </dxb:BarManager.Items>
            <dxb:BarManager.Bars>
                <dxb:Bar x:Name="bar"
                    Caption="Bar 1">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerType="Top" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarSplitButtonItemLink BarItemName="fontColorBarSplitButtonItem" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
            </dxb:BarManager.Bars>
            <RichTextBox />
        </dxb:BarManager>
    </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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"

Width="800"

Height="600"

Title="BarSplitButtonItem 항목 생성하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxb:BarManager x:Name="barManager"

CreateStandardLayout="True">

<dxb:BarManager.Items>

<dxb:BarSplitButtonItem x:Name="fontColorBarSplitButtonItem"

ArrowAlignment="Top"

Glyph="pack://application:,,,/Image/fontcolor16x16.png"

Content="FontColor"

ItemClick="fontColorBarSplitButtonItem_ItemClick">

<dxb:BarSplitButtonItem.PopupControl>

<dxb:PopupControlContainer>

<dxe:ColorChooser />

</UserControl>

</dxb:PopupControlContainer>

</dxb:BarSplitButtonItem.PopupControl>

</dxb:BarSplitButtonItem>

</dxb:BarManager.Items>

<dxb:BarManager.Bars>

<dxb:Bar x:Name="bar"

Caption="Bar 1">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Top" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarSplitButtonItemLink BarItemName="fontColorBarSplitButtonItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

</dxb:BarManager.Bars>

</dxb:BarManager>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;

using DevExpress.Xpf.Bars;
using DevExpress.Xpf.Editors;

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

        #region 생성자 - MainWindow()

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

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 폰트 색상 막대 분리 버튼 항목 항목 클릭시 처리하기 - fontColorBarSplitButtonItem_ItemClick(sender, e)

        /// <summary>
        /// 폰트 색상 막대 분리 버튼 항목 항목 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void fontColorBarSplitButtonItem_ItemClick(object sender, ItemClickEventArgs e)
        {
            PopupControlContainer popupControlContainer = (e.Item as BarSplitButtonItem).PopupControl as PopupControlContainer;

            Color color = ((popupControlContainer.Content as UserControl).Content as ColorChooser).Color;

            MessageBox.Show("Color is applied: " + color.ToString());
        }

        #endregion
    }
}

using System.Windows;

using System.Windows.Controls;

using System.Windows.Media;

using DevExpress.Xpf.Bars;

using DevExpress.Xpf.Editors;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 폰트 색상 막대 분리 버튼 항목 항목 클릭시 처리하기 - fontColorBarSplitButtonItem_ItemClick(sender, e)

/// <summary>

/// 폰트 색상 막대 분리 버튼 항목 항목 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void fontColorBarSplitButtonItem_ItemClick(object sender, ItemClickEventArgs e)

{

PopupControlContainer popupControlContainer = (e.Item as BarSplitButtonItem).PopupControl as PopupControlContainer;

Color color = ((popupControlContainer.Content as UserControl).Content as ColorChooser).Color;

MessageBox.Show("Color is applied: " + color.ToString());

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] BarManager 클래스 : BarStaticItem 항목 생성하기

■ BarManager 클래스에서 BarStaticItem 항목을 생성하는 방법을 보여준다. ▶ 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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
    Width="800"
    Height="600"
    Title="BarStaticItem 항목 생성하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxb:BarManager x:Name="barManager" CreateStandardLayout="True">
            <dxb:BarManager.Items>
                <dxb:BarButtonItem x:Name="copyBarButtonItem"         Content="Copy"  Glyph="pack://application:,,,/Image/copy16x16.png"  />
                <dxb:BarButtonItem x:Name="pasteBarButtonItem"        Content="Paste" Glyph="pack://application:,,,/Image/paste16x16.png" />
                <dxb:BarButtonItem x:Name="undoBarButtonItem"         Content="Undo"  Glyph="pack://application:,,,/Image/undo16x16.png"  />
                <dxb:BarButtonItem x:Name="redoBarButtonItem"         Content="Redo"  Glyph="pack://application:,,,/Image/redo16x16.png"  />
                <dxb:BarStaticItem x:Name="documentNameBarStaticItem" Content="Document Name : " AutoSizeMode="Fill" />
                <dxb:BarStaticItem x:Name="itemLineBarStaticItem"     Content="Line : "                              />
            </dxb:BarManager.Items>
            <dxb:BarManager.Bars>
                <dxb:Bar x:Name="mainMenuBar"
                    IsMainMenu="True"
                    UseWholeRow="True"
                    Caption="Main Menu">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerType="Top" Row="0" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarButtonItemLink BarItemName="undoBarButtonItem"  />
                        <dxb:BarButtonItemLink BarItemName="redoBarButtonItem"  />
                        <dxb:BarButtonItemLink BarItemName="copyBarButtonItem"  />
                        <dxb:BarButtonItemLink BarItemName="pasteBarButtonItem" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
                <dxb:Bar x:Name="statusBar"
                    IsStatusBar="True"
                    UseWholeRow="True"
                    Caption="Status Bar">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerType="Bottom" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarStaticItemLink BarItemName="itemLineBarStaticItem"     />
                        <dxb:BarStaticItemLink BarItemName="documentNameBarStaticItem" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
            </dxb:BarManager.Bars>
            <RichTextBox x:Name="richTextBox" />
        </dxb:BarManager>
    </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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

Width="800"

Height="600"

Title="BarStaticItem 항목 생성하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxb:BarManager x:Name="barManager" CreateStandardLayout="True">

<dxb:BarManager.Items>

<dxb:BarButtonItem x:Name="copyBarButtonItem" Content="Copy" Glyph="pack://application:,,,/Image/copy16x16.png" />

<dxb:BarButtonItem x:Name="pasteBarButtonItem" Content="Paste" Glyph="pack://application:,,,/Image/paste16x16.png" />

<dxb:BarButtonItem x:Name="undoBarButtonItem" Content="Undo" Glyph="pack://application:,,,/Image/undo16x16.png" />

<dxb:BarButtonItem x:Name="redoBarButtonItem" Content="Redo" Glyph="pack://application:,,,/Image/redo16x16.png" />

<dxb:BarStaticItem x:Name="documentNameBarStaticItem" Content="Document Name : " AutoSizeMode="Fill" />

<dxb:BarStaticItem x:Name="itemLineBarStaticItem" Content="Line : " />

</dxb:BarManager.Items>

<dxb:BarManager.Bars>

<dxb:Bar x:Name="mainMenuBar"

IsMainMenu="True"

UseWholeRow="True"

Caption="Main Menu">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Top" Row="0" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarButtonItemLink BarItemName="undoBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="redoBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="copyBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="pasteBarButtonItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

<dxb:Bar x:Name="statusBar"

IsStatusBar="True"

UseWholeRow="True"

Caption="Status Bar">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Bottom" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarStaticItemLink BarItemName="itemLineBarStaticItem" />

<dxb:BarStaticItemLink BarItemName="documentNameBarStaticItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

</dxb:BarManager.Bars>

</dxb:BarManager>

</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();

            this.richTextBox.SelectionChanged += richTextBox_SelectionChanged;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 리치 텍스트 박스 선택 변경시 처리하기 - richTextBox_SelectionChanged(sender, e)

        /// <summary>
        /// 리치 텍스트 박스 선택 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void richTextBox_SelectionChanged(object sender, RoutedEventArgs e)
        {
            int line   = 0;
            int column = 0;

            this.richTextBox.CaretPosition.GetLineStartPosition(-100000, out line);

            column = this.richTextBox.CaretPosition.GetOffsetToPosition(this.richTextBox.CaretPosition.GetLineStartPosition(0));

            this.itemLineBarStaticItem.Content = "Line : " + (-line).ToString() + "  Position : " + (-column).ToString();
        }

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.richTextBox.SelectionChanged += richTextBox_SelectionChanged;

}

#endregion

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

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

#region 리치 텍스트 박스 선택 변경시 처리하기 - richTextBox_SelectionChanged(sender, e)

/// <summary>

/// 리치 텍스트 박스 선택 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void richTextBox_SelectionChanged(object sender, RoutedEventArgs e)

{

int line = 0;

int column = 0;

this.richTextBox.CaretPosition.GetLineStartPosition(-100000, out line);

column = this.richTextBox.CaretPosition.GetOffsetToPosition(this.richTextBox.CaretPosition.GetLineStartPosition(0));

this.itemLineBarStaticItem.Content = "Line : " + (-line).ToString() + " Position : " + (-column).ToString();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] BarManager 클래스 : 에디터 내장하기

■ BarManager 클래스에서 에디터를 내장하는 방법을 보여준다. ▶ 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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    Width="800"
    Height="600"
    Title="에디터 내장하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxb:BarManager x:Name="barManager">
            <dxb:BarManager.Items>
                <dxb:BarEditItem x:Name="dateBarEditItem"
                    Content="Date"
                    EditValue="2014/03/01">
                    <dxb:BarEditItem.EditSettings>
                        <dxe:DateEditSettings />
                    </dxb:BarEditItem.EditSettings>
                </dxb:BarEditItem>
                <dxb:BarEditItem x:Name="valueBarEditItem"
                    Content="Value"
                    EditWidth="50"
                    EditValue="123">
                    <dxb:BarEditItem.EditSettings>
                        <dxe:SpinEditSettings />
                    </dxb:BarEditItem.EditSettings>
                </dxb:BarEditItem>
            </dxb:BarManager.Items>
            <dxb:BarManager.Bars>
                <dxb:Bar Caption="Main">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerType="Top" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarEditItemLink BarItemName="dateBarEditItem"  />
                        <dxb:BarEditItemLink BarItemName="valueBarEditItem" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
            </dxb:BarManager.Bars>
            <DockPanel x:Name="dockPanel" LastChildFill="False">
                <dxb:BarContainerControl x:Name="topBarContainerControl"
                    DockPanel.Dock="Top"
                    ContainerType="Top"/>
            </DockPanel>
        </dxb:BarManager>
    </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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"

Width="800"

Height="600"

Title="에디터 내장하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxb:BarManager x:Name="barManager">

<dxb:BarManager.Items>

<dxb:BarEditItem x:Name="dateBarEditItem"

Content="Date"

EditValue="2014/03/01">

<dxb:BarEditItem.EditSettings>

<dxe:DateEditSettings />

</dxb:BarEditItem.EditSettings>

</dxb:BarEditItem>

<dxb:BarEditItem x:Name="valueBarEditItem"

Content="Value"

EditWidth="50"

EditValue="123">

<dxb:BarEditItem.EditSettings>

<dxe:SpinEditSettings />

</dxb:BarEditItem.EditSettings>

</dxb:BarEditItem>

</dxb:BarManager.Items>

<dxb:BarManager.Bars>

<dxb:Bar Caption="Main">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Top" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarEditItemLink BarItemName="dateBarEditItem" />

<dxb:BarEditItemLink BarItemName="valueBarEditItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

</dxb:BarManager.Bars>

<dxb:BarContainerControl x:Name="topBarContainerControl"

DockPanel.Dock="Top"

ContainerType="Top"/>

</DockPanel>

</dxb:BarManager>

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

[C#/WPF/DEVEXPRESS] BarManager 클래스 : BarLinkContainerItem 생성하기

■ BarManager 클래스의 BarLinkContainerItem을 생성하는 방법을 보여준다. ▶ 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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
    Width="800"
    Height="600"
    Title="BarLinkContainerItem 생성하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxb:BarManager x:Name="barManager"
            CreateStandardLayout="True">
            <dxb:BarManager.Items>
                <dxb:BarButtonItem x:Name="cutBarButtonItem"   Content="Cut"   Glyph="pack://application:,,,/Image/cut16x16.png"   />
                <dxb:BarButtonItem x:Name="copyBarButtonItem"  Content="Copy"  Glyph="pack://application:,,,/Image/copy16x16.png"  />
                <dxb:BarButtonItem x:Name="pasteBarButtonItem" Content="Paste" Glyph="pack://application:,,,/Image/paste16x16.png" />
                <dxb:BarButtonItem x:Name="undoBarButtonItem"  Content="Undo"  Glyph="pack://application:,,,/Image/undo16x16.png"  />
                <dxb:BarButtonItem x:Name="redoBarButtonItem"  Content="Redo"  Glyph="pack://application:,,,/Image/redo16x16.png"  />
                <dxb:BarLinkContainerItem x:Name="barLinkContainerItem"
                    Content="Edit Commands">
                    <dxb:BarLinkContainerItem.ItemLinks>
                        <dxb:BarButtonItemLink BarItemName="cutBarButtonItem"   />
                        <dxb:BarButtonItemLink BarItemName="copyBarButtonItem"  />
                        <dxb:BarButtonItemLink BarItemName="pasteBarButtonItem" />
                    </dxb:BarLinkContainerItem.ItemLinks>
                </dxb:BarLinkContainerItem>
                <dxb:BarSubItem x:Name="editBarSubItem"
                    Content="Edit">
                    <dxb:BarSubItem.ItemLinks>
                        <dxb:BarLinkContainerItemLink BarItemName="barLinkContainerItem" />
                    </dxb:BarSubItem.ItemLinks>
                </dxb:BarSubItem>
            </dxb:BarManager.Items>
            <dxb:BarManager.Bars>
                <dxb:Bar x:Name="bar"
                    Caption="Bar 1">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerType="Top" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarLinkContainerItemLink BarItemName="barLinkContainerItem" />
                        <dxb:BarItemLinkSeparator />
                        <dxb:BarButtonItemLink BarItemName="undoBarButtonItem" />
                        <dxb:BarButtonItemLink BarItemName="redoBarButtonItem" />
                        <dxb:BarItemLinkSeparator />
                        <dxb:BarSubItemLink BarItemName="editBarSubItem" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
            </dxb:BarManager.Bars>
            <RichTextBox />
        </dxb:BarManager>
    </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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

Width="800"

Height="600"

Title="BarLinkContainerItem 생성하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxb:BarManager x:Name="barManager"

CreateStandardLayout="True">

<dxb:BarManager.Items>

<dxb:BarButtonItem x:Name="cutBarButtonItem" Content="Cut" Glyph="pack://application:,,,/Image/cut16x16.png" />

<dxb:BarButtonItem x:Name="copyBarButtonItem" Content="Copy" Glyph="pack://application:,,,/Image/copy16x16.png" />

<dxb:BarButtonItem x:Name="pasteBarButtonItem" Content="Paste" Glyph="pack://application:,,,/Image/paste16x16.png" />

<dxb:BarButtonItem x:Name="undoBarButtonItem" Content="Undo" Glyph="pack://application:,,,/Image/undo16x16.png" />

<dxb:BarButtonItem x:Name="redoBarButtonItem" Content="Redo" Glyph="pack://application:,,,/Image/redo16x16.png" />

<dxb:BarLinkContainerItem x:Name="barLinkContainerItem"

Content="Edit Commands">

<dxb:BarLinkContainerItem.ItemLinks>

<dxb:BarButtonItemLink BarItemName="cutBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="copyBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="pasteBarButtonItem" />

</dxb:BarLinkContainerItem.ItemLinks>

</dxb:BarLinkContainerItem>

<dxb:BarSubItem x:Name="editBarSubItem"

Content="Edit">

<dxb:BarSubItem.ItemLinks>

<dxb:BarLinkContainerItemLink BarItemName="barLinkContainerItem" />

</dxb:BarSubItem.ItemLinks>

</dxb:BarSubItem>

</dxb:BarManager.Items>

<dxb:BarManager.Bars>

<dxb:Bar x:Name="bar"

Caption="Bar 1">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Top" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarLinkContainerItemLink BarItemName="barLinkContainerItem" />

<dxb:BarItemLinkSeparator />

<dxb:BarButtonItemLink BarItemName="undoBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="redoBarButtonItem" />

<dxb:BarItemLinkSeparator />

<dxb:BarSubItemLink BarItemName="editBarSubItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

</dxb:BarManager.Bars>

</dxb:BarManager>

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

[C#/WPF/DEVEXPRESS] BarManager 클래스 : ToolbarItemList 항목 생성하기

■ BarManager 클래스에서 ToolbarItemList 항목을 생성하는 방법을 보여준다. ▶ 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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
    Width="800"
    Height="600"
    Title="ToolbarItemList 항목 생성하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxb:BarManager x:Name="barManager"
            CreateStandardLayout="True"
            MenuGlyphSize="Small"
            ToolbarGlyphSize="Small">
            <dxb:BarManager.Items>
                <dxb:BarButtonItem   x:Name="cutBarButtonItem"   Content="Cut"    Glyph="pack://application:,,,/Image/cut16x16.png"   />
                <dxb:BarButtonItem   x:Name="copyBarButtonItem"  Content="Delete" Glyph="pack://application:,,,/Image/copy16x16.png"  />
                <dxb:BarButtonItem   x:Name="pasteBarButtonItem" Content="Paste"  Glyph="pack://application:,,,/Image/paste16x16.png" />
                <dxb:BarButtonItem   x:Name="undoBarButtonItem"  Content="Undo"   Glyph="pack://application:,,,/Image/undo16x16.png"  />
                <dxb:BarButtonItem   x:Name="redoBarButtonItem"  Content="Redo"   Glyph="pack://application:,,,/Image/redo16x16.png"  />
                <dxb:ToolbarListItem x:Name="toolbarListItem"
                    Content="Toolbar list"
                    ListItemType="ShowBarsAndItems" />
                <dxb:BarSubItem x:Name="toolbarBarSubItem"
                    Content="Toolbars">
                    <dxb:BarSubItem.ItemLinks>
                        <dxb:ToolbarListItemLink BarItemName="toolbarListItem" />
                    </dxb:BarSubItem.ItemLinks>
                </dxb:BarSubItem>
            </dxb:BarManager.Items>
            <dxb:BarManager.Bars>
                <dxb:Bar x:Name="mainMenuBar"
                    IsMainMenu="True"
                    Caption="Main Menu">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo
                            ContainerType="Top"
                            Row="0" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarSubItemLink BarItemName="toolbarBarSubItem" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
                <dxb:Bar x:Name="bar1"
                    Caption="Bar 1">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo
                            ContainerType="Top"
                            Row="1" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarButtonItemLink BarItemName="undoBarButtonItem" />
                        <dxb:BarButtonItemLink BarItemName="redoBarButtonItem" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
                <dxb:Bar x:Name="bar2"
                    Caption="Bar 2">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerType="Top" Row="1" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarButtonItemLink BarItemName="cutBarButtonItem"   />
                        <dxb:BarButtonItemLink BarItemName="copyBarButtonItem"  />
                        <dxb:BarButtonItemLink BarItemName="pasteBarButtonItem" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
            </dxb:BarManager.Bars>
            <RichTextBox />
        </dxb:BarManager>
    </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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

Width="800"

Height="600"

Title="ToolbarItemList 항목 생성하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxb:BarManager x:Name="barManager"

CreateStandardLayout="True"

MenuGlyphSize="Small"

ToolbarGlyphSize="Small">

<dxb:BarManager.Items>

<dxb:BarButtonItem x:Name="cutBarButtonItem" Content="Cut" Glyph="pack://application:,,,/Image/cut16x16.png" />

<dxb:BarButtonItem x:Name="copyBarButtonItem" Content="Delete" Glyph="pack://application:,,,/Image/copy16x16.png" />

<dxb:BarButtonItem x:Name="pasteBarButtonItem" Content="Paste" Glyph="pack://application:,,,/Image/paste16x16.png" />

<dxb:BarButtonItem x:Name="undoBarButtonItem" Content="Undo" Glyph="pack://application:,,,/Image/undo16x16.png" />

<dxb:BarButtonItem x:Name="redoBarButtonItem" Content="Redo" Glyph="pack://application:,,,/Image/redo16x16.png" />

<dxb:ToolbarListItem x:Name="toolbarListItem"

Content="Toolbar list"

ListItemType="ShowBarsAndItems" />

<dxb:BarSubItem x:Name="toolbarBarSubItem"

Content="Toolbars">

<dxb:BarSubItem.ItemLinks>

<dxb:ToolbarListItemLink BarItemName="toolbarListItem" />

</dxb:BarSubItem.ItemLinks>

</dxb:BarSubItem>

</dxb:BarManager.Items>

<dxb:BarManager.Bars>

<dxb:Bar x:Name="mainMenuBar"

IsMainMenu="True"

Caption="Main Menu">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo

ContainerType="Top"

Row="0" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarSubItemLink BarItemName="toolbarBarSubItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

<dxb:Bar x:Name="bar1"

Caption="Bar 1">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo

ContainerType="Top"

Row="1" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarButtonItemLink BarItemName="undoBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="redoBarButtonItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

<dxb:Bar x:Name="bar2"

Caption="Bar 2">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Top" Row="1" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarButtonItemLink BarItemName="cutBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="copyBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="pasteBarButtonItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

</dxb:BarManager.Bars>

</dxb:BarManager>

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

[C#/WPF/DEVEXPRESS] BarManager 클래스 : BAR 항목 생성하고 카테고리와 결합하기

■ BarManager 클래스에서 BAR 항목 생성하고 카테고리와 결합하는 방법을 보여준다. ▶ 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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
    Width="800"
    Height="600"
    Title="BAR 항목 생성하고 카테고리와 결합하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxb:BarManager x:Name="barManager">
            <dxb:BarManager.Categories>
                <dxb:BarManagerCategory Name="Format Category" />
            </dxb:BarManager.Categories>
            <dxb:BarManager.Items>
                <dxb:BarCheckItem x:Name="boldBarCheckItem"
                    CategoryName="Format Category"
                    Glyph="pack://application:,,,/Image/bold16x16.png"
                    LargeGlyph="pack://application:,,,/Image/bold32x32.png"
                    GlyphSize="Small"
                    Content="Bold"
                    CheckedChanged="boldBarCheckItem_CheckChanged" />
            </dxb:BarManager.Items>
            <dxb:BarManager.Bars>
                <dxb:Bar x:Name="formatBar"
                    Caption="Format">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo
                            ContainerType="Top"
                            Row="0" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarCheckItemLink BarItemName="boldBarCheckItem" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
            </dxb:BarManager.Bars>
            <DockPanel x:Name="dockPanel"
                LastChildFill="False">
                <dxb:BarContainerControl x:Name="barContainerControl"
                    DockPanel.Dock="Top"
                    ContainerType="Top">
                </dxb:BarContainerControl>
            </DockPanel>
        </dxb:BarManager>
    </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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

Width="800"

Height="600"

Title="BAR 항목 생성하고 카테고리와 결합하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxb:BarManager x:Name="barManager">

<dxb:BarManager.Categories>

<dxb:BarManagerCategory Name="Format Category" />

</dxb:BarManager.Categories>

<dxb:BarManager.Items>

<dxb:BarCheckItem x:Name="boldBarCheckItem"

CategoryName="Format Category"

Glyph="pack://application:,,,/Image/bold16x16.png"

LargeGlyph="pack://application:,,,/Image/bold32x32.png"

GlyphSize="Small"

Content="Bold"

CheckedChanged="boldBarCheckItem_CheckChanged" />

</dxb:BarManager.Items>

<dxb:BarManager.Bars>

<dxb:Bar x:Name="formatBar"

Caption="Format">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo

ContainerType="Top"

Row="0" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarCheckItemLink BarItemName="boldBarCheckItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

</dxb:BarManager.Bars>

<DockPanel x:Name="dockPanel"

LastChildFill="False">

<dxb:BarContainerControl x:Name="barContainerControl"

DockPanel.Dock="Top"

ContainerType="Top">

</dxb:BarContainerControl>

</DockPanel>

</dxb:BarManager>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System;
using System.Windows;
using System.Windows.Media.Imaging;

using DevExpress.Xpf.Bars;

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

        #region 생성자 - MainWindow()

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

            BitmapImage italicBitmapImage      = new BitmapImage(new Uri("pack://application:,,/Image/italic16x16.png"));
            BitmapImage italicLargeBitmapImage = new BitmapImage(new Uri("pack://application:,,/Image/italic32x32.png"));

            BarCheckItem italicBarCheckItem = new BarCheckItem()
            {
                Content    = "Italic",
                Glyph      = italicBitmapImage,
                LargeGlyph = italicLargeBitmapImage,
                GlyphSize  = GlyphSize.Small
            };

            italicBarCheckItem.CheckedChanged += new ItemClickEventHandler(italicBarCheckItem_CheckedChanged);

            this.barManager.Items.Add(italicBarCheckItem);

            this.barManager.Bars["formatBar"].ItemLinks.Add(italicBarCheckItem.CreateLink());

            BarManagerCategory barManagerCategory = new BarManagerCategory() { Name = "My category" };

            this.barManager.Categories.Add(barManagerCategory);

            italicBarCheckItem.Category = barManagerCategory;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Bold Bar 체크 항목 체크 변경시 처리하기 - boldBarCheckItem_CheckChanged(sender, e)

        /// <summary>
        /// Bold Bar 체크 항목 체크 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void boldBarCheckItem_CheckChanged(object sender, ItemClickEventArgs e)
        {
        }

        #endregion
        #region Italic Bar 체크 항목 체크 변경시 처리하기 - italicBarCheckItem_CheckedChanged(sender, e)

        /// <summary>
        /// Italic Bar 체크 항목 체크 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void italicBarCheckItem_CheckedChanged(object sender, ItemClickEventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Windows;

using System.Windows.Media.Imaging;

using DevExpress.Xpf.Bars;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

BitmapImage italicBitmapImage = new BitmapImage(new Uri("pack://application:,,/Image/italic16x16.png"));

BitmapImage italicLargeBitmapImage = new BitmapImage(new Uri("pack://application:,,/Image/italic32x32.png"));

BarCheckItem italicBarCheckItem = new BarCheckItem()

{

Content = "Italic",

Glyph = italicBitmapImage,

LargeGlyph = italicLargeBitmapImage,

GlyphSize = GlyphSize.Small

};

italicBarCheckItem.CheckedChanged += new ItemClickEventHandler(italicBarCheckItem_CheckedChanged);

this.barManager.Items.Add(italicBarCheckItem);

this.barManager.Bars["formatBar"].ItemLinks.Add(italicBarCheckItem.CreateLink());

BarManagerCategory barManagerCategory = new BarManagerCategory() { Name = "My category" };

this.barManager.Categories.Add(barManagerCategory);

italicBarCheckItem.Category = barManagerCategory;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Bold Bar 체크 항목 체크 변경시 처리하기 - boldBarCheckItem_CheckChanged(sender, e)

/// <summary>

/// Bold Bar 체크 항목 체크 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void boldBarCheckItem_CheckChanged(object sender, ItemClickEventArgs e)

{

}

#endregion

#region Italic Bar 체크 항목 체크 변경시 처리하기 - italicBarCheckItem_CheckedChanged(sender, e)

/// <summary>

/// Italic Bar 체크 항목 체크 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void italicBarCheckItem_CheckedChanged(object sender, ItemClickEventArgs e)

{

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] BarManager 클래스 : BAR 커스텀 액션 정의하기

■ BarManager 클래스에서 BAR 커스텀 액션을 정의하는 방법을 보여준다. ▶ 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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
    Width="800"
    Height="600"
    Title="BAR 커스텀 액션 정의하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <DataTemplate x:Key="DataTemplateKey1">
            <dxb:BarManagerActionContainer>
                <dxb:CreateStandardLayoutAction />
                <dxb:InsertMainMenuIfNotExistAction>
                    <dxb:InsertMainMenuIfNotExistAction.Bar>
                        <dxb:Bar x:Name="MainMenu"
                            UseWholeRow="True"
                            Caption="Main menu">
                            <dxb:Bar.DockInfo>
                                <dxb:BarDockInfo ContainerType="Top" />
                            </dxb:Bar.DockInfo>
                        </dxb:Bar>
                    </dxb:InsertMainMenuIfNotExistAction.Bar>
                </dxb:InsertMainMenuIfNotExistAction>
                <dxb:BarSubItem x:Name="fileBarSubItem"
                    dxb:BarItemLinkActionBase.TargetType="MainMenu"
                    dxb:BarItemLinkActionBase.ItemLinkIndex="0"
                    Content="File" />
                <dxb:BarButtonItem x:Name="newBarButtonItem"
                    dxb:BarItemLinkActionBase.Target="fileBarSubItem"
                    dxb:BarItemLinkActionBase.ItemLinkIndex="0"
                    Content="New" />
                <dxb:BarButtonItem x:Name="_pOpenBarButtonItem"
                    dxb:BarItemLinkActionBase.Target="fileBarSubItem"
                    dxb:BarItemLinkActionBase.ItemLinkIndex="1"
                    Content="Open" />
                <dxb:BarButtonItem x:Name="saveBarButtonItem"
                    dxb:BarItemLinkActionBase.Target="fileBarSubItem"
                    dxb:BarItemLinkActionBase.ItemLinkIndex="2"
                    Content="Save" />
                <dxb:BarButtonItem x:Name="exitBarButtonItem"
                    dxb:BarItemLinkActionBase.Target="fileBarSubItem"
                    dxb:BarItemLinkActionBase.ItemLinkIndex="3"
                    Content="Exit" />
                <dxb:BarSubItem x:Name="helpBarSubItem"
                    dxb:BarItemLinkActionBase.TargetType="MainMenu"
                    Content="Help" />
                <dxb:BarButtonItem x:Name="aboutBarButtonItem"
                    dxb:BarItemLinkActionBase.Target="helpBarSubItem"
                    Content="About" />
            </dxb:BarManagerActionContainer>
        </DataTemplate>
        <DataTemplate x:Key="DataTemplateKey2">
            <dxb:BarManagerActionContainer>
                <dxb:RemoveBarItemAndLinkAction ItemName="helpBarSubItem"    />
                <dxb:RemoveBarItemAndLinkAction ItemName="exitBarButtonItem" />
            </dxb:BarManagerActionContainer>
        </DataTemplate>
    </Window.Resources>
    <Grid>
        <dxb:BarManager CreateStandardLayout="True">
            <dxb:BarManager.Controllers>
                <dxb:TemplatedBarManagerController
                    ExecuteBefore="True"
                    Template="{StaticResource DataTemplateKey1}" />
                <dxb:TemplatedBarManagerController
                    ExecuteBefore="False"
                    Template="{StaticResource DataTemplateKey2}" />
            </dxb:BarManager.Controllers>
            <dxb:BarManager.Items>
                <dxb:BarCheckItem x:Name="boldBarCheckItem"
                    Content="Bold" />
                <dxb:BarCheckItem x:Name="italicBarCheckItem"
                    Content="Italic" />
                <dxb:BarCheckItem x:Name="underlineBarCheckItem"
                    Content="Underline" />
            </dxb:BarManager.Items>
            <dxb:BarManager.Bars>
                <dxb:Bar x:Name="formatBar"
                    Caption="Format Bar">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo
                            ContainerType="Top"
                            Row="1" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarCheckItemLink BarItemName="boldBarCheckItem"      />
                        <dxb:BarCheckItemLink BarItemName="italicBarCheckItem"    />
                        <dxb:BarCheckItemLink BarItemName="underlineBarCheckItem" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
            </dxb:BarManager.Bars>
            <RichTextBox />
        </dxb:BarManager>
    </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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

Width="800"

Height="600"

Title="BAR 커스텀 액션 정의하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<dxb:BarManagerActionContainer>

<dxb:CreateStandardLayoutAction />

<dxb:InsertMainMenuIfNotExistAction>

<dxb:InsertMainMenuIfNotExistAction.Bar>

<dxb:Bar x:Name="MainMenu"

UseWholeRow="True"

Caption="Main menu">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Top" />

</dxb:Bar.DockInfo>

</dxb:Bar>

</dxb:InsertMainMenuIfNotExistAction.Bar>

</dxb:InsertMainMenuIfNotExistAction>

<dxb:BarSubItem x:Name="fileBarSubItem"

dxb:BarItemLinkActionBase.TargetType="MainMenu"

dxb:BarItemLinkActionBase.ItemLinkIndex="0"

Content="File" />

<dxb:BarButtonItem x:Name="newBarButtonItem"

dxb:BarItemLinkActionBase.Target="fileBarSubItem"

dxb:BarItemLinkActionBase.ItemLinkIndex="0"

Content="New" />

<dxb:BarButtonItem x:Name="_pOpenBarButtonItem"

dxb:BarItemLinkActionBase.Target="fileBarSubItem"

dxb:BarItemLinkActionBase.ItemLinkIndex="1"

Content="Open" />

<dxb:BarButtonItem x:Name="saveBarButtonItem"

dxb:BarItemLinkActionBase.Target="fileBarSubItem"

dxb:BarItemLinkActionBase.ItemLinkIndex="2"

Content="Save" />

<dxb:BarButtonItem x:Name="exitBarButtonItem"

dxb:BarItemLinkActionBase.Target="fileBarSubItem"

dxb:BarItemLinkActionBase.ItemLinkIndex="3"

Content="Exit" />

<dxb:BarSubItem x:Name="helpBarSubItem"

dxb:BarItemLinkActionBase.TargetType="MainMenu"

Content="Help" />

<dxb:BarButtonItem x:Name="aboutBarButtonItem"

dxb:BarItemLinkActionBase.Target="helpBarSubItem"

Content="About" />

</dxb:BarManagerActionContainer>

</DataTemplate>

<dxb:BarManagerActionContainer>

<dxb:RemoveBarItemAndLinkAction ItemName="helpBarSubItem" />

<dxb:RemoveBarItemAndLinkAction ItemName="exitBarButtonItem" />

</dxb:BarManagerActionContainer>

</DataTemplate>

</Window.Resources>

<Grid>

<dxb:BarManager CreateStandardLayout="True">

<dxb:BarManager.Controllers>

<dxb:TemplatedBarManagerController

ExecuteBefore="True"

Template="{StaticResource DataTemplateKey1}" />

<dxb:TemplatedBarManagerController

ExecuteBefore="False"

Template="{StaticResource DataTemplateKey2}" />

</dxb:BarManager.Controllers>

<dxb:BarManager.Items>

<dxb:BarCheckItem x:Name="boldBarCheckItem"

Content="Bold" />

<dxb:BarCheckItem x:Name="italicBarCheckItem"

Content="Italic" />

<dxb:BarCheckItem x:Name="underlineBarCheckItem"

Content="Underline" />

</dxb:BarManager.Items>

<dxb:BarManager.Bars>

<dxb:Bar x:Name="formatBar"

Caption="Format Bar">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo

ContainerType="Top"

Row="1" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarCheckItemLink BarItemName="boldBarCheckItem" />

<dxb:BarCheckItemLink BarItemName="italicBarCheckItem" />

<dxb:BarCheckItemLink BarItemName="underlineBarCheckItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

</dxb:BarManager.Bars>

</dxb:BarManager>

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

[C#/WPF/DEVEXPRESS] BarManager 클래스 : 바 아이템을 위한 명령과 키 제스처 지정하기

■ BarManager 클래스에서 바 아이템을 위한 명령과 키 제스처를 지정하는 방법을 보여준다. ▶ 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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    Width="800"
    Height="600"
    Title="바 아이템을 위한 명령과 키 제스처 지정하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxb:BarManager x:Name="barManager">
            <dxb:BarManager.Items>
                <dxb:BarButtonItem x:Name="cutBarButtonItem"
                    Command="ApplicationCommands.Cut"
                    CommandTarget="{Binding ElementName=textEdit1}"
                    KeyGesture="CTRL+1"
                    Content="{Binding Command.Text, RelativeSource={RelativeSource Self}}" />
            </dxb:BarManager.Items>
            <dxb:BarManager.Bars>
                <dxb:Bar Caption="Main">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerType="Top" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarButtonItemLink BarItemName="cutBarButtonItem" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
            </dxb:BarManager.Bars>
            <DockPanel x:Name="dockPanel" LastChildFill="False">
                <dxb:BarContainerControl x:Name="topBarContainerControl"
                    DockPanel.Dock="Top"
                    ContainerType="Top" />
                <dxe:TextEdit x:Name="textEdit1" DockPanel.Dock="Top"
                    Margin="10"
                    Width="300"
                    FontSize="16"
                    EditValue="Sample text" />
                <dxe:TextEdit x:Name="textEdit2" DockPanel.Dock="Top"
                    Margin="10"
                    Width="300"
                    FontSize="16"
                    EditValue="Sample text" />
            </DockPanel>
        </dxb:BarManager>
    </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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"

Width="800"

Height="600"

Title="바 아이템을 위한 명령과 키 제스처 지정하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxb:BarManager x:Name="barManager">

<dxb:BarManager.Items>

<dxb:BarButtonItem x:Name="cutBarButtonItem"

Command="ApplicationCommands.Cut"

CommandTarget="{Binding ElementName=textEdit1}"

KeyGesture="CTRL+1"

Content="{Binding Command.Text, RelativeSource={RelativeSource Self}}" />

</dxb:BarManager.Items>

<dxb:BarManager.Bars>

<dxb:Bar Caption="Main">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Top" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarButtonItemLink BarItemName="cutBarButtonItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

</dxb:BarManager.Bars>

<dxb:BarContainerControl x:Name="topBarContainerControl"

DockPanel.Dock="Top"

ContainerType="Top" />

<dxe:TextEdit x:Name="textEdit1" DockPanel.Dock="Top"

Margin="10"

Width="300"

FontSize="16"

EditValue="Sample text" />

<dxe:TextEdit x:Name="textEdit2" DockPanel.Dock="Top"

Margin="10"

Width="300"

FontSize="16"

EditValue="Sample text" />

</DockPanel>

</dxb:BarManager>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

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

        #region 생성자 - MainWindow()

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

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// 생성자

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] BarManager 클래스 : 컨트롤에 팝업 메뉴 결합하기

■ BarManager 클래스에서 컨트롤에 팝업 메뉴를 결합하는 방법을 보여준다. ▶ 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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
    Width="800"
    Height="600"
    Title="컨트롤에 팝업 메뉴 결합하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxb:BarManager x:Name="barManager"
            CreateStandardLayout="True">
            <dxb:BarManager.Items>
                <dxb:BarButtonItem x:Name="copyBarButtonItem"
                    Content="Copy"
                    Glyph="pack://application:,,,/Image/copy16x16.png"
                    ItemClick="copyBarButtonItem_ItemClick" />
                <dxb:BarButtonItem x:Name="pasteBarButtonItem"
                    Content="Paste"
                    Glyph="pack://application:,,,/Image/paste16x16.png"
                    ItemClick="pasteBarButtonItem_ItemClick" />
                <dxb:BarButtonItem x:Name="undoBarButtonItem"
                    Content="Undo"
                    Glyph="pack://application:,,,/Image/undo16x16.png"
                    ItemClick="undoBarButtonItem_ItemClick" />
                <dxb:BarButtonItem x:Name="redoBarButtonItem"
                    Content="Redo"
                    Glyph="pack://application:,,,/Image/redo16x16.png"
                    ItemClick="redoBarButtonItem_ItemClick" />
            </dxb:BarManager.Items>
            <DockPanel>
                <TextBox x:Name="textBox"
                    Width="200"
                    Height="30"
                    FontSize="16"
                    Text="right-click this textbox">
                    <dxb:BarManager.DXContextMenu>
                        <dxb:PopupMenu>
                            <dxb:PopupMenu.ItemLinks>
                                <dxb:BarButtonItemLink BarItemName="copyBarButtonItem"  />
                                <dxb:BarButtonItemLink BarItemName="pasteBarButtonItem" />
                                <dxb:BarButtonItemLink BarItemName="undoBarButtonItem"  />
                                <dxb:BarButtonItemLink BarItemName="redoBarButtonItem"  />
                            </dxb:PopupMenu.ItemLinks>
                        </dxb:PopupMenu>
                    </dxb:BarManager.DXContextMenu>
                </TextBox>
            </DockPanel>
        </dxb:BarManager>
    </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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

Width="800"

Height="600"

Title="컨트롤에 팝업 메뉴 결합하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxb:BarManager x:Name="barManager"

CreateStandardLayout="True">

<dxb:BarManager.Items>

<dxb:BarButtonItem x:Name="copyBarButtonItem"

Content="Copy"

Glyph="pack://application:,,,/Image/copy16x16.png"

ItemClick="copyBarButtonItem_ItemClick" />

<dxb:BarButtonItem x:Name="pasteBarButtonItem"

Content="Paste"

Glyph="pack://application:,,,/Image/paste16x16.png"

ItemClick="pasteBarButtonItem_ItemClick" />

<dxb:BarButtonItem x:Name="undoBarButtonItem"

Content="Undo"

Glyph="pack://application:,,,/Image/undo16x16.png"

ItemClick="undoBarButtonItem_ItemClick" />

<dxb:BarButtonItem x:Name="redoBarButtonItem"

Content="Redo"

Glyph="pack://application:,,,/Image/redo16x16.png"

ItemClick="redoBarButtonItem_ItemClick" />

</dxb:BarManager.Items>

<TextBox x:Name="textBox"

Width="200"

Height="30"

FontSize="16"

Text="right-click this textbox">

<dxb:BarManager.DXContextMenu>

<dxb:PopupMenu>

<dxb:PopupMenu.ItemLinks>

<dxb:BarButtonItemLink BarItemName="copyBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="pasteBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="undoBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="redoBarButtonItem" />

</dxb:PopupMenu.ItemLinks>

</dxb:PopupMenu>

</dxb:BarManager.DXContextMenu>

</TextBox>

</DockPanel>

</dxb:BarManager>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

using DevExpress.Xpf.Bars;

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

        #region 생성자 - MainWindow()

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

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Copy 바 버튼 항목 항목 클릭시 처리하기 - copyBarButtonItem_ItemClick(sender, e)

        /// <summary>
        /// Copy 바 버튼 항목 항목 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void copyBarButtonItem_ItemClick(object sender, ItemClickEventArgs e)
        {
            this.textBox.Copy();
        }

        #endregion
        #region Paste 바 버튼 항목 항목 클릭시 처리하기 - copyBarButtonItem_ItemClick(sender, e)

        /// <summary>
        /// Paste 바 버튼 항목 항목 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void pasteBarButtonItem_ItemClick(object sender, ItemClickEventArgs e)
        {
            this.textBox.Paste();
        }

        #endregion
        #region Undo 바 버튼 항목 항목 클릭시 처리하기 - copyBarButtonItem_ItemClick(sender, e)

        /// <summary>
        /// Undo 바 버튼 항목 항목 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void undoBarButtonItem_ItemClick(object sender, ItemClickEventArgs e)
        {
            this.textBox.Undo();
        }

        #endregion
        #region Redo 바 버튼 항목 항목 클릭시 처리하기 - copyBarButtonItem_ItemClick(sender, e)

        /// <summary>
        /// Redo 바 버튼 항목 항목 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void redoBarButtonItem_ItemClick(object sender, ItemClickEventArgs e)
        {
            this.textBox.Redo();
        }

        #endregion
    }
}

using System.Windows;

using DevExpress.Xpf.Bars;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Copy 바 버튼 항목 항목 클릭시 처리하기 - copyBarButtonItem_ItemClick(sender, e)

/// <summary>

/// Copy 바 버튼 항목 항목 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void copyBarButtonItem_ItemClick(object sender, ItemClickEventArgs e)

{

this.textBox.Copy();

}

#endregion

#region Paste 바 버튼 항목 항목 클릭시 처리하기 - copyBarButtonItem_ItemClick(sender, e)

/// <summary>

/// Paste 바 버튼 항목 항목 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void pasteBarButtonItem_ItemClick(object sender, ItemClickEventArgs e)

{

this.textBox.Paste();

}

#endregion

#region Undo 바 버튼 항목 항목 클릭시 처리하기 - copyBarButtonItem_ItemClick(sender, e)

/// <summary>

/// Undo 바 버튼 항목 항목 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void undoBarButtonItem_ItemClick(object sender, ItemClickEventArgs e)

{

this.textBox.Undo();

}

#endregion

#region Redo 바 버튼 항목 항목 클릭시 처리하기 - copyBarButtonItem_ItemClick(sender, e)

/// <summary>

/// Redo 바 버튼 항목 항목 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void redoBarButtonItem_ItemClick(object sender, ItemClickEventArgs e)

{

this.textBox.Redo();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] BarManager 클래스 : 템플리트를 통해 바와 바 아이템 정의하기

■ BarManager 클래스에서 템플리트를 통해 바와 바 아이템을 정의하는 방법을 보여준다. ▶ 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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
    Width="800"
    Height="600"
    Title="템플리트를 통해 바와 바 아이템 정의하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <DataTemplate x:Key="DataTemplateKey">
            <dxb:BarManagerActionContainer>
                <dxb:Bar x:Name="mainMenuBar"
                    UseWholeRow="True"
                    Caption="Main Menu">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerType="Top" />
                    </dxb:Bar.DockInfo>
                </dxb:Bar>
                <dxb:BarSubItem x:Name="fileBarSubItem"
                    dxb:BarItemLinkActionBase.Target="mainMenuBar"
                    Content="File" />
                <dxb:BarButtonItem x:Name="aboutBarButtonItem"
                    dxb:BarItemLinkActionBase.Target="mainMenuBar"
                    Content="About"
                    ItemClick="aboutBarButtonItem_ItemClick" />
                <dxb:BarButtonItem x:Name="exitBarButtonItem"
                    Content="Exit"
                    dxb:BarItemLinkActionBase.Target="fileBarSubItem"
                    ItemClick="exitBarButtonItem_ItemClick" />
            </dxb:BarManagerActionContainer>
        </DataTemplate>
    </Window.Resources>
    <Grid>
        <dxb:BarManager Name="barManager"
            CreateStandardLayout="True">
            <dxb:BarManager.Controllers>
                <dxb:TemplatedBarManagerController Template="{StaticResource DataTemplateKey}" />
            </dxb:BarManager.Controllers>
            <dxb:BarManager.Items>
                <dxb:BarCheckItem x:Name="boldBarCheckItem"
                    Glyph="pack://application:,,,/Image/bold16x16.png"
                    Content="Bold" />
                <dxb:BarCheckItem x:Name="italicBarCheckItem"
                    Glyph="pack://application:,,,/Image/italic16x16.png"
                    Content="Italic" />
                <dxb:BarCheckItem x:Name="underlineBarCheckItem"
                    Glyph="pack://application:,,,/Image/underline16x16.png"
                    Content="Underline" />
            </dxb:BarManager.Items>
            <dxb:BarManager.Bars>
                <dxb:Bar x:Name="barFormat"
                    Caption="Format">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerType="Top" Row="1" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarCheckItemLink BarItemName="boldBarCheckItem"      />
                        <dxb:BarCheckItemLink BarItemName="italicBarCheckItem"    />
                        <dxb:BarCheckItemLink BarItemName="underlineBarCheckItem" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
            </dxb:BarManager.Bars>
            <RichTextBox />
        </dxb:BarManager>
    </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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

Width="800"

Height="600"

Title="템플리트를 통해 바와 바 아이템 정의하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<dxb:BarManagerActionContainer>

<dxb:Bar x:Name="mainMenuBar"

UseWholeRow="True"

Caption="Main Menu">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Top" />

</dxb:Bar.DockInfo>

</dxb:Bar>

<dxb:BarSubItem x:Name="fileBarSubItem"

dxb:BarItemLinkActionBase.Target="mainMenuBar"

Content="File" />

<dxb:BarButtonItem x:Name="aboutBarButtonItem"

dxb:BarItemLinkActionBase.Target="mainMenuBar"

Content="About"

ItemClick="aboutBarButtonItem_ItemClick" />

<dxb:BarButtonItem x:Name="exitBarButtonItem"

Content="Exit"

dxb:BarItemLinkActionBase.Target="fileBarSubItem"

ItemClick="exitBarButtonItem_ItemClick" />

</dxb:BarManagerActionContainer>

</DataTemplate>

</Window.Resources>

<Grid>

<dxb:BarManager Name="barManager"

CreateStandardLayout="True">

<dxb:BarManager.Controllers>

<dxb:TemplatedBarManagerController Template="{StaticResource DataTemplateKey}" />

</dxb:BarManager.Controllers>

<dxb:BarManager.Items>

<dxb:BarCheckItem x:Name="boldBarCheckItem"

Glyph="pack://application:,,,/Image/bold16x16.png"

Content="Bold" />

<dxb:BarCheckItem x:Name="italicBarCheckItem"

Glyph="pack://application:,,,/Image/italic16x16.png"

Content="Italic" />

<dxb:BarCheckItem x:Name="underlineBarCheckItem"

Glyph="pack://application:,,,/Image/underline16x16.png"

Content="Underline" />

</dxb:BarManager.Items>

<dxb:BarManager.Bars>

<dxb:Bar x:Name="barFormat"

Caption="Format">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Top" Row="1" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarCheckItemLink BarItemName="boldBarCheckItem" />

<dxb:BarCheckItemLink BarItemName="italicBarCheckItem" />

<dxb:BarCheckItemLink BarItemName="underlineBarCheckItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

</dxb:BarManager.Bars>

</dxb:BarManager>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

using DevExpress.Xpf.Bars;

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

        #region 생성자 - MainWindow()

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

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region About 바 버튼 항목 항목 클릭시 처리하기 - aboutBarButtonItem_ItemClick(sender, e)

        /// <summary>
        /// About 바 버튼 항목 항목 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void aboutBarButtonItem_ItemClick(object sender, ItemClickEventArgs e)
        {
            MessageBox.Show("About Window");
        }

        #endregion
        #region Exit 바 버튼 항목 항목 클릭시 처리하기 - exitBarButtonItem_ItemClick(sender, e)

        /// <summary>
        /// Exit 바 버튼 항목 항목 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void exitBarButtonItem_ItemClick(object sender, ItemClickEventArgs e)
        {
            Close();
        }

        #endregion
    }
}

using System.Windows;

using DevExpress.Xpf.Bars;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region About 바 버튼 항목 항목 클릭시 처리하기 - aboutBarButtonItem_ItemClick(sender, e)

/// <summary>

/// About 바 버튼 항목 항목 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void aboutBarButtonItem_ItemClick(object sender, ItemClickEventArgs e)

{

MessageBox.Show("About Window");

}

#endregion

#region Exit 바 버튼 항목 항목 클릭시 처리하기 - exitBarButtonItem_ItemClick(sender, e)

/// <summary>

/// Exit 바 버튼 항목 항목 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void exitBarButtonItem_ItemClick(object sender, ItemClickEventArgs e)

{

Close();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] GalleryControl 클래스 : 갤러리 컨트롤 생성하기

■ GalleryControl 클래스를 사용해 갤러리 컨트롤을 생성하는 방법을 보여준다. ▶ 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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
    Width="800"
    Height="600"
    Title="갤러리 컨트롤 생성하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <DataTemplate x:Key="ItemDescriptionDataTemplateKey">
            <TextBlock
                Foreground="Gray"
                Text="{Binding}" />
        </DataTemplate>
    </Window.Resources>
    <Grid>
        <dxb:GalleryControl>
            <dxb:GalleryControl.Gallery>
                <dxb:Gallery
                    IsGroupCaptionVisible="True"
                    FilterCaption="(click to filter groups)"
                    ColCount="2"
                    ItemCheckMode="None"
                    ItemDescriptionTemplate="{StaticResource ResourceKey=ItemDescriptionDataTemplateKey}"
                    IsItemCaptionVisible="True"
                    IsItemDescriptionVisible="True"
                    ItemContentHorizontalAlignment="Left"
                    ItemClick="gallery_ItemClick">
                    <dxb:Gallery.Groups>
                        <dxb:GalleryItemGroup x:Name="galleryItemGroup1"
                            Caption="Misc Group">
                            <dxb:GalleryItemGroup.Items>
                                <dxb:GalleryItem
                                    Caption="Schedule"
                                    Description="Show schedule"
                                    Glyph="pack://application:,,,/Image/address-16x16.png" />
                                <dxb:GalleryItem
                                    Caption="Roles"
                                    Description="Assign roles"
                                    Glyph="pack://application:,,,/Image/role-16x16.png" />
                            </dxb:GalleryItemGroup.Items>
                        </dxb:GalleryItemGroup>
                        <dxb:GalleryItemGroup x:Name="galleryItemGroup2"
                            Caption="Persons">
                            <dxb:GalleryItemGroup.Items>
                                <dxb:GalleryItem
                                    Caption="Employees"
                                    Glyph="pack://application:,,,/Image/employee-16x16.png" />
                                <dxb:GalleryItem
                                    Caption="Persons"
                                    Glyph="pack://application:,,,/Image/person-16x16.png" />
                                <dxb:GalleryItem
                                    Caption="Users"
                                    Glyph="pack://application:,,,/Image/user-16x16.png" />
                            </dxb:GalleryItemGroup.Items>
                        </dxb:GalleryItemGroup>
                    </dxb:Gallery.Groups>
                </dxb:Gallery>
            </dxb:GalleryControl.Gallery>
        </dxb:GalleryControl>
    </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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

Width="800"

Height="600"

Title="갤러리 컨트롤 생성하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<TextBlock

Foreground="Gray"

Text="{Binding}" />

</DataTemplate>

</Window.Resources>

<Grid>

<dxb:GalleryControl>

<dxb:GalleryControl.Gallery>

<dxb:Gallery

IsGroupCaptionVisible="True"

FilterCaption="(click to filter groups)"

ColCount="2"

ItemCheckMode="None"

ItemDescriptionTemplate="{StaticResource ResourceKey=ItemDescriptionDataTemplateKey}"

IsItemCaptionVisible="True"

IsItemDescriptionVisible="True"

ItemContentHorizontalAlignment="Left"

ItemClick="gallery_ItemClick">

<dxb:Gallery.Groups>

<dxb:GalleryItemGroup x:Name="galleryItemGroup1"

Caption="Misc Group">

<dxb:GalleryItemGroup.Items>

<dxb:GalleryItem

Caption="Schedule"

Description="Show schedule"

Glyph="pack://application:,,,/Image/address-16x16.png" />

<dxb:GalleryItem

Caption="Roles"

Description="Assign roles"

Glyph="pack://application:,,,/Image/role-16x16.png" />

</dxb:GalleryItemGroup.Items>

</dxb:GalleryItemGroup>

<dxb:GalleryItemGroup x:Name="galleryItemGroup2"

Caption="Persons">

<dxb:GalleryItemGroup.Items>

<dxb:GalleryItem

Caption="Employees"

Glyph="pack://application:,,,/Image/employee-16x16.png" />

<dxb:GalleryItem

Caption="Persons"

Glyph="pack://application:,,,/Image/person-16x16.png" />

<dxb:GalleryItem

Caption="Users"

Glyph="pack://application:,,,/Image/user-16x16.png" />

</dxb:GalleryItemGroup.Items>

</dxb:GalleryItemGroup>

</dxb:Gallery.Groups>

</dxb:Gallery>

</dxb:GalleryControl.Gallery>

</dxb:GalleryControl>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

using DevExpress.Xpf.Bars;

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

        #region 생성자 - MainWindow()

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

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 갤러리 항목 클릭시 처리하기 - gallery_ItemClick(sender, e)

        /// <summary>
        /// 갤러리 항목 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void gallery_ItemClick(object sender, GalleryItemEventArgs e)
        {
            MessageBox.Show("The " + e.Item.Caption + " item has been clicked");
        }

        #endregion
    }
}

using System.Windows;

using DevExpress.Xpf.Bars;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 갤러리 항목 클릭시 처리하기 - gallery_ItemClick(sender, e)

/// <summary>

/// 갤러리 항목 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void gallery_ItemClick(object sender, GalleryItemEventArgs e)

{

MessageBox.Show("The " + e.Item.Caption + " item has been clicked");

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] BarManager 클래스 : 공통 컨테이너에 Bar 생성하기

■ BarManager 클래스에서 공통 컨테이너에 Bar를 생성하는 방법을 보여준다. ▶ 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:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
    xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
    xmlns:dxmvvm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm"
    xmlns:local="clr-namespace:TestProject"
    UseLayoutRounding="True"
    Width="800"
    Height="600"
    dx:ThemeManager.ThemeName="Office2013"
    Title="BarManager 클래스 : 공통 컨테이너에 Bar 생성하기"
    FontFamily="나눔고딕코딩"
    FontSize="16"
    DataContext="{dxmvvm:ViewModelSource Type=local:MainViewModel}">
    <Grid>
        <dxb:BarManager ToolbarGlyphSize="Small">
            <dxb:BarManager.Bars>
                <dxb:Bar Caption="File" IsMainMenu="True">
                    <dxb:BarSubItem Name="fileItem" Content="File">
                        <dxb:BarButtonItem Name="openItem"
                            Glyph="{dx:DXImage Image=Open_16x16.png}"
                            LargeGlyph="{dx:DXImage Image=Open_32x32.png}"
                            Command="{Binding OpenFileCommand}"
                            Content="Open" />
                        <dxb:BarButtonItem Name="newItem"
                            Glyph="{dx:DXImage Image=New_16x16.png}"
                            LargeGlyph="{dx:DXImage Image=New_32x32.png}"
                            Command="{Binding NewFileCommand}"
                            Content="New" />
                    </dxb:BarSubItem>
                    <dxb:BarSubItem Name="editItem" Content="Edit">
                        <dxb:BarButtonItemLink BarItemName="cutItem"   />
                        <dxb:BarButtonItemLink BarItemName="copyItem"  />
                        <dxb:BarButtonItemLink BarItemName="pasteItem" />
                    </dxb:BarSubItem>
                </dxb:Bar>
                <dxb:Bar Caption="Edit">
                    <dxb:BarButtonItem Name="cutItem"
                        Glyph="{dx:DXImage Image=Cut_16x16.png}"
                        LargeGlyph="{dx:DXImage Image=Cut_32x32.png}"
                        Command="Cut"
                        Content="Cut" />
                    <dxb:BarButtonItem Name="copyItem"
                        Glyph="{dx:DXImage Image=Copy_16x16.png}"
                        LargeGlyph="{dx:DXImage Image=Copy_32x32.png}"
                        Command="Copy"
                        Content="Copy" />
                    <dxb:BarButtonItem Name="pasteItem"
                        Glyph="{dx:DXImage Image=Paste_16x16.png}"
                        LargeGlyph="{dx:DXImage Image=Paste_32x32.png}"
                        Command="Paste"
                        Content="Paste" />
                    <dxb:BarItemSeparator/>
                    <dxb:BarCheckItem Name="boldItem"
                        Glyph="{dx:DXImage Image=Bold_16x16.png}"
                        LargeGlyph="{dx:DXImage Image=Bold_32x32.png}"
                        IsChecked="{Binding IsBold, Mode=TwoWay}"
                        Content="Bold" />
                    <dxb:BarCheckItem Name="italicItem"
                        Glyph="{dx:DXImage Image=Italic_16x16.png}"
                        LargeGlyph="{dx:DXImage Image=Italic_32x32.png}"
                        IsChecked="{Binding IsItalic, Mode=TwoWay}"
                        Content="Italic" />
                    <dxb:BarCheckItem Name="biUnderline"
                        Glyph="{dx:DXImage Image=Underline_16x16.png}"
                        LargeGlyph="{dx:DXImage Image=Underline_32x32.png}"
                        IsChecked="{Binding IsUnderline, Mode=TwoWay}"
                        Content="Underline" />
                </dxb:Bar>
                <dxb:Bar IsStatusBar="True" ShowSizeGrip="True">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerType="Bottom" />
                    </dxb:Bar.DockInfo>
                    <dxb:BarStaticItem Name="rowItem"
                        ShowBorder="False"
                        Content="Row :" />
                    <dxb:BarStaticItem Name="rowValueItem"
                        ShowBorder="False"
                        Content="1" />
                    <dxb:BarCheckItem Name="leftItem"
                        Alignment="Far"
                        GroupIndex="1"
                        IsChecked="True"
                        Glyph="{dx:DXImage Image=AlignLeft_16x16.png}"
                        Command="{Binding SetAlignmentCommand}"
                        CommandParameter="{x:Static TextAlignment.Left}" />
                    <dxb:BarCheckItem Name="centerItem"
                        Alignment="Far"
                        GroupIndex="1"
                        Glyph="{dx:DXImage Image=AlignCenter_16x16.png}"
                        Command="{Binding SetAlignmentCommand}"
                        CommandParameter="{x:Static TextAlignment.Center}" />
                    <dxb:BarCheckItem Name="rightItem"
                        Alignment="Far"
                        GroupIndex="1"
                        Glyph="{dx:DXImage Image=AlignRight_16x16.png}"
                        Command="{Binding SetAlignmentCommand}"
                        CommandParameter="{x:Static TextAlignment.Right}" />
                </dxb:Bar>
            </dxb:BarManager.Bars>
            <TextBox
                TextAlignment="{Binding TextAlignment}"
                TextDecorations="{Binding TextDecorations}"
                FontWeight="{Binding FontWeight}"
                FontStyle="{Binding FontStyle}"
                Text="{Binding Text, Mode=TwoWay}" />
        </dxb:BarManager>
    </Grid>
</Window>

100

101

102

103

104

105

106

107

108

109

110

111

112

<Window x:Class="TestProject.MainWindow"

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

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

xmlns:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

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

xmlns:dxmvvm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm"

xmlns:local="clr-namespace:TestProject"

UseLayoutRounding="True"

Width="800"

Height="600"

dx:ThemeManager.ThemeName="Office2013"

Title="BarManager 클래스 : 공통 컨테이너에 Bar 생성하기"

FontFamily="나눔고딕코딩"

FontSize="16"

DataContext="{dxmvvm:ViewModelSource Type=local:MainViewModel}">

<Grid>

<dxb:BarManager ToolbarGlyphSize="Small">

<dxb:BarManager.Bars>

<dxb:Bar Caption="File" IsMainMenu="True">

<dxb:BarSubItem Name="fileItem" Content="File">

<dxb:BarButtonItem Name="openItem"

Glyph="{dx:DXImage Image=Open_16x16.png}"

LargeGlyph="{dx:DXImage Image=Open_32x32.png}"

Command="{Binding OpenFileCommand}"

Content="Open" />

<dxb:BarButtonItem Name="newItem"

Glyph="{dx:DXImage Image=New_16x16.png}"

LargeGlyph="{dx:DXImage Image=New_32x32.png}"

Command="{Binding NewFileCommand}"

Content="New" />

</dxb:BarSubItem>

<dxb:BarSubItem Name="editItem" Content="Edit">

<dxb:BarButtonItemLink BarItemName="cutItem" />

<dxb:BarButtonItemLink BarItemName="copyItem" />

<dxb:BarButtonItemLink BarItemName="pasteItem" />

</dxb:BarSubItem>

</dxb:Bar>

<dxb:Bar Caption="Edit">

<dxb:BarButtonItem Name="cutItem"

Glyph="{dx:DXImage Image=Cut_16x16.png}"

LargeGlyph="{dx:DXImage Image=Cut_32x32.png}"

Command="Cut"

Content="Cut" />

<dxb:BarButtonItem Name="copyItem"

Glyph="{dx:DXImage Image=Copy_16x16.png}"

LargeGlyph="{dx:DXImage Image=Copy_32x32.png}"

Command="Copy"

Content="Copy" />

<dxb:BarButtonItem Name="pasteItem"

Glyph="{dx:DXImage Image=Paste_16x16.png}"

LargeGlyph="{dx:DXImage Image=Paste_32x32.png}"

Command="Paste"

Content="Paste" />

<dxb:BarItemSeparator/>

<dxb:BarCheckItem Name="boldItem"

Glyph="{dx:DXImage Image=Bold_16x16.png}"

LargeGlyph="{dx:DXImage Image=Bold_32x32.png}"

IsChecked="{Binding IsBold, Mode=TwoWay}"

Content="Bold" />

<dxb:BarCheckItem Name="italicItem"

Glyph="{dx:DXImage Image=Italic_16x16.png}"

LargeGlyph="{dx:DXImage Image=Italic_32x32.png}"

IsChecked="{Binding IsItalic, Mode=TwoWay}"

Content="Italic" />

<dxb:BarCheckItem Name="biUnderline"

Glyph="{dx:DXImage Image=Underline_16x16.png}"

LargeGlyph="{dx:DXImage Image=Underline_32x32.png}"

IsChecked="{Binding IsUnderline, Mode=TwoWay}"

Content="Underline" />

</dxb:Bar>

<dxb:Bar IsStatusBar="True" ShowSizeGrip="True">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Bottom" />

</dxb:Bar.DockInfo>

<dxb:BarStaticItem Name="rowItem"

ShowBorder="False"

Content="Row :" />

<dxb:BarStaticItem Name="rowValueItem"

ShowBorder="False"

Content="1" />

<dxb:BarCheckItem Name="leftItem"

Alignment="Far"

GroupIndex="1"

IsChecked="True"

Glyph="{dx:DXImage Image=AlignLeft_16x16.png}"

Command="{Binding SetAlignmentCommand}"

CommandParameter="{x:Static TextAlignment.Left}" />

<dxb:BarCheckItem Name="centerItem"

Alignment="Far"

GroupIndex="1"

Glyph="{dx:DXImage Image=AlignCenter_16x16.png}"

Command="{Binding SetAlignmentCommand}"

CommandParameter="{x:Static TextAlignment.Center}" />

<dxb:BarCheckItem Name="rightItem"

Alignment="Far"

GroupIndex="1"

Glyph="{dx:DXImage Image=AlignRight_16x16.png}"

Command="{Binding SetAlignmentCommand}"

CommandParameter="{x:Static TextAlignment.Right}" />

</dxb:Bar>

</dxb:BarManager.Bars>

<TextBox

TextAlignment="{Binding TextAlignment}"

TextDecorations="{Binding TextDecorations}"

FontWeight="{Binding FontWeight}"

FontStyle="{Binding FontStyle}"

Text="{Binding Text, Mode=TwoWay}" />

</dxb:BarManager>

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

}

▶ MainViewModel.cs


using System.Windows;

namespace TestProject
{
    /// <summary>
    /// 메인 뷰 모델
    /// </summary>
    public class MainViewModel
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 볼드체 여부 - IsBold

        /// <summary>
        /// 볼드체 여부
        /// </summary>
        public virtual bool IsBold { get; set; }

        #endregion
        #region 이탤릭체 여부 - IsItalic

        /// <summary>
        /// 이탤릭체 여부
        /// </summary>
        public virtual bool IsItalic { get; set; }

        #endregion
        #region 밑줄 여부 - IsUnderline

        /// <summary>
        /// 밑줄 여부
        /// </summary>
        public virtual bool IsUnderline { get; set; }

        #endregion
        #region 폰트 가중치 - FontWeight

        /// <summary>
        /// 폰트 가중치
        /// </summary>
        public virtual FontWeight FontWeight { get; set; }

        #endregion
        #region 텍스트 장식들 - TextDecorations

        /// <summary>
        /// 텍스트 장식들
        /// </summary>
        public virtual TextDecorationCollection TextDecorations { get; set; }

        #endregion
        #region 폰트 스타일 - FontStyle

        /// <summary>
        /// 스타일
        /// </summary>
        public virtual FontStyle FontStyle { get; set; }

        #endregion
        #region 텍스트 정렬 - TextAlignment

        /// <summary>
        /// 텍스트 정렬
        /// </summary>
        public virtual TextAlignment TextAlignment { get; set; }

        #endregion
        #region 텍스트 - Text

        /// <summary>
        /// 텍스트
        /// </summary>
        public virtual string Text { get; set; }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainViewModel()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainViewModel()
        {
            TextAlignment = TextAlignment.Left;

            SetDefaultText();
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 볼드체 여부 변경시 처리하기 - OnIsBoldChanged()

        /// <summary>
        /// 볼드체 여부 변경시 처리하기
        /// </summary>
        public void OnIsBoldChanged()
        {
            FontWeight = IsBold ? FontWeights.Bold : FontWeights.Normal;
        }

        #endregion
        #region 이탤릭체 여부 변경시 처리하기 - OnIsItalicChanged()

        /// <summary>
        /// 이탤릭체 여부 변경시 처리하기
        /// </summary>
        public void OnIsItalicChanged()
        {
            FontStyle = IsItalic ? FontStyles.Italic : FontStyles.Normal;
        }

        #endregion
        #region 밑줄 여부 변경시 처리하기 - OnIsUnderlineChanged()

        /// <summary>
        /// 밑줄 여부 변경시 처리하기
        /// </summary>
        public void OnIsUnderlineChanged()
        {
            TextDecorations = IsUnderline ? System.Windows.TextDecorations.Underline : new TextDecorationCollection();
        }

        #endregion

        #region 파일 열기 - OpenFile()

        /// <summary>
        /// 파일 열기
        /// </summary>
        public void OpenFile()
        {
            SetDefaultText();
        }

        #endregion
        #region 새 파일 만들기 실행 가능 여부 구하기 - CanNewFile()

        /// <summary>
        /// 새 파일 만들기 실행 가능 여부 구하기
        /// </summary>
        /// <returns>새 파일 실행 가능 여부</returns>
        public bool CanNewFile()
        {
            return true;
        }

        #endregion
        #region 새 파일 만들기 - NewFile()

        /// <summary>
        /// 새 파일 만들기
        /// </summary>
        public void NewFile()
        {
            Text = null;
        }

        #endregion

        #region 정렬 설정하기 - SetAlignment(parameter)

        /// <summary>
        /// 정렬 설정하기
        /// </summary>
        /// <param name="parameter">파라미터</param>
        public void SetAlignment(object parameter)
        {
            TextAlignment = ((TextAlignment)parameter);
        }

        #endregion

        #region 디폴트 텍스트 설정하기 - SetDefaultText()

        /// <summary>
        /// 디폴트 텍스트 설정하기
        /// </summary>
        private void SetDefaultText()
        {
            Text = "Text";
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 뷰 모델

/// </summary>

public class MainViewModel

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

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

#region 볼드체 여부 - IsBold

/// <summary>

/// 볼드체 여부

/// </summary>

public virtual bool IsBold { get; set; }

#endregion

#region 이탤릭체 여부 - IsItalic

/// <summary>

/// 이탤릭체 여부

/// </summary>

public virtual bool IsItalic { get; set; }

#endregion

#region 밑줄 여부 - IsUnderline

/// <summary>

/// 밑줄 여부

/// </summary>

public virtual bool IsUnderline { get; set; }

#endregion

#region 폰트 가중치 - FontWeight

/// <summary>

/// 폰트 가중치

/// </summary>

public virtual FontWeight FontWeight { get; set; }

#endregion

#region 텍스트 장식들 - TextDecorations

/// <summary>

/// 텍스트 장식들

/// </summary>

public virtual TextDecorationCollection TextDecorations { get; set; }

#endregion

#region 폰트 스타일 - FontStyle

/// <summary>

/// 스타일

/// </summary>

public virtual FontStyle FontStyle { get; set; }

#endregion

#region 텍스트 정렬 - TextAlignment

/// <summary>

/// 텍스트 정렬

/// </summary>

public virtual TextAlignment TextAlignment { get; set; }

#endregion

#region 텍스트 - Text

/// <summary>

/// 텍스트

/// </summary>

public virtual string Text { get; set; }

#endregion

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

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

#region 생성자 - MainViewModel()

/// <summary>

/// 생성자

/// </summary>

public MainViewModel()

{

TextAlignment = TextAlignment.Left;

SetDefaultText();

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

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

#region 볼드체 여부 변경시 처리하기 - OnIsBoldChanged()

/// <summary>

/// 볼드체 여부 변경시 처리하기

/// </summary>

public void OnIsBoldChanged()

{

FontWeight = IsBold ? FontWeights.Bold : FontWeights.Normal;

}

#endregion

#region 이탤릭체 여부 변경시 처리하기 - OnIsItalicChanged()

/// <summary>

/// 이탤릭체 여부 변경시 처리하기

/// </summary>

public void OnIsItalicChanged()

{

FontStyle = IsItalic ? FontStyles.Italic : FontStyles.Normal;

}

#endregion

#region 밑줄 여부 변경시 처리하기 - OnIsUnderlineChanged()

/// <summary>

/// 밑줄 여부 변경시 처리하기

/// </summary>

public void OnIsUnderlineChanged()

{

TextDecorations = IsUnderline ? System.Windows.TextDecorations.Underline : new TextDecorationCollection();

}

#endregion

#region 파일 열기 - OpenFile()

/// <summary>

/// 파일 열기

/// </summary>

public void OpenFile()

{

SetDefaultText();

}

#endregion

#region 새 파일 만들기 실행 가능 여부 구하기 - CanNewFile()

/// <summary>

/// 새 파일 만들기 실행 가능 여부 구하기

/// </summary>

/// <returns>새 파일 실행 가능 여부</returns>

public bool CanNewFile()

{

return true;

}

#endregion

#region 새 파일 만들기 - NewFile()

/// <summary>

/// 새 파일 만들기

/// </summary>

public void NewFile()

{

Text = null;

}

#endregion

#region 정렬 설정하기 - SetAlignment(parameter)

/// <summary>

/// 정렬 설정하기

/// </summary>

/// <param name="parameter">파라미터</param>

public void SetAlignment(object parameter)

{

TextAlignment = ((TextAlignment)parameter);

}

#endregion

#region 디폴트 텍스트 설정하기 - SetDefaultText()

/// <summary>

/// 디폴트 텍스트 설정하기

/// </summary>

private void SetDefaultText()

{

Text = "Text";

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] GalleryItem 엘리먼트 사용하기

■ GalleryItem 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<dxb:GalleryItem
    Caption="Schedule"
    Description="Show schedule"
    Glyph="pack://application:,,,/Image/address-16x16.png" />

<dxb:GalleryItem

Caption="Schedule"

Description="Show schedule"

Glyph="pack://application:,,,/Image/address-16x16.png" />

※ xmlns:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

[C#/WPF/DEVEXPRESS] GalleryItemGroup 엘리먼트 사용하기

■ GalleryItemGroup 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<dxb:GalleryItemGroup x:Name="galleryItemGroup"
    Caption="Misc Group">
    <dxb:GalleryItemGroup.Items>
        <dxb:GalleryItem
            Caption="Schedule"
            Description="Show schedule"
            Glyph="pack://application:,,,/Image/address-16x16.png" />
        <dxb:GalleryItem
            Caption="Roles"
            Description="Assign roles"
            Glyph="pack://application:,,,/Image/role-16x16.png" />
    </dxb:GalleryItemGroup.Items>
</dxb:GalleryItemGroup>

<dxb:GalleryItemGroup x:Name="galleryItemGroup"

Caption="Misc Group">

<dxb:GalleryItemGroup.Items>

<dxb:GalleryItem

Caption="Schedule"

Description="Show schedule"

Glyph="pack://application:,,,/Image/address-16x16.png" />

<dxb:GalleryItem

Caption="Roles"

Description="Assign roles"

Glyph="pack://application:,,,/Image/role-16x16.png" />

</dxb:GalleryItemGroup.Items>

</dxb:GalleryItemGroup>

※ xmlns:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

[C#/WPF/DEVEXPRESS] Gallery 엘리먼트 사용하기

■ Gallery 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Window.Resources>
    <DataTemplate x:Key="ItemDescriptionDataTemplateKey">
        <TextBlock
            Foreground="Gray"
            Text="{Binding}" />
    </DataTemplate>
</Window.Resources>
<Grid>
    <dxb:GalleryControl>
        <dxb:GalleryControl.Gallery>
            <dxb:Gallery
                IsGroupCaptionVisible="True"
                FilterCaption="(click to filter groups)"
                ColCount="2"
                ItemCheckMode="None"
                ItemDescriptionTemplate="{StaticResource ResourceKey=ItemDescriptionDataTemplateKey}"
                IsItemCaptionVisible="True"
                IsItemDescriptionVisible="True"
                ItemContentHorizontalAlignment="Left"
                ItemClick="pGallery_ItemClick">
                <dxb:Gallery.Groups>
                    <dxb:GalleryItemGroup x:Name="galleryItemGroup1"
                        Caption="Misc Group">
                        <dxb:GalleryItemGroup.Items>
                            <dxb:GalleryItem
                                Caption="Schedule"
                                Description="Show schedule"
                                Glyph="pack://application:,,,/Image/address-16x16.png" />
                            <dxb:GalleryItem
                                Caption="Roles"
                                Description="Assign roles"
                                Glyph="pack://application:,,,/Image/role-16x16.png" />
                        </dxb:GalleryItemGroup.Items>
                    </dxb:GalleryItemGroup>
                    <dxb:GalleryItemGroup x:Name="galleryItemGroup2"
                        Caption="Persons">
                        <dxb:GalleryItemGroup.Items>
                            <dxb:GalleryItem
                                Caption="Employees"
                                Glyph="pack://application:,,,/Image/employee-16x16.png" />
                            <dxb:GalleryItem
                                Caption="Persons"
                                Glyph="pack://application:,,,/Image/person-16x16.png" />
                            <dxb:GalleryItem
                                Caption="Users"
                                Glyph="pack://application:,,,/Image/user-16x16.png" />
                        </dxb:GalleryItemGroup.Items>
                    </dxb:GalleryItemGroup>
                </dxb:Gallery.Groups>
            </dxb:Gallery>
        </dxb:GalleryControl.Gallery>
    </dxb:GalleryControl>
</Grid>

<Window.Resources>

<TextBlock

Foreground="Gray"

Text="{Binding}" />

</DataTemplate>

</Window.Resources>

<Grid>

<dxb:GalleryControl>

<dxb:GalleryControl.Gallery>

<dxb:Gallery

IsGroupCaptionVisible="True"

FilterCaption="(click to filter groups)"

ColCount="2"

ItemCheckMode="None"

ItemDescriptionTemplate="{StaticResource ResourceKey=ItemDescriptionDataTemplateKey}"

IsItemCaptionVisible="True"

IsItemDescriptionVisible="True"

ItemContentHorizontalAlignment="Left"

ItemClick="pGallery_ItemClick">

<dxb:Gallery.Groups>

<dxb:GalleryItemGroup x:Name="galleryItemGroup1"

Caption="Misc Group">

<dxb:GalleryItemGroup.Items>

<dxb:GalleryItem

Caption="Schedule"

Description="Show schedule"

Glyph="pack://application:,,,/Image/address-16x16.png" />

<dxb:GalleryItem

Caption="Roles"

Description="Assign roles"

Glyph="pack://application:,,,/Image/role-16x16.png" />

</dxb:GalleryItemGroup.Items>

</dxb:GalleryItemGroup>

<dxb:GalleryItemGroup x:Name="galleryItemGroup2"

Caption="Persons">

<dxb:GalleryItemGroup.Items>

<dxb:GalleryItem

Caption="Employees"

Glyph="pack://application:,,,/Image/employee-16x16.png" />

<dxb:GalleryItem

Caption="Persons"

Glyph="pack://application:,,,/Image/person-16x16.png" />

<dxb:GalleryItem

Caption="Users"

Glyph="pack://application:,,,/Image/user-16x16.png" />

</dxb:GalleryItemGroup.Items>

</dxb:GalleryItemGroup>

</dxb:Gallery.Groups>

</dxb:Gallery>

</dxb:GalleryControl.Gallery>

</dxb:GalleryControl>

</Grid>

※ xmlns:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

[C#/WPF/DEVEXPRESS] GalleryControl 엘리먼트 사용하기

■ GalleryControl 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Window.Resources>
    <DataTemplate x:Key="ItemDescriptionDataTemplateKey">
        <TextBlock
            Foreground="Gray"
            Text="{Binding}" />
    </DataTemplate>
</Window.Resources>
<Grid>
    <dxb:GalleryControl>
        <dxb:GalleryControl.Gallery>
            <dxb:Gallery
                IsGroupCaptionVisible="True"
                FilterCaption="(click to filter groups)"
                ColCount="2"
                ItemCheckMode="None"
                ItemDescriptionTemplate="{StaticResource ResourceKey=ItemDescriptionDataTemplateKey}"
                IsItemCaptionVisible="True"
                IsItemDescriptionVisible="True"
                ItemContentHorizontalAlignment="Left"
                ItemClick="gallery_ItemClick">
                <dxb:Gallery.Groups>
                    <dxb:GalleryItemGroup x:Name="galleryItemGroup1"
                        Caption="Misc Group">
                        <dxb:GalleryItemGroup.Items>
                            <dxb:GalleryItem
                                Caption="Schedule"
                                Description="Show schedule"
                                Glyph="pack://application:,,,/Image/address-16x16.png" />
                            <dxb:GalleryItem
                                Caption="Roles"
                                Description="Assign roles"
                                Glyph="pack://application:,,,/Image/role-16x16.png" />
                        </dxb:GalleryItemGroup.Items>
                    </dxb:GalleryItemGroup>
                    <dxb:GalleryItemGroup x:Name="galleryItemGroup2"
                        Caption="Persons">
                        <dxb:GalleryItemGroup.Items>
                            <dxb:GalleryItem
                                Caption="Employees"
                                Glyph="pack://application:,,,/Image/employee-16x16.png" />
                            <dxb:GalleryItem
                                Caption="Persons"
                                Glyph="pack://application:,,,/Image/person-16x16.png" />
                            <dxb:GalleryItem
                                Caption="Users"
                                Glyph="pack://application:,,,/Image/user-16x16.png" />
                        </dxb:GalleryItemGroup.Items>
                    </dxb:GalleryItemGroup>
                </dxb:Gallery.Groups>
            </dxb:Gallery>
        </dxb:GalleryControl.Gallery>
    </dxb:GalleryControl>
</Grid>

<Window.Resources>

<TextBlock

Foreground="Gray"

Text="{Binding}" />

</DataTemplate>

</Window.Resources>

<Grid>

<dxb:GalleryControl>

<dxb:GalleryControl.Gallery>

<dxb:Gallery

IsGroupCaptionVisible="True"

FilterCaption="(click to filter groups)"

ColCount="2"

ItemCheckMode="None"

ItemDescriptionTemplate="{StaticResource ResourceKey=ItemDescriptionDataTemplateKey}"

IsItemCaptionVisible="True"

IsItemDescriptionVisible="True"

ItemContentHorizontalAlignment="Left"

ItemClick="gallery_ItemClick">

<dxb:Gallery.Groups>

<dxb:GalleryItemGroup x:Name="galleryItemGroup1"

Caption="Misc Group">

<dxb:GalleryItemGroup.Items>

<dxb:GalleryItem

Caption="Schedule"

Description="Show schedule"

Glyph="pack://application:,,,/Image/address-16x16.png" />

<dxb:GalleryItem

Caption="Roles"

Description="Assign roles"

Glyph="pack://application:,,,/Image/role-16x16.png" />

</dxb:GalleryItemGroup.Items>

</dxb:GalleryItemGroup>

<dxb:GalleryItemGroup x:Name="galleryItemGroup2"

Caption="Persons">

<dxb:GalleryItemGroup.Items>

<dxb:GalleryItem

Caption="Employees"

Glyph="pack://application:,,,/Image/employee-16x16.png" />

<dxb:GalleryItem

Caption="Persons"

Glyph="pack://application:,,,/Image/person-16x16.png" />

<dxb:GalleryItem

Caption="Users"

Glyph="pack://application:,,,/Image/user-16x16.png" />

</dxb:GalleryItemGroup.Items>

</dxb:GalleryItemGroup>

</dxb:Gallery.Groups>

</dxb:Gallery>

</dxb:GalleryControl.Gallery>

</dxb:GalleryControl>

</Grid>

※ xmlns:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

[C#/WPF/DEVEXPRESS] BarManager 엘리먼트 : DXContextMenu 첨부 속성 사용하기

■ BarManager 엘리먼트의 DXContextMenu 첨부 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<TextBox x:Name="textBox"
    Width="200"
    Height="30"
    FontSize="16"
    Text="right-click this textbox">
    <dxb:BarManager.DXContextMenu>
        <dxb:PopupMenu>
            <dxb:PopupMenu.ItemLinks>
                <dxb:BarButtonItemLink BarItemName="copyBarButtonItem"  />
                <dxb:BarButtonItemLink BarItemName="pasteBarButtonItem" />
                <dxb:BarButtonItemLink BarItemName="undoBarButtonItem"  />
                <dxb:BarButtonItemLink BarItemName="redoBarButtonItem"  />
            </dxb:PopupMenu.ItemLinks>
        </dxb:PopupMenu>
    </dxb:BarManager.DXContextMenu>
</TextBox>

<TextBox x:Name="textBox"

Width="200"

Height="30"

FontSize="16"

Text="right-click this textbox">

<dxb:BarManager.DXContextMenu>

<dxb:PopupMenu>

<dxb:PopupMenu.ItemLinks>

<dxb:BarButtonItemLink BarItemName="copyBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="pasteBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="undoBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="redoBarButtonItem" />

</dxb:PopupMenu.ItemLinks>

</dxb:PopupMenu>

</dxb:BarManager.DXContextMenu>

</TextBox>

※ xmlns:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

[C#/WPF/DEVEXPRESS] BarButtonItem 엘리먼트 : KeyGesture 속성 사용하기

■ BarButtonItem 엘리먼트의 KeyGesture 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<dxb:BarButtonItem x:Name="cutBarButtonItem"
    Command="ApplicationCommands.Cut"
    CommandTarget="{Binding ElementName=textEdit}"
    KeyGesture="CTRL+1"
    Content="{Binding Command.Text, RelativeSource={RelativeSource Self}}" />

<dxb:BarButtonItem x:Name="cutBarButtonItem"

Command="ApplicationCommands.Cut"

CommandTarget="{Binding ElementName=textEdit}"

KeyGesture="CTRL+1"

Content="{Binding Command.Text, RelativeSource={RelativeSource Self}}" />

※ xmlns:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"

[C#/WPF/DEVEXPRESS] BarButtonItem 엘리먼트 : Command 속성 사용하기

■ BarButtonItem 엘리먼트의 Command 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<dxb:BarButtonItem x:Name="cutBarButtonItem"
    Command="ApplicationCommands.Cut"
    CommandTarget="{Binding ElementName=textEdit1}"
    KeyGesture="CTRL+1"
    Content="{Binding Command.Text, RelativeSource={RelativeSource Self}}" />

<dxb:BarButtonItem x:Name="cutBarButtonItem"

Command="ApplicationCommands.Cut"

CommandTarget="{Binding ElementName=textEdit1}"

KeyGesture="CTRL+1"

Content="{Binding Command.Text, RelativeSource={RelativeSource Self}}" />

※ xmlns:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars" ※ CommandTarget 속성 지정시 해당 컨트롤에만 적용된다.

[C#/WPF/DEVEXPRESS] InsertMainMenuIfNotExistAction 엘리먼트 사용하기

■ InsertMainMenuIfNotExistAction 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<DataTemplate x:Key="DataTemplateKey1">
    <dxb:BarManagerActionContainer>
        <dxb:CreateStandardLayoutAction />
        <dxb:InsertMainMenuIfNotExistAction>
            <dxb:InsertMainMenuIfNotExistAction.Bar>
                <dxb:Bar x:Name="mainMenu"
                    UseWholeRow="True"
                    Caption="Main menu">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerType="Top" />
                    </dxb:Bar.DockInfo>
                </dxb:Bar>
            </dxb:InsertMainMenuIfNotExistAction.Bar>
        </dxb:InsertMainMenuIfNotExistAction>
        <dxb:BarSubItem x:Name="fileBarSubItem"
            dxb:BarItemLinkActionBase.TargetType="mainMenu"
            dxb:BarItemLinkActionBase.ItemLinkIndex="0"
            Content="File" />
        <dxb:BarButtonItem x:Name="newBarButtonItem"
            dxb:BarItemLinkActionBase.Target="fileBarSubItem"
            dxb:BarItemLinkActionBase.ItemLinkIndex="0"
            Content="New" />
        <dxb:BarButtonItem x:Name="openBarButtonItem"
            dxb:BarItemLinkActionBase.Target="fileBarSubItem"
            dxb:BarItemLinkActionBase.ItemLinkIndex="1"
            Content="Open" />
        <dxb:BarButtonItem x:Name="saveBarButtonItem"
            dxb:BarItemLinkActionBase.Target="fileBarSubItem"
            dxb:BarItemLinkActionBase.ItemLinkIndex="2"
            Content="Save" />
        <dxb:BarButtonItem x:Name="exitBarButtonItem"
            dxb:BarItemLinkActionBase.Target="fileBarSubItem"
            dxb:BarItemLinkActionBase.ItemLinkIndex="3"
            Content="Exit" />
        <dxb:BarSubItem x:Name="helpBarSubItem"
            dxb:BarItemLinkActionBase.TargetType="mainMenu"
            Content="Help" />
        <dxb:BarButtonItem x:Name="aboutBarButtonItem"
            dxb:BarItemLinkActionBase.Target="helpBarSubItem"
            Content="About" />
    </dxb:BarManagerActionContainer>
</DataTemplate>

<dxb:BarManagerActionContainer>

<dxb:CreateStandardLayoutAction />

<dxb:InsertMainMenuIfNotExistAction>

<dxb:InsertMainMenuIfNotExistAction.Bar>

<dxb:Bar x:Name="mainMenu"

UseWholeRow="True"

Caption="Main menu">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Top" />

</dxb:Bar.DockInfo>

</dxb:Bar>

</dxb:InsertMainMenuIfNotExistAction.Bar>

</dxb:InsertMainMenuIfNotExistAction>

<dxb:BarSubItem x:Name="fileBarSubItem"

dxb:BarItemLinkActionBase.TargetType="mainMenu"

dxb:BarItemLinkActionBase.ItemLinkIndex="0"

Content="File" />

<dxb:BarButtonItem x:Name="newBarButtonItem"

dxb:BarItemLinkActionBase.Target="fileBarSubItem"

dxb:BarItemLinkActionBase.ItemLinkIndex="0"

Content="New" />

<dxb:BarButtonItem x:Name="openBarButtonItem"

dxb:BarItemLinkActionBase.Target="fileBarSubItem"

dxb:BarItemLinkActionBase.ItemLinkIndex="1"

Content="Open" />

<dxb:BarButtonItem x:Name="saveBarButtonItem"

dxb:BarItemLinkActionBase.Target="fileBarSubItem"

dxb:BarItemLinkActionBase.ItemLinkIndex="2"

Content="Save" />

<dxb:BarButtonItem x:Name="exitBarButtonItem"

dxb:BarItemLinkActionBase.Target="fileBarSubItem"

dxb:BarItemLinkActionBase.ItemLinkIndex="3"

Content="Exit" />

<dxb:BarSubItem x:Name="helpBarSubItem"

dxb:BarItemLinkActionBase.TargetType="mainMenu"

Content="Help" />

<dxb:BarButtonItem x:Name="aboutBarButtonItem"

dxb:BarItemLinkActionBase.Target="helpBarSubItem"

Content="About" />

</dxb:BarManagerActionContainer>

</DataTemplate>

※ xmlns:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"