DEVEXPRESS Archives - 20 중 7 번째 페이지

[C#/WPF/DEVEXPRESS] GridControl 클래스 : 그리드 컬럼에서 스파크 라인 보여주기

■ GridControl 클래스의 그리드 컬럼에서 스파크 라인을 보여주는 방법을 보여준다. ▶ 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"
    Width="800"
    Height="600"
    Title="그리드 컬럼에서 스파크 라인 보여주기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid
        xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
        xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid">
        <dxg:GridControl x:Name="gridControl"
            ItemsSource="{Binding SaleDataRowList}">
            <dxg:GridControl.Columns>
                <dxg:GridColumn
                    FieldName="Title"
                    Header="Order"
                    ReadOnly="True"
                    Width="200" />
                <dxg:GridColumn
                    FieldName="SparklineData"
                    Header="Sales"
                    Width="200">
                    <dxg:GridColumn.EditSettings>
                        <dxe:SparklineEditSettings
                            PointArgumentMember="ArgumentColumn"
                            PointValueMember="ValueColumn">
                            <dxe:SparklineEditSettings.PointArgumentRange>
                                <dxe:Range
                                    Auto="False"
                                    Limit1="07/17/2013"
                                    Limit2="08/15/2013" />
                            </dxe:SparklineEditSettings.PointArgumentRange>
                            <dxe:SparklineEditSettings.StyleSettings>
                                <dxe:AreaSparklineStyleSettings
                                    Brush="BlueViolet"
                                    HighlightMaxPoint="True"
                                    HighlightMinPoint="True"
                                    MaxPointBrush="Red"
                                    MinPointBrush="Blue" />
                            </dxe:SparklineEditSettings.StyleSettings>
                        </dxe:SparklineEditSettings>
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
            </dxg:GridControl.Columns>
        </dxg:GridControl>
    </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"

Width="800"

Height="600"

Title="그리드 컬럼에서 스파크 라인 보여주기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid

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

xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid">

<dxg:GridControl x:Name="gridControl"

ItemsSource="{Binding SaleDataRowList}">

<dxg:GridControl.Columns>

<dxg:GridColumn

FieldName="Title"

Header="Order"

ReadOnly="True"

Width="200" />

<dxg:GridColumn

FieldName="SparklineData"

Header="Sales"

Width="200">

<dxg:GridColumn.EditSettings>

<dxe:SparklineEditSettings

PointArgumentMember="ArgumentColumn"

PointValueMember="ValueColumn">

<dxe:SparklineEditSettings.PointArgumentRange>

<dxe:Range

Auto="False"

Limit1="07/17/2013"

Limit2="08/15/2013" />

</dxe:SparklineEditSettings.PointArgumentRange>

<dxe:SparklineEditSettings.StyleSettings>

<dxe:AreaSparklineStyleSettings

Brush="BlueViolet"

HighlightMaxPoint="True"

HighlightMinPoint="True"

MaxPointBrush="Red"

MinPointBrush="Blue" />

</dxe:SparklineEditSettings.StyleSettings>

</dxe:SparklineEditSettings>

</dxg:GridColumn.EditSettings>

</dxg:GridColumn>

</dxg:GridControl.Columns>

</dxg:GridControl>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System;
using System.Collections;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Windows;

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

        #region Field

        /// <summary>
        /// 난수 발생기
        /// </summary>
        private Random random = new Random();

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 판매 데이터 행 리스트 - SaleDataRowList

        /// <summary>
        /// 판매 데이터 행 리스트
        /// </summary>
        public List<SaleDataRow> SaleDataRowList { get; set; }

        #endregion

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

        #region 생성자 - MainWindow()

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

            this.gridControl.DataContext = this;

            SaleDataRowList = new List<SaleDataRow>();

            int rowCount = 20;

            for(int i = 0; i < rowCount; i++)
            {
                SaleDataRowList.Add
                (
                    new SaleDataRow()
                    {
                        Title         = string.Format("Index : {0}", i + 1),
                        SparklineData = CreateSparklineData()
                    }
                );
            }
        }

        #endregion

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

        #region 스파크 라인 데이터 생성하기 - CreateSparklineData()

        /// <summary>
        /// 스파크 라인 데이터 생성하기
        /// </summary>
        /// <returns>스파크 라인 데이터</returns>
        private IList CreateSparklineData()
        {
            ObservableCollection<SaleItem> saleItemCollection = new ObservableCollection<SaleItem>();

            DateTime dateTime = new DateTime(2013, 07, 17);

            for(int i = 0; i < 30; i++)
            {
                saleItemCollection.Add
                (
                    new SaleItem()
                    {
                        ValueColumn    = random.Next(-20, 20),
                        ArgumentColumn = dateTime.AddDays(i)
                    }
                );
            }

            return saleItemCollection;
        }

        #endregion
    }
}

100

101

102

103

104

105

using System;

using System.Collections;

using System.Collections.Generic;

using System.Collections.ObjectModel;

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region Field

/// <summary>

/// 난수 발생기

/// </summary>

private Random random = new Random();

#endregion

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

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

#region 판매 데이터 행 리스트 - SaleDataRowList

/// <summary>

/// 판매 데이터 행 리스트

/// </summary>

public List<SaleDataRow> SaleDataRowList { get; set; }

#endregion

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.gridControl.DataContext = this;

SaleDataRowList = new List<SaleDataRow>();

int rowCount = 20;

for(int i = 0; i < rowCount; i++)

{

SaleDataRowList.Add

(

new SaleDataRow()

{

Title = string.Format("Index : {0}", i + 1),

SparklineData = CreateSparklineData()

}

);

}

#endregion

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

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

#region 스파크 라인 데이터 생성하기 - CreateSparklineData()

/// <summary>

/// 스파크 라인 데이터 생성하기

/// </summary>

/// <returns>스파크 라인 데이터</returns>

private IList CreateSparklineData()

{

ObservableCollection<SaleItem> saleItemCollection = new ObservableCollection<SaleItem>();

DateTime dateTime = new DateTime(2013, 07, 17);

for(int i = 0; i < 30; i++)

{

saleItemCollection.Add

(

new SaleItem()

{

ValueColumn = random.Next(-20, 20),

ArgumentColumn = dateTime.AddDays(i)

}

);

}

return saleItemCollection;

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] GridControl 클래스 : 셀에서 리치 텍스트 박스 사용하기

■ GridControl 클래스의 셀에서 리치 텍스트 박스를 사용하는 방법을 보여준다. ▶ 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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    xmlns:local="clr-namespace:TestProject"
    Width="800"
    Height="600"
    Title="셀에서 리치 텍스트 박스 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <dxb:BarManager CreateStandardLayout="True">
        <dxb:BarManager.Items>
            <dxb:BarButtonItem x:Name="undoBarButtonItem"      Command="Undo"            Content="Undo"      />
            <dxb:BarButtonItem x:Name="redoBarButtonItem"      Command="Redo"            Content="Redo"      />
            <dxb:BarButtonItem x:Name="boldBarButtonItem"      Command="ToggleBold"      Content="Bold"      />
            <dxb:BarButtonItem x:Name="italicBarButtonItem"    Command="ToggleItalic"    Content="Italic"    />
            <dxb:BarButtonItem x:Name="underlineBarButtonItem" Command="ToggleUnderline" Content="Underline" />
        </dxb:BarManager.Items>
        <dxb:BarManager.Bars>
            <dxb:Bar UseWholeRow="True">
                <dxb:Bar.DockInfo>
                    <dxb:BarDockInfo ContainerType="Top" />
                </dxb:Bar.DockInfo>
                <dxb:Bar.ItemLinks>
                    <dxb:BarButtonItemLink BarItemName="undoBarButtonItem"      />
                    <dxb:BarButtonItemLink BarItemName="redoBarButtonItem"      />
                    <dxb:BarButtonItemLink BarItemName="boldBarButtonItem"      />
                    <dxb:BarButtonItemLink BarItemName="italicBarButtonItem"    />
                    <dxb:BarButtonItemLink BarItemName="underlineBarButtonItem" />
                </dxb:Bar.ItemLinks>
            </dxb:Bar>
        </dxb:BarManager.Bars>
        <dxg:GridControl Name="gridControl">
            <dxg:GridControl.Columns>
                <dxg:GridColumn FieldName="ID"         Width="50"  />
                <dxg:GridColumn FieldName="Trademark"  Width="100" />
                <dxg:GridColumn FieldName="Model"      Width="100" />
                <dxg:GridColumn FieldName="RtfContent" Width="450" Header="Description">
                    <dxg:GridColumn.CellTemplate>
                        <DataTemplate>
                            <local:RichTextEdit x:Name="PART_Editor"
                                Height="350" />
                        </DataTemplate>
                    </dxg:GridColumn.CellTemplate>
                    <dxg:GridColumn.DisplayTemplate>
                        <ControlTemplate>
                            <local:RichTextBoxEx
                                RtfText="{Binding DisplayText, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}"
                                HorizontalScrollBarVisibility="Hidden"
                                VerticalScrollBarVisibility="Hidden" />
                        </ControlTemplate>
                    </dxg:GridColumn.DisplayTemplate>
                    <dxg:GridColumn.EditTemplate>
                        <ControlTemplate>
                            <local:RichTextBoxEx x:Name="PART_Editor"
                                RtfText="{Binding EditValue, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
                                HorizontalScrollBarVisibility="Auto"
                                VerticalScrollBarVisibility="Visible" />
                        </ControlTemplate>
                    </dxg:GridColumn.EditTemplate>
                </dxg:GridColumn>
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView x:Name="tableView" />
            </dxg:GridControl.View>
        </dxg:GridControl>
    </dxb:BarManager>
</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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"

xmlns:local="clr-namespace:TestProject"

Width="800"

Height="600"

Title="셀에서 리치 텍스트 박스 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<dxb:BarManager CreateStandardLayout="True">

<dxb:BarManager.Items>

<dxb:BarButtonItem x:Name="undoBarButtonItem" Command="Undo" Content="Undo" />

<dxb:BarButtonItem x:Name="redoBarButtonItem" Command="Redo" Content="Redo" />

<dxb:BarButtonItem x:Name="boldBarButtonItem" Command="ToggleBold" Content="Bold" />

<dxb:BarButtonItem x:Name="italicBarButtonItem" Command="ToggleItalic" Content="Italic" />

<dxb:BarButtonItem x:Name="underlineBarButtonItem" Command="ToggleUnderline" Content="Underline" />

</dxb:BarManager.Items>

<dxb:BarManager.Bars>

<dxb:Bar UseWholeRow="True">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Top" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarButtonItemLink BarItemName="undoBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="redoBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="boldBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="italicBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="underlineBarButtonItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

</dxb:BarManager.Bars>

<dxg:GridControl Name="gridControl">

<dxg:GridControl.Columns>

<dxg:GridColumn FieldName="ID" Width="50" />

<dxg:GridColumn FieldName="Trademark" Width="100" />

<dxg:GridColumn FieldName="Model" Width="100" />

<dxg:GridColumn FieldName="RtfContent" Width="450" Header="Description">

<dxg:GridColumn.CellTemplate>

<local:RichTextEdit x:Name="PART_Editor"

Height="350" />

</DataTemplate>

</dxg:GridColumn.CellTemplate>

<dxg:GridColumn.DisplayTemplate>

<local:RichTextBoxEx

RtfText="{Binding DisplayText, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}"

HorizontalScrollBarVisibility="Hidden"

VerticalScrollBarVisibility="Hidden" />

</ControlTemplate>

</dxg:GridColumn.DisplayTemplate>

<dxg:GridColumn.EditTemplate>

<local:RichTextBoxEx x:Name="PART_Editor"

RtfText="{Binding EditValue, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"

HorizontalScrollBarVisibility="Auto"

VerticalScrollBarVisibility="Visible" />

</ControlTemplate>

</dxg:GridColumn.EditTemplate>

</dxg:GridColumn>

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView x:Name="tableView" />

</dxg:GridControl.View>

</dxg:GridControl>

</dxb:BarManager>

</Window>

▶ MainWindow.xaml.cs


using System.Data;
using System.Windows;

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

        #region 생성자 - MainWindow()

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

            DataSet dataSet = new DataSet();

            dataSet.ReadXml("Cars2.xml");

            this.gridControl.ItemsSource = dataSet.Tables[0];
        }

        #endregion
    }
}

using System.Data;

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

DataSet dataSet = new DataSet();

dataSet.ReadXml("Cars2.xml");

this.gridControl.ItemsSource = dataSet.Tables[0];

}

#endregion

}

▶ RichTextBoxEx.cs


using System.IO;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;

namespace TestProject
{
    /// <summary>
    /// 리치 텍스트 박스 확장
    /// </summary>
    public class RichTextBoxEx : RichTextBox
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region Field

        /// <summary>
        /// RTF 텍스트 속성
        /// </summary>
        public static readonly DependencyProperty RtfTextProperty = DependencyProperty.Register
        (
            "RtfText",
            typeof(string),
            typeof(RichTextBoxEx),
            new FrameworkPropertyMetadata
            (
                string.Empty,
                FrameworkPropertyMetadataOptions.BindsTwoWayByDefault,
                OnRtfTextPropertyChanged
            )
        );

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Instance
        //////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 텍스트 설정 여부
        /// </summary>
        private bool isSettingText;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region RTF 텍스트 - RtfText

        /// <summary>
        /// RTF 텍스트
        /// </summary>
        public string RtfText
        {
            get
            {
                return GetValue(RtfTextProperty) as string;
            }
            set
            {
                SetValue(RtfTextProperty, value);
            }
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Private

        #region RTF 텍스트 속성 변경시 처리하기 - OnRtfTextPropertyChanged(dependencyObject, e)

        /// <summary>
        /// RTF 텍스트 속성 변경시 처리하기
        /// </summary>
        /// <param name="dependencyObject">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private static void OnRtfTextPropertyChanged(DependencyObject dependencyObject, DependencyPropertyChangedEventArgs e)
        {
            ((RichTextBoxEx)dependencyObject).LoadText();
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Instance
        //////////////////////////////////////////////////////////////////////////////// Protected

        #region 텍스트 변경시 처리하기 - OnTextChanged(e)

        /// <summary>
        /// 텍스트 변경시 처리하기
        /// </summary>
        /// <param name="e">이벤트 인자</param>
        protected override void OnTextChanged(TextChangedEventArgs e)
        {
            Binding binding = BindingOperations.GetBinding(this, RtfTextProperty);

            if(binding != null && binding.Mode != BindingMode.OneWay)
            {
                SaveText();
            }

            base.OnTextChanged(e);
        }

        #endregion

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

        #region 텍스트 로드하기 - LoadText()

        /// <summary>
        /// 텍스트 로드하기
        /// </summary>
        private void LoadText()
        {
            if(this.isSettingText)
            {
                return;
            }

            string rtfText = RtfText;

            Document.Blocks.Clear();

            if(!string.IsNullOrEmpty(rtfText))
            {
                TextRange textRange = new TextRange(Document.ContentStart, Document.ContentEnd);

                using(MemoryStream memoryStream = new MemoryStream(Encoding.ASCII.GetBytes(rtfText)))
                {
                    textRange.Load(memoryStream, DataFormats.Rtf);
                }
            }
        }

        #endregion
        #region 텍스트 저장하기 - SaveText()

        /// <summary>
        /// 텍스트 저장하기
        /// </summary>
        private void SaveText()
        {
            TextRange textRange = new TextRange(Document.ContentStart, Document.ContentEnd);

            string textRangeText = textRange.Text;

            using(MemoryStream memoryStream = new MemoryStream(textRangeText.Length * 2))
            {
                textRange.Save(memoryStream, DataFormats.Rtf);

                string rtfText = ASCIIEncoding.Default.GetString(memoryStream.ToArray());

                SetRTFText(rtfText);
            }
        }

        #endregion
        #region RTF 텍스트 설정하기 - SetRTFText(value)

        /// <summary>
        /// RTF 텍스트 설정하기
        /// </summary>
        /// <param name="value">값</param>
        private void SetRTFText(string value)
        {
            this.isSettingText = true;

            try
            {
                RtfText = value;
            }
            finally
            {
                this.isSettingText = false;
            }
        }

        #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

using System.IO;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

namespace TestProject

{

/// <summary>

/// 리치 텍스트 박스 확장

/// </summary>

public class RichTextBoxEx : RichTextBox

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Static

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

#region Field

/// <summary>

/// RTF 텍스트 속성

/// </summary>

public static readonly DependencyProperty RtfTextProperty = DependencyProperty.Register

(

"RtfText",

typeof(string),

typeof(RichTextBoxEx),

new FrameworkPropertyMetadata

(

string.Empty,

FrameworkPropertyMetadataOptions.BindsTwoWayByDefault,

OnRtfTextPropertyChanged

)

);

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Instance

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

#region Field

/// <summary>

/// 텍스트 설정 여부

/// </summary>

private bool isSettingText;

#endregion

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

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

#region RTF 텍스트 - RtfText

/// <summary>

/// RTF 텍스트

/// </summary>

public string RtfText

{

get

{

return GetValue(RtfTextProperty) as string;

}

set

{

SetValue(RtfTextProperty, value);

}

#endregion

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

////////////////////////////////////////////////////////////////////////////////////////// Static

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

#region RTF 텍스트 속성 변경시 처리하기 - OnRtfTextPropertyChanged(dependencyObject, e)

/// <summary>

/// RTF 텍스트 속성 변경시 처리하기

/// </summary>

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

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

private static void OnRtfTextPropertyChanged(DependencyObject dependencyObject, DependencyPropertyChangedEventArgs e)

{

((RichTextBoxEx)dependencyObject).LoadText();

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Instance

//////////////////////////////////////////////////////////////////////////////// Protected

#region 텍스트 변경시 처리하기 - OnTextChanged(e)

/// <summary>

/// 텍스트 변경시 처리하기

/// </summary>

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

protected override void OnTextChanged(TextChangedEventArgs e)

{

Binding binding = BindingOperations.GetBinding(this, RtfTextProperty);

if(binding != null && binding.Mode != BindingMode.OneWay)

{

SaveText();

}

base.OnTextChanged(e);

}

#endregion

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

#region 텍스트 로드하기 - LoadText()

/// <summary>

/// 텍스트 로드하기

/// </summary>

private void LoadText()

{

if(this.isSettingText)

{

return;

}

string rtfText = RtfText;

Document.Blocks.Clear();

if(!string.IsNullOrEmpty(rtfText))

{

TextRange textRange = new TextRange(Document.ContentStart, Document.ContentEnd);

using(MemoryStream memoryStream = new MemoryStream(Encoding.ASCII.GetBytes(rtfText)))

{

textRange.Load(memoryStream, DataFormats.Rtf);

}

#endregion

#region 텍스트 저장하기 - SaveText()

/// <summary>

/// 텍스트 저장하기

/// </summary>

private void SaveText()

{

TextRange textRange = new TextRange(Document.ContentStart, Document.ContentEnd);

string textRangeText = textRange.Text;

using(MemoryStream memoryStream = new MemoryStream(textRangeText.Length * 2))

{

textRange.Save(memoryStream, DataFormats.Rtf);

string rtfText = ASCIIEncoding.Default.GetString(memoryStream.ToArray());

SetRTFText(rtfText);

}

#endregion

#region RTF 텍스트 설정하기 - SetRTFText(value)

/// <summary>

/// RTF 텍스트 설정하기

/// </summary>

/// <param name="value">값</param>

private void SetRTFText(string value)

{

this.isSettingText = true;

try

{

RtfText = value;

}

finally

{

this.isSettingText = false;

}

#endregion

}

▶ RichTextEdit.cs


using System.Windows.Input;

using DevExpress.Xpf.Editors;

namespace TestProject
{
    /// <summary>
    /// 리치 텍스트 에디터
    /// </summary>
    public class RichTextEdit : TextEdit
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 키 필요시 처리하기 - NeedsKey(key, modifierKeys)

        /// <summary>
        /// 키 필요시 처리하기
        /// </summary>
        /// <param name="key">키</param>
        /// <param name="modifierKeys">수정 키</param>
        /// <returns>처리 결과</returns>
        protected override bool NeedsKey(Key key, ModifierKeys modifierKeys)
        {
            if(EditMode == EditMode.InplaceActive && key == Key.Enter && (modifierKeys & ModifierKeys.Control) == 0)
            {
                return true;
            }

            return base.NeedsKey(key, modifierKeys);
        }

        #endregion
    }
}

using System.Windows.Input;

using DevExpress.Xpf.Editors;

namespace TestProject

{

/// <summary>

/// 리치 텍스트 에디터

/// </summary>

public class RichTextEdit : TextEdit

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 키 필요시 처리하기 - NeedsKey(key, modifierKeys)

/// <summary>

/// 키 필요시 처리하기

/// </summary>

/// <param name="key">키</param>

/// <param name="modifierKeys">수정 키</param>

/// <returns>처리 결과</returns>

protected override bool NeedsKey(Key key, ModifierKeys modifierKeys)

{

if(EditMode == EditMode.InplaceActive && key == Key.Enter && (modifierKeys & ModifierKeys.Control) == 0)

{

return true;

}

return base.NeedsKey(key, modifierKeys);

}

#endregion

}

[C#/WPF/DEVEXPRESS] GridControl 클래스 : 셀 값 변경 후 데이터 소스에 값을 즉시 저장하기

■ GridControl 클래스에서 셀 값 변경 후 데이터 소스에 값을 즉시 저장하는 방법을 보여준다. ▶ 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:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    Width="800"
    Height="600"
    Title="셀 값 변경 후 데이터 소스에 값을 즉시 저장하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxg:GridControl x:Name="gridControl"
            ItemsSource="{Binding Products}">
            <dxg:GridControl.Columns>
                <dxg:GridColumn FieldName="ProductName">
                    <dxg:GridColumn.EditSettings>
                        <dxe:ComboBoxEditSettings x:Name="productNameComboBoxSettings"
                             DisplayMember="ProductName"
                             ValueMember="ProductName" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="UnitPrice">
                    <dxg:GridColumn.EditSettings>
                        <dxe:SpinEditSettings
                            MinValue="1"
                            MaxValue="999" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="Discontinued" />
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView CellValueChanging="tableView_CellValueChanging" />
            </dxg:GridControl.View>
        </dxg:GridControl>
    </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:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"

xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"

Width="800"

Height="600"

Title="셀 값 변경 후 데이터 소스에 값을 즉시 저장하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxg:GridControl x:Name="gridControl"

ItemsSource="{Binding Products}">

<dxg:GridControl.Columns>

<dxg:GridColumn FieldName="ProductName">

<dxg:GridColumn.EditSettings>

<dxe:ComboBoxEditSettings x:Name="productNameComboBoxSettings"

DisplayMember="ProductName"

ValueMember="ProductName" />

</dxg:GridColumn.EditSettings>

</dxg:GridColumn>

<dxg:GridColumn FieldName="UnitPrice">

<dxg:GridColumn.EditSettings>

<dxe:SpinEditSettings

MinValue="1"

MaxValue="999" />

</dxg:GridColumn.EditSettings>

</dxg:GridColumn>

<dxg:GridColumn FieldName="Discontinued" />

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView CellValueChanging="tableView_CellValueChanging" />

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

using DevExpress.Xpf.Grid;

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

        #region 생성자 - MainWindow()

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

            this.productNameComboBoxSettings.ItemsSource = new NorthwindData().Products;

            this.gridControl.ItemsSource = new NorthwindData().Products;
        }

        #endregion

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

        #region 테이블 뷰 셀 값 변경할 경우 처리하기 - tableView_CellValueChanging(sender, e)

        /// <summary>
        /// 테이블 뷰 셀 값 변경할 경우 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void tableView_CellValueChanging(object sender, CellValueEventArgs e)
        {
            TableView tableView = sender as TableView;

            tableView.PostEditor();

            Title = tableView.Grid.GetCellValue(e.RowHandle,e.Column.FieldName).ToString();
        }

        #endregion
    }
}

using System.Windows;

using DevExpress.Xpf.Grid;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.productNameComboBoxSettings.ItemsSource = new NorthwindData().Products;

this.gridControl.ItemsSource = new NorthwindData().Products;

}

#endregion

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

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

#region 테이블 뷰 셀 값 변경할 경우 처리하기 - tableView_CellValueChanging(sender, e)

/// <summary>

/// 테이블 뷰 셀 값 변경할 경우 처리하기

/// </summary>

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

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

private void tableView_CellValueChanging(object sender, CellValueEventArgs e)

{

TableView tableView = sender as TableView;

tableView.PostEditor();

Title = tableView.Grid.GetCellValue(e.RowHandle,e.Column.FieldName).ToString();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] PivotGridControl 클래스 : 커스텀 텍스트 표시하기

■ PivotGridControl 클래스에서 커스텀 텍스트를 표시하는 방법을 보여준다. ▶ 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"
    Width="800"
    Height="600"
    Title="커스텀 텍스트 표시하기"
    FontFamily="나눔고딕코딩"
    FontSize="16"
    Loaded="Window_Loaded">
<Grid xmlns:dxpg="http://schemas.devexpress.com/winfx/2008/xaml/pivotgrid">
    <dxpg:PivotGridControl x:Name="pivotGridControl"
        CustomCellDisplayText="pivotGridControl_CustomCellDisplayText">
        <dxpg:PivotGridControl.Fields>
            <dxpg:PivotGridField x:Name="countryField"
                FieldName="Country"
                Area="RowArea" />
            <dxpg:PivotGridField x:Name="salesPersonField"
                FieldName="Sales Person"
                Area="RowArea"
                Caption="Customer" />
            <dxpg:PivotGridField x:Name="orderDateField"
                FieldName="OrderDate"
                Area="ColumnArea"
                GroupInterval="DateYear"
                Caption="Year" />
            <dxpg:PivotGridField x:Name="categoryNameField"
                FieldName="CategoryName"
                Area="ColumnArea"
                Caption="Product Category" />
            <dxpg:PivotGridField x:Name="productNameField"
                FieldName="ProductName"
                Area="FilterArea"
                Caption="Product Name" />
            <dxpg:PivotGridField x:Name="extendedPriceField"
                FieldName="Extended Price"
                Area="DataArea"
                CellFormat="c0" />
        </dxpg:PivotGridControl.Fields>
    </dxpg:PivotGridControl>
</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"

Width="800"

Height="600"

Title="커스텀 텍스트 표시하기"

FontFamily="나눔고딕코딩"

FontSize="16"

Loaded="Window_Loaded">

<dxpg:PivotGridControl x:Name="pivotGridControl"

CustomCellDisplayText="pivotGridControl_CustomCellDisplayText">

<dxpg:PivotGridControl.Fields>

<dxpg:PivotGridField x:Name="countryField"

FieldName="Country"

Area="RowArea" />

<dxpg:PivotGridField x:Name="salesPersonField"

FieldName="Sales Person"

Area="RowArea"

Caption="Customer" />

<dxpg:PivotGridField x:Name="orderDateField"

FieldName="OrderDate"

Area="ColumnArea"

GroupInterval="DateYear"

Caption="Year" />

<dxpg:PivotGridField x:Name="categoryNameField"

FieldName="CategoryName"

Area="ColumnArea"

Caption="Product Category" />

<dxpg:PivotGridField x:Name="productNameField"

FieldName="ProductName"

Area="FilterArea"

Caption="Product Name" />

<dxpg:PivotGridField x:Name="extendedPriceField"

FieldName="Extended Price"

Area="DataArea"

CellFormat="c0" />

</dxpg:PivotGridControl.Fields>

</dxpg:PivotGridControl>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System;
using System.Windows;

using DevExpress.Xpf.PivotGrid;

using TestProject.NorthwindTableAdapters;

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

        #region Field

        /// <summary>
        /// 판매원 데이터 테이블
        /// </summary>
        private NorthwindDataSet.SalesPersonDataTable salesPersonDataTable = new NorthwindDataSet.SalesPersonDataTable();

        /// <summary>
        /// 판매원 테이블 어댑터
        /// </summary>
        private SalesPersonTableAdapter salesPersonTableAdapter = new SalesPersonTableAdapter();

        #endregion

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

        #region 생성자 - MainWindow()

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

            this.pivotGridControl.DataSource = this.salesPersonDataTable;
        }

        #endregion

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

        #region 윈도우 로드시 처리하기 - Window_Loaded(sender, e)

        /// <summary>
        /// 윈도우 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            salesPersonTableAdapter.Fill(this.salesPersonDataTable);
        }

        #endregion
        #region 피벗 그리드 컨트롤 커스텀 셀 표시 텍스트 처리하기 - pivotGridControl_CustomCellDisplayText(sender, e)

        /// <summary>
        /// 피벗 그리드 컨트롤 커스텀 셀 표시 텍스트 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void pivotGridControl_CustomCellDisplayText(object sender, PivotCellDisplayTextEventArgs e)
        {
            if(e.RowValueType != FieldValueType.GrandTotal || e.ColumnValueType == FieldValueType.GrandTotal || e.ColumnValueType == FieldValueType.Total)
            {
                return;
            }

            if(Convert.ToSingle(e.Value) < 50000)
            {
                e.DisplayText = "Low";
            }
            else if(Convert.ToSingle(e.Value) > 100000)
            {
                e.DisplayText = "High";
            }
            else
            {
                e.DisplayText = "Middle";
            }
        }

        #endregion
    }
}

using System;

using System.Windows;

using DevExpress.Xpf.PivotGrid;

using TestProject.NorthwindTableAdapters;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

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

#region Field

/// <summary>

/// 판매원 데이터 테이블

/// </summary>

private NorthwindDataSet.SalesPersonDataTable salesPersonDataTable = new NorthwindDataSet.SalesPersonDataTable();

/// <summary>

/// 판매원 테이블 어댑터

/// </summary>

private SalesPersonTableAdapter salesPersonTableAdapter = new SalesPersonTableAdapter();

#endregion

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.pivotGridControl.DataSource = this.salesPersonDataTable;

}

#endregion

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

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

#region 윈도우 로드시 처리하기 - Window_Loaded(sender, e)

/// <summary>

/// 윈도우 로드시 처리하기

/// </summary>

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

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

private void Window_Loaded(object sender, RoutedEventArgs e)

{

salesPersonTableAdapter.Fill(this.salesPersonDataTable);

}

#endregion

#region 피벗 그리드 컨트롤 커스텀 셀 표시 텍스트 처리하기 - pivotGridControl_CustomCellDisplayText(sender, e)

/// <summary>

/// 피벗 그리드 컨트롤 커스텀 셀 표시 텍스트 처리하기

/// </summary>

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

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

private void pivotGridControl_CustomCellDisplayText(object sender, PivotCellDisplayTextEventArgs e)

{

if(e.RowValueType != FieldValueType.GrandTotal || e.ColumnValueType == FieldValueType.GrandTotal || e.ColumnValueType == FieldValueType.Total)

{

return;

}

if(Convert.ToSingle(e.Value) < 50000)

{

e.DisplayText = "Low";

}

else if(Convert.ToSingle(e.Value) > 100000)

{

e.DisplayText = "High";

}

else

{

e.DisplayText = "Middle";

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] GridControl 클래스 : 선택 행의 모양 변경하기

■ GridControl 클래스에서 선택 행의 모양을 변경하는 방법을 보여준다. ▶ 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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    Width="800"
    Height="600"
    Title="선택 행의 모양 변경하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <Style x:Key="SelectedRowStyleKey" TargetType="{x:Type dxg:GridRowContent}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding Path=IsSelected}" Value="True">
                    <Setter Property="Background" Value="Gray"  />
                    <Setter Property="Foreground" Value="White" />
                </DataTrigger>
                <Trigger Property="dxg:GridViewBase.IsFocusedRow" Value="True">
                    <Setter Property="Background" Value="Red"   />
                    <Setter Property="Foreground" Value="White" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>
    <Grid>
        <dxg:GridControl x:Name="gridControl"
            AutoGenerateColumns="AddNew"
            SelectionMode="Row">
            <dxg:GridControl.View>
                <dxg:TableView
                    ShowGroupPanel="False"
                    AllowGrouping="False"
                    RowStyle="{StaticResource SelectedRowStyleKey}">
                </dxg:TableView>
            </dxg:GridControl.View>
        </dxg:GridControl>
    </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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"

Width="800"

Height="600"

Title="선택 행의 모양 변경하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<Style.Triggers>

</DataTrigger>

</Trigger>

</Style.Triggers>

</Style>

</Window.Resources>

<Grid>

<dxg:GridControl x:Name="gridControl"

AutoGenerateColumns="AddNew"

SelectionMode="Row">

<dxg:GridControl.View>

<dxg:TableView

ShowGroupPanel="False"

AllowGrouping="False"

RowStyle="{StaticResource SelectedRowStyleKey}">

</dxg:TableView>

</dxg:GridControl.View>

</dxg:GridControl>

</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.gridControl.ItemsSource = new ProductList().GetData();
        }

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.gridControl.ItemsSource = new ProductList().GetData();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] GridControl 클래스 : 컨텍스트 메뉴에 항목 추가하기/제거하기

■ GridControl 클래스에서 컨텍스트 메뉴에 항목을 추가하거나 제거하는 방법을 보여준다. ▶ 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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    Width="800"
    Height="600"
    Title="컨텍스트 메뉴에 항목 추가하기/제거하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxg:GridControl
            ItemsSource="{Binding}"
            AutoGenerateColumns="AddNew">
            <dxg:GridControl.View>
                <dxg:TableView ShowTotalSummary="True">
                    <dxg:TableView.ColumnMenuCustomizations>
                        <dxb:BarCheckItem x:Name="checkedBarCheckItem"
                            Content="Checked"
                            IsChecked="True"
                            dxb:BarItemLinkActionBase.ItemLinkIndex="0" />
                        <dxb:BarItemLinkSeparator dxb:BarItemLinkActionBase.ItemLinkIndex="1" />
                    </dxg:TableView.ColumnMenuCustomizations>
                    <dxg:TableView.TotalSummaryMenuCustomizations>
                        <dxb:RemoveBarItemAndLinkAction ItemName="{x:Static dxg:DefaultSummaryMenuItemNames.Customize}" />
                    </dxg:TableView.TotalSummaryMenuCustomizations>
                </dxg:TableView>
            </dxg:GridControl.View>
        </dxg:GridControl>
    </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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"

Width="800"

Height="600"

Title="컨텍스트 메뉴에 항목 추가하기/제거하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxg:GridControl

ItemsSource="{Binding}"

AutoGenerateColumns="AddNew">

<dxg:GridControl.View>

<dxg:TableView ShowTotalSummary="True">

<dxg:TableView.ColumnMenuCustomizations>

<dxb:BarCheckItem x:Name="checkedBarCheckItem"

Content="Checked"

IsChecked="True"

dxb:BarItemLinkActionBase.ItemLinkIndex="0" />

<dxb:BarItemLinkSeparator dxb:BarItemLinkActionBase.ItemLinkIndex="1" />

</dxg:TableView.ColumnMenuCustomizations>

<dxg:TableView.TotalSummaryMenuCustomizations>

<dxb:RemoveBarItemAndLinkAction ItemName="{x:Static dxg:DefaultSummaryMenuItemNames.Customize}" />

</dxg:TableView.TotalSummaryMenuCustomizations>

</dxg:TableView>

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Collections.Generic;
using System.Windows;

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

        #region 생성자 - MainWindow()

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

            List<Sample> list = new List<Sample>();

            for(int i = 0; i < 100; i++)
            {
                list.Add
                (
                    new Sample()
                    {
                        Number1 = i,
                        Number2 = i * 10,
                        Text1   = "Row " + i,
                        Text2   = "Row " + i
                    }
                );
            }

            DataContext = list;
        }

        #endregion
    }
}

using System.Collections.Generic;

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

List<Sample> list = new List<Sample>();

for(int i = 0; i < 100; i++)

{

list.Add

(

new Sample()

{

Number1 = i,

Number2 = i * 10,

Text1 = "Row " + i,

Text2 = "Row " + i

}

);

}

DataContext = list;

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] GridControl 클래스 : 그리드 레이아웃 저장시 저장 속성 선택하기

■ GridControl 클래스에서 그리드 레이아웃 저장시 저장 속성을 선택하는 방법을 보여준다. ▶ 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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    Width="800"
    Height="600"
    Title="그리드 레이아웃 저장시 저장 속성 선택하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"   />
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <dxg:GridControl x:Name="gridControl"
            Loaded="gridControl_Loaded">
            <dxg:GridControl.Columns>
                <dxg:GridColumn x:Name="colIssueName" FieldName="IssueName" Visible="True"  Width="100"                 />
                <dxg:GridColumn x:Name="colIssueType" FieldName="IssueType" Visible="True"  Width="80"                  />
                <dxg:GridColumn x:Name="colPrivate"   FieldName="IsPrivate" Visible="False" Width="20" Header="Private" />
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView />
            </dxg:GridControl.View>
        </dxg:GridControl>
        <StackPanel
            Grid.Row="1"
            Margin="0 5 0 5"
            Orientation="Horizontal">
            <Button x:Name="saveLayoutButton"
                Margin="5 0 5 0"
                Padding="5"
                Content="Save Layout"
                Click="saveLayoutButton_Click" />
            <Button x:Name="restoreLayoutButton"
                Padding="5"
                Content="Restore Layout"
                Click="restoreLayoutButton_Click" />
        </StackPanel>
    </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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"

Width="800"

Height="600"

Title="그리드 레이아웃 저장시 저장 속성 선택하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<dxg:GridControl x:Name="gridControl"

Loaded="gridControl_Loaded">

<dxg:GridControl.Columns>

<dxg:GridColumn x:Name="colIssueName" FieldName="IssueName" Visible="True" Width="100" />

<dxg:GridColumn x:Name="colIssueType" FieldName="IssueType" Visible="True" Width="80" />

<dxg:GridColumn x:Name="colPrivate" FieldName="IsPrivate" Visible="False" Width="20" Header="Private" />

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView />

</dxg:GridControl.View>

</dxg:GridControl>

<StackPanel

Grid.Row="1"

Margin="0 5 0 5"

Orientation="Horizontal">

<Button x:Name="saveLayoutButton"

Margin="5 0 5 0"

Padding="5"

Content="Save Layout"

Click="saveLayoutButton_Click" />

<Button x:Name="restoreLayoutButton"

Padding="5"

Content="Restore Layout"

Click="restoreLayoutButton_Click" />

</StackPanel>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

using DevExpress.Xpf.Core.Serialization;
using DevExpress.Xpf.Grid;

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

        #region 생성자 - MainWindow()

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

        #endregion

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

        #region 그리드 컨트롤 로드시 처리하기 - gridControl_Loaded(sender, e)

        /// <summary>
        /// 그리드 컨트롤 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void gridControl_Loaded(object sender, RoutedEventArgs e)
        {
            this.gridControl.ItemsSource = new IssueList().GetData();

            foreach(GridColumn gridColumn in this.gridControl.Columns)
            {
                gridColumn.AddHandler(DXSerializer.AllowPropertyEvent, new AllowPropertyEventHandler(gridColumn_AllowProperty));
            }
        }

        #endregion
        #region 그리드 컬럼 속성 허용 처리하기 - gridColumn_AllowProperty(sender, e)

        /// <summary>
        /// 그리드 컬럼 속성 허용 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void gridColumn_AllowProperty(object sender, AllowPropertyEventArgs e)
        {
            e.Allow = e.DependencyProperty == GridColumn.ActualWidthProperty ||
                      e.DependencyProperty == GridColumn.FieldNameProperty   ||
                      e.DependencyProperty == GridColumn.VisibleProperty;
        }

        #endregion
        #region Restore Layout 버튼 클릭시 처리하기 - restoreLayoutButton_Click(sender, e)

        /// <summary>
        /// Restore Layout 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void restoreLayoutButton_Click(object sender, RoutedEventArgs e)
        {
            this.gridControl.RestoreLayoutFromXml("layout.xml");
        }

        #endregion
        #region Save Layout 버튼 클릭시 처리하기 - saveLayoutButton_Click(sender, e)

        /// <summary>
        /// Save Layout 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void saveLayoutButton_Click(object sender, RoutedEventArgs e)
        {
            this.gridControl.SaveLayoutToXml("layout.xml");
        }

        #endregion
    }
}

using System.Windows;

using DevExpress.Xpf.Core.Serialization;

using DevExpress.Xpf.Grid;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

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

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

#region 그리드 컨트롤 로드시 처리하기 - gridControl_Loaded(sender, e)

/// <summary>

/// 그리드 컨트롤 로드시 처리하기

/// </summary>

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

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

private void gridControl_Loaded(object sender, RoutedEventArgs e)

{

this.gridControl.ItemsSource = new IssueList().GetData();

foreach(GridColumn gridColumn in this.gridControl.Columns)

{

gridColumn.AddHandler(DXSerializer.AllowPropertyEvent, new AllowPropertyEventHandler(gridColumn_AllowProperty));

}

#endregion

#region 그리드 컬럼 속성 허용 처리하기 - gridColumn_AllowProperty(sender, e)

/// <summary>

/// 그리드 컬럼 속성 허용 처리하기

/// </summary>

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

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

private void gridColumn_AllowProperty(object sender, AllowPropertyEventArgs e)

{

e.Allow = e.DependencyProperty == GridColumn.ActualWidthProperty ||

e.DependencyProperty == GridColumn.FieldNameProperty ||

e.DependencyProperty == GridColumn.VisibleProperty;

}

#endregion

#region Restore Layout 버튼 클릭시 처리하기 - restoreLayoutButton_Click(sender, e)

/// <summary>

/// Restore Layout 버튼 클릭시 처리하기

/// </summary>

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

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

private void restoreLayoutButton_Click(object sender, RoutedEventArgs e)

{

this.gridControl.RestoreLayoutFromXml("layout.xml");

}

#endregion

#region Save Layout 버튼 클릭시 처리하기 - saveLayoutButton_Click(sender, e)

/// <summary>

/// Save Layout 버튼 클릭시 처리하기

/// </summary>

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

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

private void saveLayoutButton_Click(object sender, RoutedEventArgs e)

{

this.gridControl.SaveLayoutToXml("layout.xml");

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] ComboBoxEdit 클래스 : 데이터 바인딩 하기

■ ComboBoxEdit 클래스에서 데이터 바인딩을 하는 방법을 보여준다. ▶ 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:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    Width="400"
    Height="300"
    Title="데이터 바인딩하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxe:ComboBoxEdit x:Name="comboBoxEdit"
            Width="150"
            Height="25"
            ValueMember="CategoryID"
            DisplayMember="CategoryName">
            <dxe:ComboBoxEdit.StyleSettings>
                <dxe:RadioComboBoxStyleSettings />
            </dxe:ComboBoxEdit.StyleSettings>
        </dxe:ComboBoxEdit>
    </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:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"

Width="400"

Height="300"

Title="데이터 바인딩하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxe:ComboBoxEdit x:Name="comboBoxEdit"

Width="150"

Height="25"

ValueMember="CategoryID"

DisplayMember="CategoryName">

<dxe:ComboBoxEdit.StyleSettings>

<dxe:RadioComboBoxStyleSettings />

</dxe:ComboBoxEdit.StyleSettings>

</dxe:ComboBoxEdit>

</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.comboBoxEdit.ItemsSource = new NorthwindDataSetTableAdapters.CategoriesTableAdapter().GetData();
        }

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.comboBoxEdit.ItemsSource = new NorthwindDataSetTableAdapters.CategoriesTableAdapter().GetData();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] ButtonEdit 클래스 : 버튼 추가하기

■ ButtonEdit 클래스에서 버튼을 추가하는 방법을 보여준다. ▶ 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:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    Width="400"
    Height="300"
    Title="기능적 ButtonEdit 생성하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxe:ButtonEdit x:Name="buttonEdit"
            Width="150"
            Height="25"
            AllowDefaultButton="False">
            <dxe:ButtonInfo x:Name="clearButtonInfo"
                Content="Clear"
                IsLeft="True"
                Click="clearButtonInfo_Click" />
            <dxe:ButtonInfo x:Name="applyButtonInfo"
                GlyphKind="Apply"
                IsLeft="False"
                Click="applyButtonInfo_Click" />
        </dxe:ButtonEdit>
    </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:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"

Width="400"

Height="300"

Title="기능적 ButtonEdit 생성하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxe:ButtonEdit x:Name="buttonEdit"

Width="150"

Height="25"

AllowDefaultButton="False">

<dxe:ButtonInfo x:Name="clearButtonInfo"

Content="Clear"

IsLeft="True"

Click="clearButtonInfo_Click" />

<dxe:ButtonInfo x:Name="applyButtonInfo"

GlyphKind="Apply"

IsLeft="False"

Click="applyButtonInfo_Click" />

</dxe:ButtonEdit>

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

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

        #region Clear 버튼 정보 클릭시 처리하기 - clearButtonInfo_Click(sender, e)

        /// <summary>
        /// Clear 버튼 정보 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void clearButtonInfo_Click(object sender, RoutedEventArgs e)
        {
            this.buttonEdit.EditValue = string.Empty;
        }

        #endregion
        #region Apply 버튼 정보 클릭시 처리하기 - applyButtonInfo_Click(sender, e)

        /// <summary>
        /// Apply 버튼 정보 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void applyButtonInfo_Click(object sender, RoutedEventArgs e)
        {
            string information = string.Empty;

            information += " Text   : " + this.buttonEdit.Text   + "\n";
            information += " Margin : " + this.buttonEdit.Margin + "\n";
            information += " Width  : " + this.buttonEdit.Width  + "\n";
            information += " Height : " + this.buttonEdit.Height + "\n";
            information += " Mask   : " + this.buttonEdit.Mask   + "\n";

            MessageBox.Show(information, "ButtonEdit properties");
        }

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

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

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

#region Clear 버튼 정보 클릭시 처리하기 - clearButtonInfo_Click(sender, e)

/// <summary>

/// Clear 버튼 정보 클릭시 처리하기

/// </summary>

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

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

private void clearButtonInfo_Click(object sender, RoutedEventArgs e)

{

this.buttonEdit.EditValue = string.Empty;

}

#endregion

#region Apply 버튼 정보 클릭시 처리하기 - applyButtonInfo_Click(sender, e)

/// <summary>

/// Apply 버튼 정보 클릭시 처리하기

/// </summary>

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

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

private void applyButtonInfo_Click(object sender, RoutedEventArgs e)

{

string information = string.Empty;

information += " Text : " + this.buttonEdit.Text + "\n";

information += " Margin : " + this.buttonEdit.Margin + "\n";

information += " Width : " + this.buttonEdit.Width + "\n";

information += " Height : " + this.buttonEdit.Height + "\n";

information += " Mask : " + this.buttonEdit.Mask + "\n";

MessageBox.Show(information, "ButtonEdit properties");

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] LayoutControl 클래스 : 비선형 레이아웃 구축하기

■ LayoutControl 클래스에서 비선형 레이아웃을 구축하는 방법을 보여준다. ▶ 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:lc="http://schemas.devexpress.com/winfx/2008/xaml/layoutcontrol"
    Width="800"
    Height="600"
    Title="비선형 레이아웃 구축하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <lc:LayoutControl
            Background="#ffeaeaea"
            Orientation="Vertical">
            <lc:LayoutGroup Orientation="Horizontal">
                <lc:LayoutGroup Orientation="Vertical">
                    <lc:LayoutGroup
                        View="GroupBox"
                        Orientation="Horizontal"
                        IsCollapsible="True"
                        Header="Group 1">
                        <lc:LayoutItem
                            VerticalAlignment="Stretch"
                            Label="Item 1 :">
                            <TextBox />
                        </lc:LayoutItem>
                        <lc:LayoutGroup
                            lc:LayoutControl.AllowHorizontalSizing="True"
                            Orientation="Vertical">
                            <lc:LayoutItem
                                VerticalAlignment="Stretch"
                                Label="Item 2 :">
                                <TextBox />
                            </lc:LayoutItem>
                            <lc:LayoutItem
                                VerticalAlignment="Stretch"
                                Label="Item 3 :">
                                <TextBox />
                            </lc:LayoutItem>
                        </lc:LayoutGroup>
                    </lc:LayoutGroup>
                    <lc:LayoutItem
                        lc:LayoutControl.AllowVerticalSizing="True"
                        VerticalAlignment="Stretch"
                        Label="Item 4 :">
                        <TextBox />
                    </lc:LayoutItem>
                </lc:LayoutGroup>
                <lc:LayoutGroup
                    lc:LayoutControl.AllowHorizontalSizing="True"
                    View="Tabs">
                    <lc:LayoutGroup
                        Orientation="Vertical"
                        Header="Tab 1">
                        <lc:LayoutItem Label="Item 5 :">
                            <TextBox />
                        </lc:LayoutItem>
                        <lc:LayoutItem
                            VerticalAlignment="Stretch"
                            Label="Item 6 :">
                            <TextBox />
                        </lc:LayoutItem>
                    </lc:LayoutGroup>
                    <lc:LayoutGroup
                        Orientation="Vertical"
                        Header="Tab 2">
                        <lc:LayoutItem Label="Item 7 :">
                            <TextBox />
                        </lc:LayoutItem>
                        <lc:LayoutItem Label="Item 8 :">
                            <TextBox />
                        </lc:LayoutItem>
                    </lc:LayoutGroup>
                </lc:LayoutGroup>
            </lc:LayoutGroup>
            <lc:LayoutGroup Orientation="Horizontal">
                <lc:LayoutItem
                    HorizontalAlignment="Left"
                    Label="Item 9 :">
                    <TextBox Width="100" />
                </lc:LayoutItem>
                <lc:LayoutItem Label="Item 10 :">
                    <TextBox />
                </lc:LayoutItem>
                <lc:LayoutItem
                    HorizontalAlignment="Right"
                    Label="Item 11 :">
                    <TextBox Width="100" />
                </lc:LayoutItem>
            </lc:LayoutGroup>
        </lc:LayoutControl>
    </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:lc="http://schemas.devexpress.com/winfx/2008/xaml/layoutcontrol"

Width="800"

Height="600"

Title="비선형 레이아웃 구축하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<lc:LayoutControl

Background="#ffeaeaea"

Orientation="Vertical">

<lc:LayoutGroup Orientation="Horizontal">

<lc:LayoutGroup Orientation="Vertical">

<lc:LayoutGroup

View="GroupBox"

Orientation="Horizontal"

IsCollapsible="True"

Header="Group 1">

<lc:LayoutItem

VerticalAlignment="Stretch"

Label="Item 1 :">

</lc:LayoutItem>

<lc:LayoutGroup

lc:LayoutControl.AllowHorizontalSizing="True"

Orientation="Vertical">

<lc:LayoutItem

VerticalAlignment="Stretch"

Label="Item 2 :">

</lc:LayoutItem>

<lc:LayoutItem

VerticalAlignment="Stretch"

Label="Item 3 :">

</lc:LayoutItem>

</lc:LayoutGroup>

<lc:LayoutItem

lc:LayoutControl.AllowVerticalSizing="True"

VerticalAlignment="Stretch"

Label="Item 4 :">

</lc:LayoutItem>

</lc:LayoutGroup>

<lc:LayoutGroup

lc:LayoutControl.AllowHorizontalSizing="True"

View="Tabs">

<lc:LayoutGroup

Orientation="Vertical"

Header="Tab 1">

<lc:LayoutItem Label="Item 5 :">

</lc:LayoutItem>

<lc:LayoutItem

VerticalAlignment="Stretch"

Label="Item 6 :">

</lc:LayoutItem>

</lc:LayoutGroup>

<lc:LayoutGroup

Orientation="Vertical"

Header="Tab 2">

<lc:LayoutItem Label="Item 7 :">

</lc:LayoutItem>

<lc:LayoutItem Label="Item 8 :">

</lc:LayoutItem>

</lc:LayoutGroup>

<lc:LayoutGroup Orientation="Horizontal">

<lc:LayoutItem

HorizontalAlignment="Left"

Label="Item 9 :">

</lc:LayoutItem>

<lc:LayoutItem Label="Item 10 :">

</lc:LayoutItem>

<lc:LayoutItem

HorizontalAlignment="Right"

Label="Item 11 :">

</lc:LayoutItem>

</lc:LayoutGroup>

</lc:LayoutControl>

</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] FlowLayoutControl 클래스 : 항목 표시하고 최대화 특징 활성화 하기

■ FlowLayoutControl 클래스에서 항목을 표시하고 최대화 특징을 활성화하는 방법을 보여준다. ▶ 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:lc="http://schemas.devexpress.com/winfx/2008/xaml/layoutcontrol"
    Width="800"
    Height="600"
    Title="FlowLayoutControl에서 항목 표시하고 최대화 특징 활성화 하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <Style x:Key="GroupBoxStyleKey"
            TargetType="lc:GroupBox">
            <Setter Property="MaximizeElementVisibility" Value="Visible" />
            <Setter Property="MinimizeElementVisibility" Value="Visible" />
            <Setter Property="Width"                     Value="150"     />
        </Style>
    </Window.Resources>
    <Grid>
        <lc:FlowLayoutControl
            Orientation="Vertical"
            Background="#fffafafa"
            BreakFlowToFit="True"
            MaximizedElementPosition="Right"
            MaximizedElement="{Binding ElementName=groupBox}">
            <lc:GroupBox x:Name="groupBox"
                Style="{StaticResource  GroupBoxStyleKey}"
                Header="Group 1">
                <TextBlock
                    TextWrapping="Wrap"
                    Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed molestie porttitor congue..." />
            </lc:GroupBox>
            <lc:GroupBox
                Style="{StaticResource  GroupBoxStyleKey}"
                Header="Group 2">
                <TextBlock
                    TextWrapping="Wrap"
                    Text="Ut sagittis urna et lorem..." />
            </lc:GroupBox>
            <lc:GroupBox
                Style="{StaticResource  GroupBoxStyleKey}"
                Header="Group 3">
                <TextBlock
                    TextWrapping="Wrap"
                    Text="Nunc diam justo, tempus sit amet..." />
            </lc:GroupBox>
            <lc:GroupBox
                Style="{StaticResource  GroupBoxStyleKey}"
                Header="Group 4">
                <TextBlock
                    TextWrapping="Wrap"
                    Text="Quisque iaculis, risus ac bibendum ornare..." />
            </lc:GroupBox>
        </lc:FlowLayoutControl>
    </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:lc="http://schemas.devexpress.com/winfx/2008/xaml/layoutcontrol"

Width="800"

Height="600"

Title="FlowLayoutControl에서 항목 표시하고 최대화 특징 활성화 하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<Style x:Key="GroupBoxStyleKey"

TargetType="lc:GroupBox">

</Style>

</Window.Resources>

<Grid>

<lc:FlowLayoutControl

Orientation="Vertical"

Background="#fffafafa"

BreakFlowToFit="True"

MaximizedElementPosition="Right"

MaximizedElement="{Binding ElementName=groupBox}">

<lc:GroupBox x:Name="groupBox"

Style="{StaticResource GroupBoxStyleKey}"

Header="Group 1">

<TextBlock

TextWrapping="Wrap"

Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed molestie porttitor congue..." />

</lc:GroupBox>

<lc:GroupBox

Style="{StaticResource GroupBoxStyleKey}"

Header="Group 2">

<TextBlock

TextWrapping="Wrap"

Text="Ut sagittis urna et lorem..." />

</lc:GroupBox>

<lc:GroupBox

Style="{StaticResource GroupBoxStyleKey}"

Header="Group 3">

<TextBlock

TextWrapping="Wrap"

Text="Nunc diam justo, tempus sit amet..." />

</lc:GroupBox>

<lc:GroupBox

Style="{StaticResource GroupBoxStyleKey}"

Header="Group 4">

<TextBlock

TextWrapping="Wrap"

Text="Quisque iaculis, risus ac bibendum ornare..." />

</lc:GroupBox>

</lc:FlowLayoutControl>

</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] DockLayoutControl 클래스 : 도킹 레이아웃 사용하기

■ DockLayoutControl 클래스에서 도킹 레이아웃을 사용하는 방법을 보여준다. ▶ 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:lc="http://schemas.devexpress.com/winfx/2008/xaml/layoutcontrol"
    Width="800"
    Height="600"
    Title="DockLayoutControl 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <Style TargetType="lc:GroupBox">
            <Setter Property="lc:DockLayoutControl.AllowHorizontalSizing" Value="True" />
            <Setter Property="lc:DockLayoutControl.AllowVerticalSizing"   Value="True" />
        </Style>
    </Window.Resources>
    <Grid>
        <lc:DockLayoutControl AllowItemSizing="True">
            <lc:GroupBox lc:DockLayoutControl.Dock="Top"
                Height="70"
                Header="GroupBox 1" />
            <lc:GroupBox lc:DockLayoutControl.Dock="Right"
                Header="GroupBox 2" />
            <lc:GroupBox lc:DockLayoutControl.Dock="Bottom"
                Height="70"
                Header="GroupBox 3" />
            <lc:GroupBox lc:DockLayoutControl.Dock="Left"
                Header="GroupBox 4" />
            <lc:GroupBox lc:DockLayoutControl.Dock="Top"
                Height="70"
                Header="GroupBox 5" />
            <lc:GroupBox lc:DockLayoutControl.Dock="Client"
                Header="GroupBox 6" />
        </lc:DockLayoutControl>
    </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:lc="http://schemas.devexpress.com/winfx/2008/xaml/layoutcontrol"

Width="800"

Height="600"

Title="DockLayoutControl 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

</Style>

</Window.Resources>

<Grid>

<lc:DockLayoutControl AllowItemSizing="True">

<lc:GroupBox lc:DockLayoutControl.Dock="Top"

Height="70"

Header="GroupBox 1" />

<lc:GroupBox lc:DockLayoutControl.Dock="Right"

Header="GroupBox 2" />

<lc:GroupBox lc:DockLayoutControl.Dock="Bottom"

Height="70"

Header="GroupBox 3" />

<lc:GroupBox lc:DockLayoutControl.Dock="Left"

Header="GroupBox 4" />

<lc:GroupBox lc:DockLayoutControl.Dock="Top"

Height="70"

Header="GroupBox 5" />

<lc:GroupBox lc:DockLayoutControl.Dock="Client"

Header="GroupBox 6" />

</lc:DockLayoutControl>

</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] TileLayoutControl 클래스 : 타일 레이아웃 컨트롤 생성하기

■ TileLayoutControl 클래스에서 타일 레이아웃 컨트롤을 생성하는 방법을 보여준다. ▶ MainWindow.xaml


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

<Window x:Class="TestProject.MainWindow"

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

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

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

xmlns:dxlc="http://schemas.devexpress.com/winfx/2008/xaml/layoutcontrol"

Width="800"

Height="600"

Title="타일 레이아웃 컨트롤 생성하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxlc:TileLayoutControl x:Name="tileLayoutControl"

Background="{x:Null}">

<dxlc:Tile x:Name="tile1"

Header="System Information">

</dxlc:Tile>

<dxlc:Tile x:Name="tile2"

Size="Small"

Background="#ffc14aaf"

Header="Research">

</dxlc:Tile>

<dxlc:Tile x:Name="tile3"

Size="Small"

Background="#ff5ca332"

Header="Statistics">

</dxlc:Tile>

<dxlc:Tile x:Name="tile4"

dxlc:FlowLayoutControl.IsFlowBreak="True"

Size="Large"

HorizontalHeaderAlignment="Center"

Header="Rates">

</dxlc:Tile>

<dxlc:Tile x:Name="tile5"

Size="Large"

Background="#FF666666"

HorizontalHeaderAlignment="Center"

ContentSource="{Binding}"

AnimateContentChange="True"

ContentChangeInterval="00:00:03">

<dxlc:Tile.ContentTemplate>

<Grid>

<TextBlock

Margin="5 0 0 0"

HorizontalAlignment="Left"

VerticalAlignment="Bottom"

Text="{Binding AgentName}" />

<Image

HorizontalAlignment="Right"

VerticalAlignment="Top"

Width="150"

Height="150"

Stretch="Fill"

Source="{Binding PhotoSource}" />

</Grid>

</DataTemplate>

</dxlc:Tile.ContentTemplate>

</dxlc:Tile>

</dxlc:TileLayoutControl>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

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

        #region 생성자 - MainWindow()

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

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

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

DataContext = new AgentList().GetData();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] LayoutControl 클래스 : 복합 레이아웃 구축하기

■ LayoutControl 클래스에서 복합 레이아웃을 구축하는 방법을 보여준다. ▶ 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:lc="http://schemas.devexpress.com/winfx/2008/xaml/layoutcontrol"
    Width="800"
    Height="600"
    Title="복합 레이아웃 구축하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <lc:LayoutControl
            Orientation="Vertical"
            Background="#ffeaeaea">
            <lc:LayoutGroup Orientation="Horizontal">
                <lc:LayoutGroup Orientation="Vertical">
                    <lc:LayoutItem Label="Item 1 :">
                        <TextBox />
                    </lc:LayoutItem>
                    <lc:LayoutGroup Orientation="Horizontal">
                        <lc:LayoutItem Label="Item 2 :">
                            <TextBox />
                        </lc:LayoutItem>
                        <lc:LayoutGroup Orientation="Vertical">
                            <lc:LayoutItem Label="Item 3 :">
                                <TextBox />
                            </lc:LayoutItem>
                            <lc:LayoutItem Label="Item 4 :">
                                <TextBox />
                            </lc:LayoutItem>
                        </lc:LayoutGroup>
                    </lc:LayoutGroup>
                </lc:LayoutGroup>
                <lc:LayoutGroup View="Tabs">
                    <lc:LayoutGroup
                        Header="Tab 1"
                        Orientation="Vertical">
                        <lc:LayoutItem Label="Item 5 :">
                            <TextBox />
                        </lc:LayoutItem>
                        <lc:LayoutItem Label="Item 6 :">
                            <TextBox />
                        </lc:LayoutItem>
                    </lc:LayoutGroup>
                    <lc:LayoutGroup Header="Tab 2">
                        <lc:LayoutItem Label="Item 7 :">
                            <TextBox />
                        </lc:LayoutItem>
                        <lc:LayoutItem Label="Item 8 :">
                            <TextBox />
                        </lc:LayoutItem>
                    </lc:LayoutGroup>
                </lc:LayoutGroup>
            </lc:LayoutGroup>
            <lc:LayoutGroup Orientation="Horizontal">
                <lc:LayoutItem
                    HorizontalAlignment="Left"
                    Label="Item 9 :">
                    <TextBox Width="100" />
                </lc:LayoutItem>
                <lc:LayoutItem Label="Item 10 :">
                    <TextBox />
                </lc:LayoutItem>
                <lc:LayoutItem
                    HorizontalAlignment="Right"
                    Label="Item 11 :">
                    <TextBox Width="100" />
                </lc:LayoutItem>
            </lc:LayoutGroup>
        </lc:LayoutControl>
    </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:lc="http://schemas.devexpress.com/winfx/2008/xaml/layoutcontrol"

Width="800"

Height="600"

Title="복합 레이아웃 구축하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<lc:LayoutControl

Orientation="Vertical"

Background="#ffeaeaea">

<lc:LayoutGroup Orientation="Horizontal">

<lc:LayoutGroup Orientation="Vertical">

<lc:LayoutItem Label="Item 1 :">

</lc:LayoutItem>

<lc:LayoutGroup Orientation="Horizontal">

<lc:LayoutItem Label="Item 2 :">

</lc:LayoutItem>

<lc:LayoutGroup Orientation="Vertical">

<lc:LayoutItem Label="Item 3 :">

</lc:LayoutItem>

<lc:LayoutItem Label="Item 4 :">

</lc:LayoutItem>

</lc:LayoutGroup>

<lc:LayoutGroup View="Tabs">

<lc:LayoutGroup

Header="Tab 1"

Orientation="Vertical">

<lc:LayoutItem Label="Item 5 :">

</lc:LayoutItem>

<lc:LayoutItem Label="Item 6 :">

</lc:LayoutItem>

</lc:LayoutGroup>

<lc:LayoutGroup Header="Tab 2">

<lc:LayoutItem Label="Item 7 :">

</lc:LayoutItem>

<lc:LayoutItem Label="Item 8 :">

</lc:LayoutItem>

</lc:LayoutGroup>

<lc:LayoutGroup Orientation="Horizontal">

<lc:LayoutItem

HorizontalAlignment="Left"

Label="Item 9 :">

</lc:LayoutItem>

<lc:LayoutItem Label="Item 10 :">

</lc:LayoutItem>

<lc:LayoutItem

HorizontalAlignment="Right"

Label="Item 11 :">

</lc:LayoutItem>

</lc:LayoutGroup>

</lc:LayoutControl>

</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] LayoutControl 클래스 : 항목 레이아웃 저장하기/복원하기

■ LayoutControl 클래스를 사용해 항목 레이아웃을 저장하고 복원하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.IO;
using System.Xml;

using DevExpress.Xpf.LayoutControl;

...

LayoutControl layoutControl = new LayoutControl();

...

MemoryStream memoryStream = new MemoryStream();

XmlWriter xmlWriter = XmlWriter.Create(memoryStream);

layoutControl.WriteToXML(xmlWriter);

xmlWriter.Close();

...

memoryStream.Seek(0, SeekOrigin.Begin);

XmlReader xmlReader = XmlReader.Create(memoryStream);

layoutControl.ReadFromXML(xmlReader);

xmlReader.Close();

using System.IO;

using System.Xml;

using DevExpress.Xpf.LayoutControl;

...

LayoutControl layoutControl = new LayoutControl();

...

MemoryStream memoryStream = new MemoryStream();

XmlWriter xmlWriter = XmlWriter.Create(memoryStream);

layoutControl.WriteToXML(xmlWriter);

xmlWriter.Close();

...

memoryStream.Seek(0, SeekOrigin.Begin);

XmlReader xmlReader = XmlReader.Create(memoryStream);

layoutControl.ReadFromXML(xmlReader);

xmlReader.Close();

[C#/WPF/DEVEXPRESS] DockLayoutControl 클래스 : 수평/수직 항목 크기 조정 사용하기

■ DockLayoutControl 클래스에서 수평/수직 항목 크기 조정을 사용하는 방법을 보여준다. ▶ 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:lc="http://schemas.devexpress.com/winfx/2008/xaml/layoutcontrol"
    Width="800"
    Height="600"
    Title="수평/수직 항목 크기 조정 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <lc:DockLayoutControl>
            <lc:GroupBox
                lc:DockLayoutControl.Dock="Top"
                lc:DockLayoutControl.AllowVerticalSizing="True"
                Height="70"
                Header="GroupBox 1"/>
            <lc:GroupBox
                lc:DockLayoutControl.Dock="Right"
                lc:DockLayoutControl.AllowHorizontalSizing="True"
                Header="GroupBox 2" />
            <lc:GroupBox
                lc:DockLayoutControl.Dock="Left"
                lc:DockLayoutControl.AllowHorizontalSizing="True"
                Header="GroupBox 3" />
            <lc:GroupBox
                lc:DockLayoutControl.Dock="Client"
                Header="GroupBox 4" />
        </lc:DockLayoutControl>
    </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:lc="http://schemas.devexpress.com/winfx/2008/xaml/layoutcontrol"

Width="800"

Height="600"

Title="수평/수직 항목 크기 조정 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<lc:DockLayoutControl>

<lc:GroupBox

lc:DockLayoutControl.Dock="Top"

lc:DockLayoutControl.AllowVerticalSizing="True"

Height="70"

Header="GroupBox 1"/>

<lc:GroupBox

lc:DockLayoutControl.Dock="Right"

lc:DockLayoutControl.AllowHorizontalSizing="True"

Header="GroupBox 2" />

<lc:GroupBox

lc:DockLayoutControl.Dock="Left"

lc:DockLayoutControl.AllowHorizontalSizing="True"

Header="GroupBox 3" />

<lc:GroupBox

lc:DockLayoutControl.Dock="Client"

Header="GroupBox 4" />

</lc:DockLayoutControl>

</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] RibbonControl 클래스 : 리본 컨트롤 생성하기

■ RibbonControl 클래스를 사용해 리본 컨트롤을 생성하는 방법을 보여준다. ▶ MainWindow.xaml


<dxr:DXRibbonWindow 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:dxc="http://schemas.devexpress.com/winfx/2008/xaml/core"
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    xmlns:dxr="http://schemas.devexpress.com/winfx/2008/xaml/ribbon"
    xmlns:local="clr-namespace:TestProject"
    Width="800"
    Height="600"
    Icon="pack://application:,,,/Image/applicationIcon-16x16.png"
    dxc:ThemeManager.ThemeName="Azure"
    Title="리본 컨트롤 생성하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <dxb:BarManager Name="barManager">
        <dxb:BarManager.Items>
            <dxb:BarButtonItem x:Name="newBarButtonItem"
                Glyph="pack://application:,,,/Image/new-16x16.png"
                LargeGlyph="pack://application:,,,/Image/new-32x32.png"
                Content="New"
                Description="New blank document."
                Hint="New blank document." />
            <dxb:BarButtonItem x:Name="openBarButtonItem"
                Glyph="pack://application:,,,/Image/open-16x16.png"
                LargeGlyph="pack://application:,,,/Image/open-32x32.png"
                Content="Open"
                Description="Open a file."
                Hint="Open a file." />
            <dxb:BarButtonItem x:Name="closeBarButtonItem"
                Glyph="pack://application:,,,/Image/close-16x16.png"
                LargeGlyph="pack://application:,,,/Image/close-32x32.png"
                Hint="Close the current document"
                Content="Close" />
            <dxb:BarButtonItem x:Name="printBarButtonItem"
                Glyph="pack://application:,,,/Image/print-16x16.png"
                LargeGlyph="pack://application:,,,/Image/print-32x32.png"
                Content="Print"
                Description="Prints the document."
                Hint="Prints the document." />
            <dxb:BarButtonItem x:Name="saveBarButtonItem"
                Glyph="pack://application:,,,/Image/save-16x16.png"
                LargeGlyph="pack://application:,,,/Image/save-32x32.png"
                Content="Save"
                Description="Saves the document."
                Hint="Saves the document." />
            <dxb:BarButtonItem x:Name="saveAsBarButtonItem"
                Glyph="pack://application:,,,/Image/save-as-16x16.png"
                LargeGlyph="pack://application:,,,/Image/save-as-32x32.png"
                Content="Save As..."
                Description="Save Document As..."
                Hint="Save Document As..." />
            <dxb:BarSplitButtonItem x:Name="saveBarSplitButtonItem"
                Glyph="pack://application:,,,/Image/save-16x16.png"
                LargeGlyph="pack://application:,,,/Image/save-32x32.png"
                Content="Save">
                <dxb:BarSplitButtonItem.PopupControl >
                    <dxb:PopupMenuInfo>
                        <dxb:PopupMenuInfo.ItemLinks>
                            <dxb:BarItemLink BarItemName="saveBarButtonItem"   />
                            <dxb:BarItemLink BarItemName="saveAsBarButtonItem" />
                        </dxb:PopupMenuInfo.ItemLinks>
                    </dxb:PopupMenuInfo>
                </dxb:BarSplitButtonItem.PopupControl>
            </dxb:BarSplitButtonItem>
            <dxb:BarButtonItem x:Name="cutBarButtonItem"
                Glyph="pack://application:,,,/Image/cut-16x16.png"
                Content="Cut" />
            <dxb:BarButtonItem x:Name="copyBarButtonItem"
                Glyph="pack://application:,,,/Image/copy-16x16.png"
                Content="Copy" />
            <dxb:BarButtonItem x:Name="pasteBarButtonItem"
                Glyph="pack://application:,,,/Image/paste-16x16.png"
                LargeGlyph="pack://application:,,,/Image/paste-32x32.png"
                Content="Paste" />
            <dxb:BarButtonItem x:Name="clearBarButtonItem"
                Glyph="pack://application:,,,/Image/delete-16x16.png"
                Content="Clear" />
            <dxb:BarCheckItem x:Name="boldBarCheckItem"
                Glyph="pack://application:,,,/Image/bold-16x16.png"
                Content="Bold" />
            <dxb:BarCheckItem x:Name="italicBarCheckItem"
                Glyph="pack://application:,,,/Image/italic-16x16.png"
                Content="Italic" />
            <dxb:BarCheckItem Name="underlineBarCheckItem"
                Glyph="pack://application:,,,/Image/underline-16x16.png"
                Content="Underline" />
            <dxb:BarButtonItem x:Name="aboutBarButtonItem"
                Glyph="pack://application:,,,/Image/info-16x16.png"
                LargeGlyph="pack://application:,,,/Image/info-32x32.png"
                Content="About"
                ItemClick="aboutBarButtonItem_ItemClick" />
            <dxr:BarButtonGroup Name="fontShapeBarButtonGroup">
                <dxr:BarButtonGroup.ItemLinks>
                    <dxb:BarItemLink BarItemName="boldBarCheckItem"      />
                    <dxb:BarItemLink BarItemName="italicBarCheckItem"    />
                    <dxb:BarItemLink BarItemName="underlineBarCheckItem" />
                </dxr:BarButtonGroup.ItemLinks>
            </dxr:BarButtonGroup>
            <dxb:BarEditItem x:Name="fontSizeBarEditItem"
                EditWidth="60"
                Content="Font Size : "
                EditValueChanged="fontSizeBarEditItem_EditValueChanged">
                <dxb:BarEditItem.EditSettings>
                    <dxe:ComboBoxEditSettings
                        IsTextEditable="False"
                        PopupMaxHeight="250" />
                </dxb:BarEditItem.EditSettings>
            </dxb:BarEditItem>
            <dxr:RibbonGalleryBarItem x:Name="fontRibbonGalleryBarItem">
                <dxr:RibbonGalleryBarItem.Links>
                    <dxb:BarItemLink BarItemName="fontSizeBarEditItem" />
                </dxr:RibbonGalleryBarItem.Links>
                <dxr:RibbonGalleryBarItem.Gallery>
                    <dxb:Gallery x:Name="fontFamilyGallery"
                        MinColCount="1"
                        ColCount="5"
                        ItemCheckMode="Single"
                        IsGroupCaptionVisible="False"
                        IsItemCaptionVisible="False"
                        IsItemDescriptionVisible="False"
                        ItemChecked="fontFamilyGallery_ItemChecked"
                        ItemCaptionVerticalAlignment="Center">
                        <dxb:Gallery.Groups>
                            <dxb:GalleryItemGroup x:Name="fontFamilyGalleryItemGroup" />
                        </dxb:Gallery.Groups>
                    </dxb:Gallery>
                </dxr:RibbonGalleryBarItem.Gallery>
                <dxr:RibbonGalleryBarItem.DropDownGallery>
                    <dxb:Gallery
                        MinColCount="1"
                        ColCount="1"
                        RowCount="10"
                        ItemCheckMode="Single"
                        IsGroupCaptionVisible="False"
                        IsItemGlyphVisible="True"
                        IsItemDescriptionVisible="False"
                        ItemContentHorizontalAlignment="Stretch"
                        ItemContentVerticalAlignment="Center"
                        ItemChecked="fontFamilyGallery_ItemChecked"
                        SizeMode="Vertical">
                        <dxb:Gallery.Groups>
                            <dxb:GalleryItemGroup Name="fontFamilyDropDownGalleryItemGroup" />
                        </dxb:Gallery.Groups>
                    </dxb:Gallery>
                </dxr:RibbonGalleryBarItem.DropDownGallery>
            </dxr:RibbonGalleryBarItem>
            <dxb:BarEditItem x:Name="ribbonStyleBarEditItem"
                Content="Ribbon Style :"
                EditWidth="100"
                ClosePopupOnChangingEditValue="True"
                EditValue="{Binding ElementName=ribbonControl, Path=RibbonStyle}">
                <dxb:BarEditItem.EditSettings>
                    <dxe:ComboBoxEditSettings
                        IsTextEditable="False"
                        PopupMaxHeight="250">
                        <dxe:ComboBoxEditSettings.Items>
                            <dxr:RibbonStyle>Office2010</dxr:RibbonStyle>
                            <dxr:RibbonStyle>Office2007</dxr:RibbonStyle>
                        </dxe:ComboBoxEditSettings.Items>
                    </dxe:ComboBoxEditSettings>
                </dxb:BarEditItem.EditSettings>
            </dxb:BarEditItem>
            <dxb:BarStaticItem x:Name="positionBarStaticItem"
                ItemMinWidth="150" />
            <dxb:BarStaticItem x:Name="fileNameBarStaticItem"
                ItemMinWidth="150"
                AutoSizeMode="Fill"
                Content="Binding" />
        </dxb:BarManager.Items>
        <DockPanel>
            <dxr:RibbonControl x:Name="ribbonControl"
                DockPanel.Dock="Top"
                ApplicationButtonLargeIcon="pack://application:,,,/Image/ribbon-application-32x32.png"
                ApplicationButtonText="File"
                PageCategoryAlignment="Right">
                <dxr:RibbonControl.ApplicationMenu>
                    <dxr:ApplicationMenu
                        ShowRightPane="True"
                        RightPaneWidth="280">
                        <dxr:ApplicationMenu.ItemLinks>
                            <dxb:BarItemLink BarItemName="newBarButtonItem"       />
                            <dxb:BarItemLink BarItemName="openBarButtonItem"      />
                            <dxb:BarItemLinkSeparator/>
                            <dxb:BarItemLink BarItemName="saveBarSplitButtonItem" />
                            <dxb:BarItemLink BarItemName="printBarButtonItem"     />
                            <dxb:BarItemLinkSeparator/>
                            <dxb:BarItemLink BarItemName="aboutBarButtonItem"     />
                        </dxr:ApplicationMenu.ItemLinks>
                        <dxr:ApplicationMenu.RightPane>
                            <Border
                                BorderThickness="1 0 0 0"
                                BorderBrush="LightGray"
                                Background="White">
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="*"    />
                                    </Grid.RowDefinitions>
                                    <Border
                                        Margin="7 5 5 0"
                                        BorderThickness="0 0 0 1"
                                        BorderBrush="LightGray">
                                        <Label FontWeight="Bold">Recent Documents :</Label>
                                    </Border>
                                    <ListBox Grid.Row="1"
                                        Margin="2 0 0 0"
                                        BorderThickness="0">
                                        <ListBox.ItemTemplate>
                                            <DataTemplate>
                                                <StackPanel
                                                    Margin="0 2 0 0"
                                                    Orientation="Horizontal">
                                                    <Border
                                                        BorderThickness="0 0 0 1"
                                                        BorderBrush="Black">
                                                        <TextBlock Text="{Binding Number}" />
                                                    </Border>
                                                    <TextBlock
                                                        Margin="7 0 0 0"
                                                        Text="{Binding FileName}" />
                                                </StackPanel>
                                            </DataTemplate>
                                        </ListBox.ItemTemplate>
                                        <ListBox.Items>
                                            <local:RecentItem Number="1" FileName="Document4.rtf" />
                                            <local:RecentItem Number="2" FileName="Document3.rtf" />
                                            <local:RecentItem Number="3" FileName="Document2.rtf" />
                                            <local:RecentItem Number="4" FileName="Document1.rtf" />
                                        </ListBox.Items>
                                    </ListBox>
                                </Grid>
                            </Border>
                        </dxr:ApplicationMenu.RightPane>
                        <dxr:ApplicationMenu.BottomPane>
                            <StackPanel Orientation="Horizontal">
                                <Button
                                    Margin="0 0 10 0"
                                    Width="100"
                                    Content="Options"
                                    Click="optionButton_Click" />
                                <Button
                                    Width="100"
                                    Content="Exit"
                                    Click="exitButton_Click" />
                            </StackPanel>
                        </dxr:ApplicationMenu.BottomPane>
                    </dxr:ApplicationMenu>
                </dxr:RibbonControl.ApplicationMenu>
                <dxr:RibbonControl.PageHeaderItemLinks>
                    <dxb:BarItemLink BarItemName="ribbonStyleBarEditItem"/>
                </dxr:RibbonControl.PageHeaderItemLinks>
                <dxr:RibbonControl.ToolbarItemLinks>
                    <dxb:BarItemLink BarItemName="openBarButtonItem" />
                    <dxb:BarItemLink BarItemName="saveBarButtonItem" />
                </dxr:RibbonControl.ToolbarItemLinks>
                <dxr:RibbonDefaultPageCategory>
                    <dxr:RibbonPage Caption="Home">
                        <dxr:RibbonPageGroup x:Name="fileRibbonPageGroup"
                            Caption="File"
                            CaptionButtonClick="fileRibbonPageGroup_CaptionButtonClick">
                            <dxb:BarItemLink
                                BarItemName="newBarButtonItem"
                                RibbonStyle="Large" />
                            <dxb:BarItemLink
                                BarItemName="openBarButtonItem"
                                RibbonStyle="SmallWithText" />
                            <dxb:BarItemLink
                                BarItemName="closeBarButtonItem"
                                RibbonStyle="SmallWithText" />
                            <dxb:BarItemLink
                                BarItemName="printBarButtonItem"
                                RibbonStyle="SmallWithText" />
                            <dxb:BarItemLinkSeparator />
                            <dxb:BarItemLink
                                BarItemName="saveBarSplitButtonItem"
                                RibbonStyle="Large" />
                        </dxr:RibbonPageGroup>
                        <dxr:RibbonPageGroup x:Name="editRibbonPageGroup"
                            Caption="Edit"
                            CaptionButtonClick="editRibbonPageGroup_CaptionButtonClick">
                            <dxb:BarItemLink
                                BarItemName="pasteBarButtonItem"
                                RibbonStyle="Large" />
                            <dxb:BarItemLink
                                BarItemName="cutBarButtonItem"
                                RibbonStyle="SmallWithText" />
                            <dxb:BarItemLink
                                BarItemName="copyBarButtonItem"
                                RibbonStyle="SmallWithText" />
                            <dxb:BarItemLink
                                BarItemName="clearBarButtonItem"
                                RibbonStyle="SmallWithText" />
                        </dxr:RibbonPageGroup>
                        <dxr:RibbonPageGroup x:Name="formatRibbonPageGroup"
                            ShowCaptionButton="False"
                            Caption="Format">
                            <dxb:BarItemLink
                                BarItemName="fontShapeBarButtonGroup"
                                RibbonStyle="SmallWithoutText" />
                        </dxr:RibbonPageGroup>
                    </dxr:RibbonPage>
                </dxr:RibbonDefaultPageCategory>
                <dxr:RibbonPageCategory x:Name="selectionRibbonPageCategory"
                    IsVisible="False"
                    Color="Yellow"
                    Caption="Selection">
                    <dxr:RibbonPage Caption="Gallery Page">
                        <dxr:RibbonPageGroup
                            ShowCaptionButton="False"
                            Caption="Font">
                            <dxb:BarItemLink BarItemName="fontRibbonGalleryBarItem" />
                            <dxb:BarItemLink
                                BarItemName="fontSizeBarEditItem"
                                RibbonStyle="SmallWithoutText" />
                        </dxr:RibbonPageGroup>
                    </dxr:RibbonPage>
                </dxr:RibbonPageCategory>
            </dxr:RibbonControl>
            <dxr:RibbonStatusBarControl x:Name="ribbonStatusBarControl"
                DockPanel.Dock="Bottom"
                IsSizeGripVisible="True">
                <dxr:RibbonStatusBarControl.RightItemLinks>
                    <dxb:BarItemLink BarItemName="fileNameBarStaticItem" />
                </dxr:RibbonStatusBarControl.RightItemLinks>
                <dxr:RibbonStatusBarControl.LeftItemLinks>
                     <dxb:BarItemLink BarItemName="positionBarStaticItem" />
                </dxr:RibbonStatusBarControl.LeftItemLinks>
            </dxr:RibbonStatusBarControl>
            <RichTextBox x:Name="richTextBox"
                DockPanel.Dock="Top"
                BorderThickness="0"
                SelectionChanged="richTextBox_SelectionChanged"/>
        </DockPanel>
    </dxb:BarManager>
</dxr:DXRibbonWindow>

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

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

<dxr:DXRibbonWindow 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:dxc="http://schemas.devexpress.com/winfx/2008/xaml/core"

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

xmlns:dxr="http://schemas.devexpress.com/winfx/2008/xaml/ribbon"

xmlns:local="clr-namespace:TestProject"

Width="800"

Height="600"

Icon="pack://application:,,,/Image/applicationIcon-16x16.png"

dxc:ThemeManager.ThemeName="Azure"

Title="리본 컨트롤 생성하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<dxb:BarManager Name="barManager">

<dxb:BarManager.Items>

<dxb:BarButtonItem x:Name="newBarButtonItem"

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

LargeGlyph="pack://application:,,,/Image/new-32x32.png"

Content="New"

Description="New blank document."

Hint="New blank document." />

<dxb:BarButtonItem x:Name="openBarButtonItem"

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

LargeGlyph="pack://application:,,,/Image/open-32x32.png"

Content="Open"

Description="Open a file."

Hint="Open a file." />

<dxb:BarButtonItem x:Name="closeBarButtonItem"

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

LargeGlyph="pack://application:,,,/Image/close-32x32.png"

Hint="Close the current document"

Content="Close" />

<dxb:BarButtonItem x:Name="printBarButtonItem"

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

LargeGlyph="pack://application:,,,/Image/print-32x32.png"

Content="Print"

Description="Prints the document."

Hint="Prints the document." />

<dxb:BarButtonItem x:Name="saveBarButtonItem"

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

LargeGlyph="pack://application:,,,/Image/save-32x32.png"

Content="Save"

Description="Saves the document."

Hint="Saves the document." />

<dxb:BarButtonItem x:Name="saveAsBarButtonItem"

Glyph="pack://application:,,,/Image/save-as-16x16.png"

LargeGlyph="pack://application:,,,/Image/save-as-32x32.png"

Content="Save As..."

Description="Save Document As..."

Hint="Save Document As..." />

<dxb:BarSplitButtonItem x:Name="saveBarSplitButtonItem"

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

LargeGlyph="pack://application:,,,/Image/save-32x32.png"

Content="Save">

<dxb:BarSplitButtonItem.PopupControl >

<dxb:PopupMenuInfo>

<dxb:PopupMenuInfo.ItemLinks>

<dxb:BarItemLink BarItemName="saveBarButtonItem" />

<dxb:BarItemLink BarItemName="saveAsBarButtonItem" />

</dxb:PopupMenuInfo.ItemLinks>

</dxb:PopupMenuInfo>

</dxb:BarSplitButtonItem.PopupControl>

</dxb:BarSplitButtonItem>

<dxb:BarButtonItem x:Name="cutBarButtonItem"

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

Content="Cut" />

<dxb:BarButtonItem x:Name="copyBarButtonItem"

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

Content="Copy" />

<dxb:BarButtonItem x:Name="pasteBarButtonItem"

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

LargeGlyph="pack://application:,,,/Image/paste-32x32.png"

Content="Paste" />

<dxb:BarButtonItem x:Name="clearBarButtonItem"

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

Content="Clear" />

<dxb:BarCheckItem x:Name="boldBarCheckItem"

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

Content="Bold" />

<dxb:BarCheckItem x:Name="italicBarCheckItem"

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

Content="Italic" />

<dxb:BarCheckItem Name="underlineBarCheckItem"

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

Content="Underline" />

<dxb:BarButtonItem x:Name="aboutBarButtonItem"

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

LargeGlyph="pack://application:,,,/Image/info-32x32.png"

Content="About"

ItemClick="aboutBarButtonItem_ItemClick" />

<dxr:BarButtonGroup Name="fontShapeBarButtonGroup">

<dxr:BarButtonGroup.ItemLinks>

<dxb:BarItemLink BarItemName="boldBarCheckItem" />

<dxb:BarItemLink BarItemName="italicBarCheckItem" />

<dxb:BarItemLink BarItemName="underlineBarCheckItem" />

</dxr:BarButtonGroup.ItemLinks>

</dxr:BarButtonGroup>

<dxb:BarEditItem x:Name="fontSizeBarEditItem"

EditWidth="60"

Content="Font Size : "

EditValueChanged="fontSizeBarEditItem_EditValueChanged">

<dxb:BarEditItem.EditSettings>

<dxe:ComboBoxEditSettings

IsTextEditable="False"

PopupMaxHeight="250" />

</dxb:BarEditItem.EditSettings>

</dxb:BarEditItem>

<dxr:RibbonGalleryBarItem x:Name="fontRibbonGalleryBarItem">

<dxr:RibbonGalleryBarItem.Links>

<dxb:BarItemLink BarItemName="fontSizeBarEditItem" />

</dxr:RibbonGalleryBarItem.Links>

<dxr:RibbonGalleryBarItem.Gallery>

<dxb:Gallery x:Name="fontFamilyGallery"

MinColCount="1"

ColCount="5"

ItemCheckMode="Single"

IsGroupCaptionVisible="False"

IsItemCaptionVisible="False"

IsItemDescriptionVisible="False"

ItemChecked="fontFamilyGallery_ItemChecked"

ItemCaptionVerticalAlignment="Center">

<dxb:Gallery.Groups>

<dxb:GalleryItemGroup x:Name="fontFamilyGalleryItemGroup" />

</dxb:Gallery.Groups>

</dxb:Gallery>

</dxr:RibbonGalleryBarItem.Gallery>

<dxr:RibbonGalleryBarItem.DropDownGallery>

<dxb:Gallery

MinColCount="1"

ColCount="1"

RowCount="10"

ItemCheckMode="Single"

IsGroupCaptionVisible="False"

IsItemGlyphVisible="True"

IsItemDescriptionVisible="False"

ItemContentHorizontalAlignment="Stretch"

ItemContentVerticalAlignment="Center"

ItemChecked="fontFamilyGallery_ItemChecked"

SizeMode="Vertical">

<dxb:Gallery.Groups>

<dxb:GalleryItemGroup Name="fontFamilyDropDownGalleryItemGroup" />

</dxb:Gallery.Groups>

</dxb:Gallery>

</dxr:RibbonGalleryBarItem.DropDownGallery>

</dxr:RibbonGalleryBarItem>

<dxb:BarEditItem x:Name="ribbonStyleBarEditItem"

Content="Ribbon Style :"

EditWidth="100"

ClosePopupOnChangingEditValue="True"

EditValue="{Binding ElementName=ribbonControl, Path=RibbonStyle}">

<dxb:BarEditItem.EditSettings>

<dxe:ComboBoxEditSettings

IsTextEditable="False"

PopupMaxHeight="250">

<dxe:ComboBoxEditSettings.Items>

<dxr:RibbonStyle>Office2010</dxr:RibbonStyle>

<dxr:RibbonStyle>Office2007</dxr:RibbonStyle>

</dxe:ComboBoxEditSettings.Items>

</dxe:ComboBoxEditSettings>

</dxb:BarEditItem.EditSettings>

</dxb:BarEditItem>

<dxb:BarStaticItem x:Name="positionBarStaticItem"

ItemMinWidth="150" />

<dxb:BarStaticItem x:Name="fileNameBarStaticItem"

ItemMinWidth="150"

AutoSizeMode="Fill"

Content="Binding" />

</dxb:BarManager.Items>

<dxr:RibbonControl x:Name="ribbonControl"

DockPanel.Dock="Top"

ApplicationButtonLargeIcon="pack://application:,,,/Image/ribbon-application-32x32.png"

ApplicationButtonText="File"

PageCategoryAlignment="Right">

<dxr:RibbonControl.ApplicationMenu>

<dxr:ApplicationMenu

ShowRightPane="True"

RightPaneWidth="280">

<dxr:ApplicationMenu.ItemLinks>

<dxb:BarItemLink BarItemName="newBarButtonItem" />

<dxb:BarItemLink BarItemName="openBarButtonItem" />

<dxb:BarItemLinkSeparator/>

<dxb:BarItemLink BarItemName="saveBarSplitButtonItem" />

<dxb:BarItemLink BarItemName="printBarButtonItem" />

<dxb:BarItemLinkSeparator/>

<dxb:BarItemLink BarItemName="aboutBarButtonItem" />

</dxr:ApplicationMenu.ItemLinks>

<dxr:ApplicationMenu.RightPane>

<Border

BorderThickness="1 0 0 0"

BorderBrush="LightGray"

Background="White">

<Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Border

Margin="7 5 5 0"

BorderThickness="0 0 0 1"

BorderBrush="LightGray">

<Label FontWeight="Bold">Recent Documents :</Label>

</Border>

<ListBox Grid.Row="1"

Margin="2 0 0 0"

BorderThickness="0">

<ListBox.ItemTemplate>

<StackPanel

Margin="0 2 0 0"

Orientation="Horizontal">

<Border

BorderThickness="0 0 0 1"

BorderBrush="Black">

</Border>

<TextBlock

Margin="7 0 0 0"

Text="{Binding FileName}" />

</StackPanel>

</DataTemplate>

</ListBox.ItemTemplate>

<ListBox.Items>

<local:RecentItem Number="1" FileName="Document4.rtf" />

<local:RecentItem Number="2" FileName="Document3.rtf" />

<local:RecentItem Number="3" FileName="Document2.rtf" />

<local:RecentItem Number="4" FileName="Document1.rtf" />

</ListBox.Items>

</ListBox>

</Grid>

</Border>

</dxr:ApplicationMenu.RightPane>

<dxr:ApplicationMenu.BottomPane>

<Button

Margin="0 0 10 0"

Width="100"

Content="Options"

Click="optionButton_Click" />

<Button

Width="100"

Content="Exit"

Click="exitButton_Click" />

</StackPanel>

</dxr:ApplicationMenu.BottomPane>

</dxr:ApplicationMenu>

</dxr:RibbonControl.ApplicationMenu>

<dxr:RibbonControl.PageHeaderItemLinks>

<dxb:BarItemLink BarItemName="ribbonStyleBarEditItem"/>

</dxr:RibbonControl.PageHeaderItemLinks>

<dxr:RibbonControl.ToolbarItemLinks>

<dxb:BarItemLink BarItemName="openBarButtonItem" />

<dxb:BarItemLink BarItemName="saveBarButtonItem" />

</dxr:RibbonControl.ToolbarItemLinks>

<dxr:RibbonDefaultPageCategory>

<dxr:RibbonPage Caption="Home">

<dxr:RibbonPageGroup x:Name="fileRibbonPageGroup"

Caption="File"

CaptionButtonClick="fileRibbonPageGroup_CaptionButtonClick">

<dxb:BarItemLink

BarItemName="newBarButtonItem"

RibbonStyle="Large" />

<dxb:BarItemLink

BarItemName="openBarButtonItem"

RibbonStyle="SmallWithText" />

<dxb:BarItemLink

BarItemName="closeBarButtonItem"

RibbonStyle="SmallWithText" />

<dxb:BarItemLink

BarItemName="printBarButtonItem"

RibbonStyle="SmallWithText" />

<dxb:BarItemLinkSeparator />

<dxb:BarItemLink

BarItemName="saveBarSplitButtonItem"

RibbonStyle="Large" />

</dxr:RibbonPageGroup>

<dxr:RibbonPageGroup x:Name="editRibbonPageGroup"

Caption="Edit"

CaptionButtonClick="editRibbonPageGroup_CaptionButtonClick">

<dxb:BarItemLink

BarItemName="pasteBarButtonItem"

RibbonStyle="Large" />

<dxb:BarItemLink

BarItemName="cutBarButtonItem"

RibbonStyle="SmallWithText" />

<dxb:BarItemLink

BarItemName="copyBarButtonItem"

RibbonStyle="SmallWithText" />

<dxb:BarItemLink

BarItemName="clearBarButtonItem"

RibbonStyle="SmallWithText" />

</dxr:RibbonPageGroup>

<dxr:RibbonPageGroup x:Name="formatRibbonPageGroup"

ShowCaptionButton="False"

Caption="Format">

<dxb:BarItemLink

BarItemName="fontShapeBarButtonGroup"

RibbonStyle="SmallWithoutText" />

</dxr:RibbonPageGroup>

</dxr:RibbonPage>

</dxr:RibbonDefaultPageCategory>

<dxr:RibbonPageCategory x:Name="selectionRibbonPageCategory"

IsVisible="False"

Color="Yellow"

Caption="Selection">

<dxr:RibbonPage Caption="Gallery Page">

<dxr:RibbonPageGroup

ShowCaptionButton="False"

Caption="Font">

<dxb:BarItemLink BarItemName="fontRibbonGalleryBarItem" />

<dxb:BarItemLink

BarItemName="fontSizeBarEditItem"

RibbonStyle="SmallWithoutText" />

</dxr:RibbonPageGroup>

</dxr:RibbonPage>

</dxr:RibbonPageCategory>

</dxr:RibbonControl>

<dxr:RibbonStatusBarControl x:Name="ribbonStatusBarControl"

DockPanel.Dock="Bottom"

IsSizeGripVisible="True">

<dxr:RibbonStatusBarControl.RightItemLinks>

<dxb:BarItemLink BarItemName="fileNameBarStaticItem" />

</dxr:RibbonStatusBarControl.RightItemLinks>

<dxr:RibbonStatusBarControl.LeftItemLinks>

<dxb:BarItemLink BarItemName="positionBarStaticItem" />

</dxr:RibbonStatusBarControl.LeftItemLinks>

</dxr:RibbonStatusBarControl>

<RichTextBox x:Name="richTextBox"

DockPanel.Dock="Top"

BorderThickness="0"

SelectionChanged="richTextBox_SelectionChanged"/>

</DockPanel>

</dxb:BarManager>

</dxr:DXRibbonWindow>

▶ MainWindow.xaml.cs


using System;
using System.Globalization;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Threading;

using DevExpress.Xpf.Bars;
using DevExpress.Xpf.Editors.Settings;
using DevExpress.Xpf.Ribbon;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : DXRibbonWindow
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 포맷 텍스트
        /// </summary>
        private FormattedText formattedText = null;

        /// <summary>
        /// 호출 보류 여부
        /// </summary>
        private bool isInvokePending = false;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 선택 텍스트 널 또는 빈 문자열 여부 - SelectedTextIsNullOrEmpty

        /// <summary>
        /// 선택 텍스트 널 또는 빈 문자열 여부
        /// </summary>
        public bool SelectedTextIsNullOrEmpty
        {
            get
            {
                return string.IsNullOrEmpty(this.richTextBox.Selection.Text);
            }
        }

        #endregion

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

        #region 생성자 - MainWindow()

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

            this.fileNameBarStaticItem.Content = "Document 1";

            ((ComboBoxEditSettings)this.fontSizeBarEditItem.EditSettings).ItemsSource = (new FontSizeList()).ItemArray;

            InitializeFontFamilyGallery();
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected
        //////////////////////////////////////////////////////////////////////////////// Function

        #region 포맷 갱신하기 - UpdateFormat()

        /// <summary>
        /// 포맷 갱신하기
        /// </summary>
        protected void UpdateFormat()
        {
            object value = this.richTextBox.Selection.GetPropertyValue(TextElement.FontSizeProperty);

            this.fontSizeBarEditItem.EditValue = (value == DependencyProperty.UnsetValue) ? null : value;
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #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("This is About Window", "About Window");
        }

        #endregion
        #region Option 버튼 클릭시 처리하기 - optionButton_Click(sender, e)

        /// <summary>
        /// Option 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void optionButton_Click(object sender, RoutedEventArgs e)
        {
            (this.ribbonControl.ApplicationMenu as ApplicationMenu).ClosePopup();
        }

        #endregion
        #region Exit 버튼 클릭시 처리하기 - exitButton_Click(sender, e)

        /// <summary>
        /// Exit 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void exitButton_Click(object sender, RoutedEventArgs e)
        {
            (this.ribbonControl.ApplicationMenu as ApplicationMenu).ClosePopup();
        }

        #endregion
        #region File 리본 페이지 그룹 제목 버튼 클릭시 처리하기 - fileRibbonPageGroup_CaptionButtonClick(sender, e)

        /// <summary>
        /// File 리본 페이지 그룹 제목 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void fileRibbonPageGroup_CaptionButtonClick(object sender, EventArgs e)
        {
            MessageBox.Show("This is File Open dialog", "File Open Dialog");
        }

        #endregion
        #region Edit 리본 페이지 그룹 제목 버튼 클릭시 처리하기 - editRibbonPageGroup_CaptionButtonClick(sender, e)

        /// <summary>
        /// Edit 리본 페이지 그룹 제목 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void editRibbonPageGroup_CaptionButtonClick(object sender, EventArgs e)
        {
            MessageBox.Show("This is Edit Settings dialog", "Edit Settings Dialog");
        }

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

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

            UpdatePositionBarStaticItem();

            InvokeUpdateFormat();
        }

        #endregion
        #region 폰트 패밀리 갤러리 항목 체크시 처리하기 - fontFamilyGallery_ItemChecked(sender, e)

        /// <summary>
        /// 폰트 패밀리 갤러리 항목 체크시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void fontFamilyGallery_ItemChecked(object sender, GalleryItemEventArgs e)
        {
            FontFamily fontFamily = e.Item.Tag as FontFamily;

            ApplyPropertyValue(this.richTextBox, TextElement.FontFamilyProperty, fontFamily);
        }

        #endregion
        #region 폰트 크기 바 에디트 항목 편집 값 변경시 처리하기 - fontSizeBarEditItem_EditValueChanged(sender, e)

        /// <summary>
        /// 폰트 크기 바 에디트 항목 편집 값 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void fontSizeBarEditItem_EditValueChanged(object sender, RoutedEventArgs e)
        {
            ApplyPropertyValue(this.richTextBox, TextElement.FontSizeProperty, this.fontSizeBarEditItem.EditValue);
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Function

        #region 포맷 텍스트 생성하기 - CreateFormattedText(fontFamily)

        /// <summary>
        /// 포맷 텍스트 생성하기
        /// </summary>
        /// <param name="fontFamily">폰트 패밀리</param>
        /// <returns>포맷 텍스트</returns>
        private FormattedText CreateFormattedText(FontFamily fontFamily)
        {
            return new FormattedText
            (
                "Aa",
                CultureInfo.CurrentCulture,
                FlowDirection.LeftToRight,
                new Typeface(fontFamily, FontStyles.Normal, FontWeights.Normal, FontStretches.Normal),
                18,
                Brushes.Black,
                null,
                TextFormattingMode.Ideal
            );
        }

        #endregion
        #region 이미지 생성하기 - CreateImage(fontFamily)

        /// <summary>
        /// 이미지 생성하기
        /// </summary>
        /// <param name="fontFamily">폰트 패밀리</param>
        /// <returns>이미지 소스</returns>
        private ImageSource CreateImage(FontFamily fontFamily)
        {
            const double dimensionSize     = 32d;
            const double halfDimensionSize = dimensionSize / 2d;

            DrawingVisual  drawingVisual  = new DrawingVisual();
            DrawingContext drawingContext = drawingVisual.RenderOpen();

            drawingContext.DrawRectangle(Brushes.White, null, new Rect(0d, 0d, dimensionSize, dimensionSize));

            if(this.formattedText == null)
            {
                this.formattedText = CreateFormattedText(fontFamily);
            }

            this.formattedText.SetFontFamily(fontFamily);

            this.formattedText.TextAlignment = TextAlignment.Center;

            double verticalOffset = (dimensionSize - this.formattedText.Baseline) / 2d;

            drawingContext.DrawText(this.formattedText, new Point(halfDimensionSize, verticalOffset));

            drawingContext.Close();

            RenderTargetBitmap renderTargetBitmap = new RenderTargetBitmap((int)dimensionSize, (int)dimensionSize, 96, 96, PixelFormats.Pbgra32);

            renderTargetBitmap.Render(drawingVisual);

            return renderTargetBitmap;
        }

        #endregion
        #region 폰트 패밀리 갤러기 초기화 하기 - InitializeFontFamilyGallery()

        /// <summary>
        /// 폰트 패밀리 갤러기 초기화 하기
        /// </summary>
        private void InitializeFontFamilyGallery()
        {
            foreach(FontFamily fontFamily in FontFamilyList.FontFamilyCollection)
            {
                ImageSource imageSource = CreateImage(fontFamily);

                this.fontFamilyGalleryItemGroup.Items.Add(CreateGalleryItem(fontFamily, imageSource));

                this.fontFamilyDropDownGalleryItemGroup.Items.Add(CreateGalleryItem(fontFamily, imageSource));
            }
        }

        #endregion
        #region 갤러리 항목 생성하기 - CreateGalleryItem(fontFamily, imageSource)

        /// <summary>
        /// 갤러리 항목 생성하기
        /// </summary>
        /// <param name="fontFamily">폰트 패밀리</param>
        /// <param name="imageSource">이미지 소스</param>
        /// <returns>갤러리 아이템</returns>
        private GalleryItem CreateGalleryItem(FontFamily fontFamily, ImageSource imageSource)
        {
            GalleryItem galleryItem = new GalleryItem();

            galleryItem.Glyph   = imageSource;
            galleryItem.Caption = fontFamily.ToString();
            galleryItem.Tag     = fontFamily;

            return galleryItem;
        }

        #endregion
        #region Selection 리본 페이지 카테고리 보여주기 - ShowSelectionRibbonPageCategory()

        /// <summary>
        /// Selection 리본 페이지 카테고리 보여주기
        /// </summary>
        private void ShowSelectionRibbonPageCategory()
        {
            if(this.richTextBox == null)
            {
                this.selectionRibbonPageCategory.IsVisible = false;
            }
            else
            {
                this.selectionRibbonPageCategory.IsVisible = !SelectedTextIsNullOrEmpty;
            }

            if(this.selectionRibbonPageCategory.IsVisible)
            {
                this.ribbonControl.SelectedPage = this.selectionRibbonPageCategory.Pages[0];
            }
        }

        #endregion
        #region 속성 값 적용하기 - ApplyPropertyValue(richTextBox, dependencyProperty, value)

        /// <summary>
        /// 속성 값 적용하기
        /// </summary>
        /// <param name="richTextBox">RichTextBox</param>
        /// <param name="dependencyProperty">의존 속성</param>
        /// <param name="value">값</param>
        private void ApplyPropertyValue(RichTextBox richTextBox, DependencyProperty dependencyProperty, object value)
        {
            if(value == null)
            {
                return;
            }

            richTextBox.Selection.ApplyPropertyValue(dependencyProperty, value);
        }

        #endregion
        #region 위치 바 정적 항목 갱신하기 - UpdatePositionBarStaticItem()

        /// <summary>
        /// 위치 바 정적 항목 갱신하기
        /// </summary>
        private void UpdatePositionBarStaticItem()
        {
            int line = 0;

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

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

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

        #endregion
        #region 포맷 갱신 호출하기 - InvokeUpdateFormat()

        /// <summary>
        /// 포맷 갱신 호출하기
        /// </summary>
        private void InvokeUpdateFormat()
        {
            if(!this.isInvokePending)
            {
                Dispatcher.BeginInvoke(DispatcherPriority.Background, new Action(UpdateFormat));

                this.isInvokePending = true;
            }

            UpdateFormat();
        }

        #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

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

350

351

352

353

354

355

356

357

358

359

360

361

362

363

364

365

366

367

368

369

370

371

372

373

374

375

376

377

378

379

380

381

382

383

384

385

386

387

388

389

390

391

392

using System;

using System.Globalization;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Threading;

using DevExpress.Xpf.Bars;

using DevExpress.Xpf.Editors.Settings;

using DevExpress.Xpf.Ribbon;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : DXRibbonWindow

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

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

#region Field

/// <summary>

/// 포맷 텍스트

/// </summary>

private FormattedText formattedText = null;

/// <summary>

/// 호출 보류 여부

/// </summary>

private bool isInvokePending = false;

#endregion

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

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

#region 선택 텍스트 널 또는 빈 문자열 여부 - SelectedTextIsNullOrEmpty

/// <summary>

/// 선택 텍스트 널 또는 빈 문자열 여부

/// </summary>

public bool SelectedTextIsNullOrEmpty

{

get

{

return string.IsNullOrEmpty(this.richTextBox.Selection.Text);

}

#endregion

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.fileNameBarStaticItem.Content = "Document 1";

((ComboBoxEditSettings)this.fontSizeBarEditItem.EditSettings).ItemsSource = (new FontSizeList()).ItemArray;

InitializeFontFamilyGallery();

}

#endregion

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

//////////////////////////////////////////////////////////////////////////////// Function

#region 포맷 갱신하기 - UpdateFormat()

/// <summary>

/// 포맷 갱신하기

/// </summary>

protected void UpdateFormat()

{

object value = this.richTextBox.Selection.GetPropertyValue(TextElement.FontSizeProperty);

this.fontSizeBarEditItem.EditValue = (value == DependencyProperty.UnsetValue) ? null : value;

}

#endregion

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

//////////////////////////////////////////////////////////////////////////////// Event

#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("This is About Window", "About Window");

}

#endregion

#region Option 버튼 클릭시 처리하기 - optionButton_Click(sender, e)

/// <summary>

/// Option 버튼 클릭시 처리하기

/// </summary>

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

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

private void optionButton_Click(object sender, RoutedEventArgs e)

{

(this.ribbonControl.ApplicationMenu as ApplicationMenu).ClosePopup();

}

#endregion

#region Exit 버튼 클릭시 처리하기 - exitButton_Click(sender, e)

/// <summary>

/// Exit 버튼 클릭시 처리하기

/// </summary>

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

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

private void exitButton_Click(object sender, RoutedEventArgs e)

{

(this.ribbonControl.ApplicationMenu as ApplicationMenu).ClosePopup();

}

#endregion

#region File 리본 페이지 그룹 제목 버튼 클릭시 처리하기 - fileRibbonPageGroup_CaptionButtonClick(sender, e)

/// <summary>

/// File 리본 페이지 그룹 제목 버튼 클릭시 처리하기

/// </summary>

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

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

private void fileRibbonPageGroup_CaptionButtonClick(object sender, EventArgs e)

{

MessageBox.Show("This is File Open dialog", "File Open Dialog");

}

#endregion

#region Edit 리본 페이지 그룹 제목 버튼 클릭시 처리하기 - editRibbonPageGroup_CaptionButtonClick(sender, e)

/// <summary>

/// Edit 리본 페이지 그룹 제목 버튼 클릭시 처리하기

/// </summary>

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

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

private void editRibbonPageGroup_CaptionButtonClick(object sender, EventArgs e)

{

MessageBox.Show("This is Edit Settings dialog", "Edit Settings Dialog");

}

#endregion

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

/// <summary>

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

/// </summary>

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

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

private void richTextBox_SelectionChanged(object sender, RoutedEventArgs e)

{

ShowSelectionRibbonPageCategory();

UpdatePositionBarStaticItem();

InvokeUpdateFormat();

}

#endregion

#region 폰트 패밀리 갤러리 항목 체크시 처리하기 - fontFamilyGallery_ItemChecked(sender, e)

/// <summary>

/// 폰트 패밀리 갤러리 항목 체크시 처리하기

/// </summary>

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

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

private void fontFamilyGallery_ItemChecked(object sender, GalleryItemEventArgs e)

{

FontFamily fontFamily = e.Item.Tag as FontFamily;

ApplyPropertyValue(this.richTextBox, TextElement.FontFamilyProperty, fontFamily);

}

#endregion

#region 폰트 크기 바 에디트 항목 편집 값 변경시 처리하기 - fontSizeBarEditItem_EditValueChanged(sender, e)

/// <summary>

/// 폰트 크기 바 에디트 항목 편집 값 변경시 처리하기

/// </summary>

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

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

private void fontSizeBarEditItem_EditValueChanged(object sender, RoutedEventArgs e)

{

ApplyPropertyValue(this.richTextBox, TextElement.FontSizeProperty, this.fontSizeBarEditItem.EditValue);

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region 포맷 텍스트 생성하기 - CreateFormattedText(fontFamily)

/// <summary>

/// 포맷 텍스트 생성하기

/// </summary>

/// <param name="fontFamily">폰트 패밀리</param>

/// <returns>포맷 텍스트</returns>

private FormattedText CreateFormattedText(FontFamily fontFamily)

{

return new FormattedText

(

"Aa",

CultureInfo.CurrentCulture,

FlowDirection.LeftToRight,

new Typeface(fontFamily, FontStyles.Normal, FontWeights.Normal, FontStretches.Normal),

18,

Brushes.Black,

null,

TextFormattingMode.Ideal

);

}

#endregion

#region 이미지 생성하기 - CreateImage(fontFamily)

/// <summary>

/// 이미지 생성하기

/// </summary>

/// <param name="fontFamily">폰트 패밀리</param>

/// <returns>이미지 소스</returns>

private ImageSource CreateImage(FontFamily fontFamily)

{

const double dimensionSize = 32d;

const double halfDimensionSize = dimensionSize / 2d;

DrawingVisual drawingVisual = new DrawingVisual();

DrawingContext drawingContext = drawingVisual.RenderOpen();

drawingContext.DrawRectangle(Brushes.White, null, new Rect(0d, 0d, dimensionSize, dimensionSize));

if(this.formattedText == null)

{

this.formattedText = CreateFormattedText(fontFamily);

}

this.formattedText.SetFontFamily(fontFamily);

this.formattedText.TextAlignment = TextAlignment.Center;

double verticalOffset = (dimensionSize - this.formattedText.Baseline) / 2d;

drawingContext.DrawText(this.formattedText, new Point(halfDimensionSize, verticalOffset));

drawingContext.Close();

RenderTargetBitmap renderTargetBitmap = new RenderTargetBitmap((int)dimensionSize, (int)dimensionSize, 96, 96, PixelFormats.Pbgra32);

renderTargetBitmap.Render(drawingVisual);

return renderTargetBitmap;

}

#endregion

#region 폰트 패밀리 갤러기 초기화 하기 - InitializeFontFamilyGallery()

/// <summary>

/// 폰트 패밀리 갤러기 초기화 하기

/// </summary>

private void InitializeFontFamilyGallery()

{

foreach(FontFamily fontFamily in FontFamilyList.FontFamilyCollection)

{

ImageSource imageSource = CreateImage(fontFamily);

this.fontFamilyGalleryItemGroup.Items.Add(CreateGalleryItem(fontFamily, imageSource));

this.fontFamilyDropDownGalleryItemGroup.Items.Add(CreateGalleryItem(fontFamily, imageSource));

}

#endregion

#region 갤러리 항목 생성하기 - CreateGalleryItem(fontFamily, imageSource)

/// <summary>

/// 갤러리 항목 생성하기

/// </summary>

/// <param name="fontFamily">폰트 패밀리</param>

/// <param name="imageSource">이미지 소스</param>

/// <returns>갤러리 아이템</returns>

private GalleryItem CreateGalleryItem(FontFamily fontFamily, ImageSource imageSource)

{

GalleryItem galleryItem = new GalleryItem();

galleryItem.Glyph = imageSource;

galleryItem.Caption = fontFamily.ToString();

galleryItem.Tag = fontFamily;

return galleryItem;

}

#endregion

#region Selection 리본 페이지 카테고리 보여주기 - ShowSelectionRibbonPageCategory()

/// <summary>

/// Selection 리본 페이지 카테고리 보여주기

/// </summary>

private void ShowSelectionRibbonPageCategory()

{

if(this.richTextBox == null)

{

this.selectionRibbonPageCategory.IsVisible = false;

}

else

{

this.selectionRibbonPageCategory.IsVisible = !SelectedTextIsNullOrEmpty;

}

if(this.selectionRibbonPageCategory.IsVisible)

{

this.ribbonControl.SelectedPage = this.selectionRibbonPageCategory.Pages[0];

}

#endregion

#region 속성 값 적용하기 - ApplyPropertyValue(richTextBox, dependencyProperty, value)

/// <summary>

/// 속성 값 적용하기

/// </summary>

/// <param name="richTextBox">RichTextBox</param>

/// <param name="dependencyProperty">의존 속성</param>

/// <param name="value">값</param>

private void ApplyPropertyValue(RichTextBox richTextBox, DependencyProperty dependencyProperty, object value)

{

if(value == null)

{

return;

}

richTextBox.Selection.ApplyPropertyValue(dependencyProperty, value);

}

#endregion

#region 위치 바 정적 항목 갱신하기 - UpdatePositionBarStaticItem()

/// <summary>

/// 위치 바 정적 항목 갱신하기

/// </summary>

private void UpdatePositionBarStaticItem()

{

int line = 0;

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

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

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

}

#endregion

#region 포맷 갱신 호출하기 - InvokeUpdateFormat()

/// <summary>

/// 포맷 갱신 호출하기

/// </summary>

private void InvokeUpdateFormat()

{

if(!this.isInvokePending)

{

Dispatcher.BeginInvoke(DispatcherPriority.Background, new Action(UpdateFormat));

this.isInvokePending = true;

}

UpdateFormat();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] TreeListControl 클래스 : 언바운드 모드 트리 구축하기

■ TreeListControl 클래스에서 언바운드 모드 트리를 구축하는 방법을 보여준다. ▶ 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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    xmlns:local="clr-namespace:TestProject"
    Width="800"
    Height="600"
    Title="언바운드 모드 트리 구축하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxg:TreeListControl x:Name="treeListControl">
            <dxg:TreeListControl.Columns>
                <dxg:TreeListColumn FieldName="Name"     />
                <dxg:TreeListColumn FieldName="Executor" />
            </dxg:TreeListControl.Columns>
                <dxg:TreeListControl.View>
                <dxg:TreeListView Name="treeListView">
                    <dxg:TreeListView.Nodes>
                        <dxg:TreeListNode>
                            <dxg:TreeListNode.Content>
                                <local:ProjectObject
                                    Name="Project : Betaron"
                                    Executor="Destiny Tabisola" />
                            </dxg:TreeListNode.Content>
                            <dxg:TreeListNode.Nodes>
                                <dxg:TreeListNode>
                                    <dxg:TreeListNode.Content>
                                        <local:ProjectObject
                                            Name="Development"
                                            Executor="Kairra Hogg" />
                                    </dxg:TreeListNode.Content>
                                    <dxg:TreeListNode.Nodes>
                                        <dxg:TreeListNode>
                                            <dxg:TreeListNode.Content>
                                                <local:ProjectObject
                                                    Name="Coding"
                                                    Executor="Sabato Durley" />
                                            </dxg:TreeListNode.Content>
                                        </dxg:TreeListNode>
                                    </dxg:TreeListNode.Nodes>
                                </dxg:TreeListNode>
                            </dxg:TreeListNode.Nodes>
                        </dxg:TreeListNode>
                    </dxg:TreeListView.Nodes>
                </dxg:TreeListView>
            </dxg:TreeListControl.View>
        </dxg:TreeListControl>
    </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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"

xmlns:local="clr-namespace:TestProject"

Width="800"

Height="600"

Title="언바운드 모드 트리 구축하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxg:TreeListControl x:Name="treeListControl">

<dxg:TreeListControl.Columns>

<dxg:TreeListColumn FieldName="Name" />

<dxg:TreeListColumn FieldName="Executor" />

</dxg:TreeListControl.Columns>

<dxg:TreeListControl.View>

<dxg:TreeListView Name="treeListView">

<dxg:TreeListView.Nodes>

<dxg:TreeListNode>

<dxg:TreeListNode.Content>

<local:ProjectObject

Name="Project : Betaron"

Executor="Destiny Tabisola" />

</dxg:TreeListNode.Content>

<dxg:TreeListNode.Nodes>

<dxg:TreeListNode>

<dxg:TreeListNode.Content>

<local:ProjectObject

Name="Development"

Executor="Kairra Hogg" />

</dxg:TreeListNode.Content>

<dxg:TreeListNode.Nodes>

<dxg:TreeListNode>

<dxg:TreeListNode.Content>

<local:ProjectObject

Name="Coding"

Executor="Sabato Durley" />

</dxg:TreeListNode.Content>

</dxg:TreeListNode>

</dxg:TreeListNode.Nodes>

</dxg:TreeListNode>

</dxg:TreeListNode.Nodes>

</dxg:TreeListNode>

</dxg:TreeListView.Nodes>

</dxg:TreeListView>

</dxg:TreeListControl.View>

</dxg:TreeListControl>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

using DevExpress.Xpf.Grid;

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

        #region 생성자 - MainWindow()

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

            BuildTree();
        }

        #endregion

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

        #region 트리 구축하기 - BuildTree()

        /// <summary>
        /// 트리 구축하기
        /// </summary>
        private void BuildTree()
        {
            TreeListNode rootTreeListNode = CreateRootTreeListNode(new ProjectObject() { Name = "Project : Stanton", Executor = "Nicholas Llams" });

            TreeListNode treeListNode = CreateChildTreeListNode(rootTreeListNode, new ProjectObject() { Name = "Information Gathering", Executor = "Ankie Galva" });

            CreateChildTreeListNode(treeListNode, new ProjectObject() { Name = "Design", Executor = "Reardon Felton" });
        }

        #endregion
        #region 루트 트리 리스트 노드 생성하기 - CreateRootTreeListNode(projectObject)

        /// <summary>
        /// 루트 트리 리스트 노드 생성하기
        /// </summary>
        /// <param name="projectObject">프로젝트 객체</param>
        /// <returns>트리 리스트 노드</returns>
        private TreeListNode CreateRootTreeListNode(ProjectObject projectObject)
        {
            TreeListNode treeListNode = new TreeListNode(projectObject);

            this.treeListView.Nodes.Add(treeListNode);

            return treeListNode;
        }

        #endregion
        #region 자식 트리 리스트 노드 생성하기 - CreateChildTreeListNode(parentTreeListNode, projectObject)

        /// <summary>
        /// 자식 트리 리스트 노드 생성하기
        /// </summary>
        /// <param name="parentTreeListNode">부모 트리 리스트 노드</param>
        /// <param name="projectObject">프로젝트 객체</param>
        /// <returns>자식 트리 리스트 노드 객체</returns>
        private TreeListNode CreateChildTreeListNode(TreeListNode parentTreeListNode, ProjectObject projectObject)
        {
            TreeListNode treeListNode = new TreeListNode(projectObject);

            parentTreeListNode.Nodes.Add(treeListNode);

            return treeListNode;
        }

        #endregion
    }
}

using System.Windows;

using DevExpress.Xpf.Grid;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

BuildTree();

}

#endregion

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

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

#region 트리 구축하기 - BuildTree()

/// <summary>

/// 트리 구축하기

/// </summary>

private void BuildTree()

{

TreeListNode rootTreeListNode = CreateRootTreeListNode(new ProjectObject() { Name = "Project : Stanton", Executor = "Nicholas Llams" });

TreeListNode treeListNode = CreateChildTreeListNode(rootTreeListNode, new ProjectObject() { Name = "Information Gathering", Executor = "Ankie Galva" });

CreateChildTreeListNode(treeListNode, new ProjectObject() { Name = "Design", Executor = "Reardon Felton" });

}

#endregion

#region 루트 트리 리스트 노드 생성하기 - CreateRootTreeListNode(projectObject)

/// <summary>

/// 루트 트리 리스트 노드 생성하기

/// </summary>

/// <param name="projectObject">프로젝트 객체</param>

/// <returns>트리 리스트 노드</returns>

private TreeListNode CreateRootTreeListNode(ProjectObject projectObject)

{

TreeListNode treeListNode = new TreeListNode(projectObject);

this.treeListView.Nodes.Add(treeListNode);

return treeListNode;

}

#endregion

#region 자식 트리 리스트 노드 생성하기 - CreateChildTreeListNode(parentTreeListNode, projectObject)

/// <summary>

/// 자식 트리 리스트 노드 생성하기

/// </summary>

/// <param name="parentTreeListNode">부모 트리 리스트 노드</param>

/// <param name="projectObject">프로젝트 객체</param>

/// <returns>자식 트리 리스트 노드 객체</returns>

private TreeListNode CreateChildTreeListNode(TreeListNode parentTreeListNode, ProjectObject projectObject)

{

TreeListNode treeListNode = new TreeListNode(projectObject);

parentTreeListNode.Nodes.Add(treeListNode);

return treeListNode;

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] TreeListControl 클래스 : 데이터 바인딩 하기

■ TreeListControl 클래스에서 데이터 바인딩을 하는 방법을 보여준다. ▶ 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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    Width="800"
    Height="600"
    Title="데이터 바인딩 하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxg:TreeListControl x:Name="treeListControl">
            <dxg:TreeListControl.Columns>
                <dxg:TreeListColumn FieldName="Name"       />
                <dxg:TreeListColumn FieldName="Position"   />
                <dxg:TreeListColumn FieldName="Department" />
            </dxg:TreeListControl.Columns>
            <dxg:TreeListControl.View>
                <dxg:TreeListView x:Name="treeListView"
                    KeyFieldName="ID"
                    ParentFieldName="ParentID" />
            </dxg:TreeListControl.View>
        </dxg:TreeListControl>
    </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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"

Width="800"

Height="600"

Title="데이터 바인딩 하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxg:TreeListControl x:Name="treeListControl">

<dxg:TreeListControl.Columns>

<dxg:TreeListColumn FieldName="Name" />

<dxg:TreeListColumn FieldName="Position" />

<dxg:TreeListColumn FieldName="Department" />

</dxg:TreeListControl.Columns>

<dxg:TreeListControl.View>

<dxg:TreeListView x:Name="treeListView"

KeyFieldName="ID"

ParentFieldName="ParentID" />

</dxg:TreeListControl.View>

</dxg:TreeListControl>

</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.treeListControl.ItemsSource = new EmployeeList().GetData();

            this.treeListView.ExpandAllNodes();
        }

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.treeListControl.ItemsSource = new EmployeeList().GetData();

this.treeListView.ExpandAllNodes();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] RichEditControl 클래스 : 균등한 컬럼을 갖는 3개 컬럼 레이아웃 생성하기

■ RichEditControl 클래스를 사용해 균등한 컬럼을 갖는 3개 컬럼 레이아웃을 생성하는 방법을 보여준다. ▶ 예제 코드 (C#)


using DevExpress.Office;
using DevExpress.Xpf.RichEdit;
using DevExpress.XtraRichEdit.API.Native;

RichEditControl richEditControl = new RichEditControl();

...

richEditControl.Document.Unit = DocumentUnit.Inch;

Section section = richEditControl.Document.Sections[0];

SectionColumnCollection sectionColumnCollection = section.Columns.CreateUniformColumns(section.Page, 0.2f, 3);

section.Columns.SetColumns(sectionColumnCollection);

using DevExpress.Office;

using DevExpress.Xpf.RichEdit;

using DevExpress.XtraRichEdit.API.Native;

RichEditControl richEditControl = new RichEditControl();

...

richEditControl.Document.Unit = DocumentUnit.Inch;

Section section = richEditControl.Document.Sections[0];

SectionColumnCollection sectionColumnCollection = section.Columns.CreateUniformColumns(section.Page, 0.2f, 3);

section.Columns.SetColumns(sectionColumnCollection);

[C#/WPF/DEVEXPRESS] PivotGridControl 클래스 : MS 액세스 데이터베이스 데이터 로드하기

■ PivotGridControl 클래스에서 MS 액세스 데이터베이스의 데이터를 로드하는 방법을 보여준다. ▶ 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:dxpg="http://schemas.devexpress.com/winfx/2008/xaml/pivotgrid"
    Width="800"
    Height="600"
    Title="MS 액세스 데이터베이스에 피벗 그리드 컨트롤 바인딩 하기"
    FontFamily="나눔고딕코딩"
    FontSize="16"
    Loaded="Window_Loaded">
    <Grid>
        <dxpg:PivotGridControl x:Name="pivotGridControl">
            <dxpg:PivotGridControl.Fields>
                <dxpg:PivotGridField x:Name="countryPivotGridField"
                    FieldName="Country"
                    Area="RowArea" />
                <dxpg:PivotGridField x:Name="customerPivotGridField"
                    FieldName="Sales Person"
                    Area="RowArea"
                    Caption="Customer" />
                <dxpg:PivotGridField x:Name="yearPivotGridField"
                    FieldName="OrderDate"
                    Area="ColumnArea"
                    GroupInterval="DateYear"
                    Caption="Year" />
                <dxpg:PivotGridField x:Name="categoryNamePivotGridField"
                    FieldName="CategoryName"
                    Area="ColumnArea"
                    Caption="Product Category" />
                <dxpg:PivotGridField x:Name="productNamePivotGridField"
                    FieldName="ProductName"
                    Area="FilterArea"
                    Caption="Product Name" />
                <dxpg:PivotGridField x:Name="extendedPricePivotGridField"
                    FieldName="Extended Price"
                    Area="DataArea"
                    CellFormat="c0" />
            </dxpg:PivotGridControl.Fields>
        </dxpg:PivotGridControl>
    </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:dxpg="http://schemas.devexpress.com/winfx/2008/xaml/pivotgrid"

Width="800"

Height="600"

Title="MS 액세스 데이터베이스에 피벗 그리드 컨트롤 바인딩 하기"

FontFamily="나눔고딕코딩"

FontSize="16"

Loaded="Window_Loaded">

<Grid>

<dxpg:PivotGridControl x:Name="pivotGridControl">

<dxpg:PivotGridControl.Fields>

<dxpg:PivotGridField x:Name="countryPivotGridField"

FieldName="Country"

Area="RowArea" />

<dxpg:PivotGridField x:Name="customerPivotGridField"

FieldName="Sales Person"

Area="RowArea"

Caption="Customer" />

<dxpg:PivotGridField x:Name="yearPivotGridField"

FieldName="OrderDate"

Area="ColumnArea"

GroupInterval="DateYear"

Caption="Year" />

<dxpg:PivotGridField x:Name="categoryNamePivotGridField"

FieldName="CategoryName"

Area="ColumnArea"

Caption="Product Category" />

<dxpg:PivotGridField x:Name="productNamePivotGridField"

FieldName="ProductName"

Area="FilterArea"

Caption="Product Name" />

<dxpg:PivotGridField x:Name="extendedPricePivotGridField"

FieldName="Extended Price"

Area="DataArea"

CellFormat="c0" />

</dxpg:PivotGridControl.Fields>

</dxpg:PivotGridControl>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

using TestProject.NorthwindDataSetTableAdapters;

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

        #region 생성자 - MainWindow()

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

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 윈도우 로드시 처리하기 - Window_Loaded(sender, e)

        /// <summary>
        /// 윈도우 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            this.pivotGridControl.DataSource = new SalesPersonTableAdapter().GetData();
        }

        #endregion
    }
}

using System.Windows;

using TestProject.NorthwindDataSetTableAdapters;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

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

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

//////////////////////////////////////////////////////////////////////////////// Event

#region 윈도우 로드시 처리하기 - Window_Loaded(sender, e)

/// <summary>

/// 윈도우 로드시 처리하기

/// </summary>

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

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

private void Window_Loaded(object sender, RoutedEventArgs e)

{

this.pivotGridControl.DataSource = new SalesPersonTableAdapter().GetData();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] PivotGridControl 클래스 : 프로그램적으로 MS 액세스 데이터베이스 데이터 로드하기

■ PivotGridControl 클래스에서 프로그램적으로 MS 액세스 데이터베이스의 데이터를 로드하는 방법을 보여준다. ▶ 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:dxpg="http://schemas.devexpress.com/winfx/2008/xaml/pivotgrid"
    Width="800"
    Height="600"
    Title="프로그램적으로 MS 액세스 데이터베이스에 피벗 그리드 바인딩 하기"
    FontFamily="나눔고딕코딩"
    FontSize="16"
    Loaded="Window_Loaded">
    <Grid>
        <dxpg:PivotGridControl x:Name="pivotGridControl" />
    </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:dxpg="http://schemas.devexpress.com/winfx/2008/xaml/pivotgrid"

Width="800"

Height="600"

Title="프로그램적으로 MS 액세스 데이터베이스에 피벗 그리드 바인딩 하기"

FontFamily="나눔고딕코딩"

FontSize="16"

Loaded="Window_Loaded">

<Grid>

<dxpg:PivotGridControl x:Name="pivotGridControl" />

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Data;
using System.Data.OleDb;
using System.Windows;

using DevExpress.Xpf.PivotGrid;

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

        #region 생성자 - MainWindow()

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

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 윈도우 로드시 처리하기 - Window_Loaded(sender, e)

        /// <summary>
        /// 윈도우 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            OleDbConnection  oleDbConnection  = new OleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0;Data Source=NWIND.MDB");
            OleDbDataAdapter oleDbDataAdapter = new OleDbDataAdapter("SELECT * FROM SalesPerson", oleDbConnection);
            DataSet          dataSet          = new DataSet();

            oleDbDataAdapter.Fill(dataSet, "SalesPerson");

            this.pivotGridControl.DataSource = dataSet.Tables["SalesPerson"];

            this.pivotGridControl.BeginUpdate();

            #region Country 필드

            PivotGridField countryPivotGridField = new PivotGridField("Country", FieldArea.RowArea);

            countryPivotGridField.AreaIndex = 0;

            #endregion
            #region Customer 필드

            PivotGridField customerPivotGridField = new PivotGridField("Sales Person", FieldArea.RowArea);

            customerPivotGridField.AreaIndex = 1;
            customerPivotGridField.Caption   = "Customer";

            #endregion
            #region Product Category 필드

            PivotGridField productCategoryPivotGridField = new PivotGridField("CategoryName", FieldArea.ColumnArea);

            productCategoryPivotGridField.AreaIndex = 0;
            productCategoryPivotGridField.Caption   = "Product Category";

            #endregion
            #region Year 필드

            PivotGridField yearPivotGridField = new PivotGridField("OrderDate", FieldArea.ColumnArea);

            yearPivotGridField.AreaIndex     = 1;
            yearPivotGridField.GroupInterval = FieldGroupInterval.DateYear;
            yearPivotGridField.Caption       = "Year";

            #endregion
            #region Product Name 필드

            PivotGridField productNamePivotGridField = new PivotGridField("ProductName", FieldArea.FilterArea);

            productNamePivotGridField.Caption = "Product Name";

            #endregion
            #region Extended Price 필드

            PivotGridField extendedPricePivotGridField = new PivotGridField("Extended Price", FieldArea.DataArea);

            extendedPricePivotGridField.CellFormat = "c0";

            #endregion

            this.pivotGridControl.Fields.AddRange
            (
                countryPivotGridField        ,
                customerPivotGridField       ,
                productCategoryPivotGridField,
                yearPivotGridField           ,
                productNamePivotGridField    ,
                extendedPricePivotGridField
            );

            this.pivotGridControl.EndUpdate();
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

using System.Data;

using System.Data.OleDb;

using System.Windows;

using DevExpress.Xpf.PivotGrid;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

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

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

//////////////////////////////////////////////////////////////////////////////// Event

#region 윈도우 로드시 처리하기 - Window_Loaded(sender, e)

/// <summary>

/// 윈도우 로드시 처리하기

/// </summary>

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

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

private void Window_Loaded(object sender, RoutedEventArgs e)

{

OleDbConnection oleDbConnection = new OleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0;Data Source=NWIND.MDB");

OleDbDataAdapter oleDbDataAdapter = new OleDbDataAdapter("SELECT * FROM SalesPerson", oleDbConnection);

DataSet dataSet = new DataSet();

oleDbDataAdapter.Fill(dataSet, "SalesPerson");

this.pivotGridControl.DataSource = dataSet.Tables["SalesPerson"];

this.pivotGridControl.BeginUpdate();

#region Country 필드

PivotGridField countryPivotGridField = new PivotGridField("Country", FieldArea.RowArea);

countryPivotGridField.AreaIndex = 0;

#endregion

#region Customer 필드

PivotGridField customerPivotGridField = new PivotGridField("Sales Person", FieldArea.RowArea);

customerPivotGridField.AreaIndex = 1;

customerPivotGridField.Caption = "Customer";

#endregion

#region Product Category 필드

PivotGridField productCategoryPivotGridField = new PivotGridField("CategoryName", FieldArea.ColumnArea);

productCategoryPivotGridField.AreaIndex = 0;

productCategoryPivotGridField.Caption = "Product Category";

#endregion

#region Year 필드

PivotGridField yearPivotGridField = new PivotGridField("OrderDate", FieldArea.ColumnArea);

yearPivotGridField.AreaIndex = 1;

yearPivotGridField.GroupInterval = FieldGroupInterval.DateYear;

yearPivotGridField.Caption = "Year";

#endregion

#region Product Name 필드

PivotGridField productNamePivotGridField = new PivotGridField("ProductName", FieldArea.FilterArea);

productNamePivotGridField.Caption = "Product Name";

#endregion

#region Extended Price 필드

PivotGridField extendedPricePivotGridField = new PivotGridField("Extended Price", FieldArea.DataArea);

extendedPricePivotGridField.CellFormat = "c0";

#endregion

this.pivotGridControl.Fields.AddRange

(

countryPivotGridField ,

customerPivotGridField ,

productCategoryPivotGridField,

yearPivotGridField ,

productNamePivotGridField ,

extendedPricePivotGridField

);

this.pivotGridControl.EndUpdate();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] GridControl 클래스 : 셀 에디터 검증하기

■ GridControl 클래스에서 셀 에디터를 검증하는 방법을 보여준다. ▶ 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:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    Width="800"
    Height="600"
    Title="셀 에디터 검증하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxg:GridControl x:Name="gridControl">
            <dxg:GridControl.Columns>
                <dxg:GridColumn FieldName="ProductName">
                    <dxg:GridColumn.EditSettings>
                        <dxe:TextEditSettings AllowNullInput="False" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn x:Name="unitPriceGridColumn"
                    FieldName="UnitPrice"
                    Validate="unitPriceGridColumn_Validate">
                    <dxg:GridColumn.EditSettings>
                        <dxe:SpinEditSettings DisplayFormat="c2" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="Discontinued" />
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView x:Name="tableView"
                    HiddenEditor="tableView_HiddenEditor" />
            </dxg:GridControl.View>
        </dxg:GridControl>
    </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:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"

xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"

Width="800"

Height="600"

Title="셀 에디터 검증하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxg:GridControl x:Name="gridControl">

<dxg:GridControl.Columns>

<dxg:GridColumn FieldName="ProductName">

<dxg:GridColumn.EditSettings>

<dxe:TextEditSettings AllowNullInput="False" />

</dxg:GridColumn.EditSettings>

</dxg:GridColumn>

<dxg:GridColumn x:Name="unitPriceGridColumn"

FieldName="UnitPrice"

Validate="unitPriceGridColumn_Validate">

<dxg:GridColumn.EditSettings>

<dxe:SpinEditSettings DisplayFormat="c2" />

</dxg:GridColumn.EditSettings>

</dxg:GridColumn>

<dxg:GridColumn FieldName="Discontinued" />

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView x:Name="tableView"

HiddenEditor="tableView_HiddenEditor" />

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System;
using System.Windows;

using DevExpress.Xpf.Grid;

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

        #region 생성자 - MainWindow()

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

            this.gridControl.ItemsSource = new NorthwindEntities().Products;
        }

        #endregion

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

        #region 단가 그리드 컬럼 검증하기 - unitPriceGridColumn_Validate(sender, e)

        /// <summary>
        /// 단가 그리드 컬럼 검증하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void unitPriceGridColumn_Validate(object sender, GridCellValidationEventArgs e)
        {
            Product product = e.Row as Product;

            if(product == null)
            {
                return;
            }

            bool discontinued = product.Discontinued;

            if(discontinued)
            {
                double newValue  = Convert.ToDouble(e.Value);
                double cellValue = Convert.ToDouble(e.CellValue);

                double discount = 100d - (newValue * 100) / cellValue;

                if(!(e.IsValid = discount > 0 && discount <= 30d))
                {
                    e.ErrorType = DevExpress.XtraEditors.DXErrorProvider.ErrorType.Critical;

                    if(discount < 0)
                    {
                        e.ErrorContent = string.Format
                        (
                            "The price cannot be greater than ${0}",
                            Convert.ToDouble(e.CellValue)
                        );

                        return;
                    }

                    e.ErrorContent = string.Format
                    (
                        "The discount cannot be greater than 30% (${0}). Please correct the price.",
                        Convert.ToDouble(e.CellValue) * 0.7
                    );
                }
            }
        }

        #endregion
        #region 테이블 뷰 에디터 숨겨진 경우 처리하기 - tableView_HiddenEditor(sender, e)

        /// <summary>
        /// 테이블 뷰 에디터 숨겨진 경우 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void tableView_HiddenEditor(object sender, EditorEventArgs e)
        {
            if(e.Column.FieldName != "Discontinued")
            {
                return;
            }

            this.tableView.CommitEditing();
        }

        #endregion
    }
}

100

101

102

103

104

using System;

using System.Windows;

using DevExpress.Xpf.Grid;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.gridControl.ItemsSource = new NorthwindEntities().Products;

}

#endregion

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

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

#region 단가 그리드 컬럼 검증하기 - unitPriceGridColumn_Validate(sender, e)

/// <summary>

/// 단가 그리드 컬럼 검증하기

/// </summary>

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

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

private void unitPriceGridColumn_Validate(object sender, GridCellValidationEventArgs e)

{

Product product = e.Row as Product;

if(product == null)

{

return;

}

bool discontinued = product.Discontinued;

if(discontinued)

{

double newValue = Convert.ToDouble(e.Value);

double cellValue = Convert.ToDouble(e.CellValue);

double discount = 100d - (newValue * 100) / cellValue;

if(!(e.IsValid = discount > 0 && discount <= 30d))

{

e.ErrorType = DevExpress.XtraEditors.DXErrorProvider.ErrorType.Critical;

if(discount < 0)

{

e.ErrorContent = string.Format

(

"The price cannot be greater than ${0}",

Convert.ToDouble(e.CellValue)

);

return;

}

e.ErrorContent = string.Format

(

"The discount cannot be greater than 30% (${0}). Please correct the price.",

Convert.ToDouble(e.CellValue) * 0.7

);

}

#endregion

#region 테이블 뷰 에디터 숨겨진 경우 처리하기 - tableView_HiddenEditor(sender, e)

/// <summary>

/// 테이블 뷰 에디터 숨겨진 경우 처리하기

/// </summary>

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

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

private void tableView_HiddenEditor(object sender, EditorEventArgs e)

{

if(e.Column.FieldName != "Discontinued")

{

return;

}

this.tableView.CommitEditing();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] GridControl 클래스 : 단순 탭 형태의 상세 뷰 설치하기

■ GridControl 클래스에서 단순 탭 형태의 상세 뷰를 설치하는 방법을 보여준다. ▶ 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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    Width="800"
    Height="600"
    Title="단순 탭 형태의 상세 뷰 설치하기"
    FontFamily="나눔고딕코딩"
    FontSize="16"
    Loaded="Window_Loaded">
    <Window.Resources>
        <DataTemplate x:Key="NoteDataTemplateKey">
            <Border>
                <TextBlock TextWrapping="Wrap" Text="{Binding Path=Note}" />
            </Border>
        </DataTemplate>
    </Window.Resources>
    <Grid x:Name="grid">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"    />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*"    />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <dxg:GridControl x:Name="gridControl" Grid.Row="0"
            AutoGenerateColumns="AddNew">
            <dxg:GridControl.View>
                <dxg:TableView
                    ShowGroupPanel="False"
                    AutoWidth="False"
                    DetailHeaderContent="Employee" />
            </dxg:GridControl.View>
            <dxg:GridControl.DetailDescriptor>
                <dxg:TabViewDetailDescriptor>
                    <dxg:TabViewDetailDescriptor.DetailDescriptors>
                        <dxg:DataControlDetailDescriptor ItemsSourcePath="OrderList">
                            <dxg:DataControlDetailDescriptor.DataControl>
                                <dxg:GridControl AutoGenerateColumns="AddNew">
                                    <dxg:GridControl.View>
                                        <dxg:TableView
                                            ShowGroupPanel="False"
                                            AutoWidth="False"
                                            DetailHeaderContent="Order" />
                                    </dxg:GridControl.View>
                                </dxg:GridControl>
                            </dxg:DataControlDetailDescriptor.DataControl>
                        </dxg:DataControlDetailDescriptor>
                        <dxg:ContentDetailDescriptor
                            ContentTemplate="{StaticResource NoteDataTemplateKey}"
                            HeaderContent="Note">
                        </dxg:ContentDetailDescriptor>
                    </dxg:TabViewDetailDescriptor.DetailDescriptors>
                </dxg:TabViewDetailDescriptor>
            </dxg:GridControl.DetailDescriptor>
        </dxg:GridControl>
        <GridSplitter x:Name="gridSplitter" Grid.Row="1"
            HorizontalAlignment="Stretch"
            VerticalAlignment="Center"
            Width="Auto"
            Height="5"
            ResizeDirection="Rows" />
        <Button Grid.Row="3"
            Padding="5"
            Content="Create Second Grid in Code"
            Click="button_Click" />
    </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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"

Width="800"

Height="600"

Title="단순 탭 형태의 상세 뷰 설치하기"

FontFamily="나눔고딕코딩"

FontSize="16"

Loaded="Window_Loaded">

<Window.Resources>

</Border>

</DataTemplate>

</Window.Resources>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<dxg:GridControl x:Name="gridControl" Grid.Row="0"

AutoGenerateColumns="AddNew">

<dxg:GridControl.View>

<dxg:TableView

ShowGroupPanel="False"

AutoWidth="False"

DetailHeaderContent="Employee" />

</dxg:GridControl.View>

<dxg:GridControl.DetailDescriptor>

<dxg:TabViewDetailDescriptor>

<dxg:TabViewDetailDescriptor.DetailDescriptors>

<dxg:DataControlDetailDescriptor ItemsSourcePath="OrderList">

<dxg:DataControlDetailDescriptor.DataControl>

<dxg:GridControl AutoGenerateColumns="AddNew">

<dxg:GridControl.View>

<dxg:TableView

ShowGroupPanel="False"

AutoWidth="False"

DetailHeaderContent="Order" />

</dxg:GridControl.View>

</dxg:GridControl>

</dxg:DataControlDetailDescriptor.DataControl>

</dxg:DataControlDetailDescriptor>

<dxg:ContentDetailDescriptor

ContentTemplate="{StaticResource NoteDataTemplateKey}"

HeaderContent="Note">

</dxg:ContentDetailDescriptor>

</dxg:TabViewDetailDescriptor.DetailDescriptors>

</dxg:TabViewDetailDescriptor>

</dxg:GridControl.DetailDescriptor>

</dxg:GridControl>

<GridSplitter x:Name="gridSplitter" Grid.Row="1"

HorizontalAlignment="Stretch"

VerticalAlignment="Center"

Width="Auto"

Height="5"

ResizeDirection="Rows" />

<Button Grid.Row="3"

Padding="5"

Content="Create Second Grid in Code"

Click="button_Click" />

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System;
using System.Collections.Generic;
using System.Windows;
using System.Windows.Controls;

using DevExpress.Xpf.Grid;

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

        #region Field

        /// <summary>
        /// 직원 리스트
        /// </summary>
        private List<Employee> employeeList;

        #endregion

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

        #region 직원 리스트 - EmployeeList

        /// <summary>
        /// 직원 리스트
        /// </summary>
        private List<Employee> EmployeeList
        {
            get
            {
                if(this.employeeList == null)
                {
                    CreateEmployeeList();
                }

                return this.employeeList;
            }
        }

        #endregion

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

        #region 생성자 - MainWindow()

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

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 윈도우 로드시 처리하기 - Window_Loaded(sender, e)

        /// <summary>
        /// 윈도우 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            this.gridControl.ItemsSource = EmployeeList;
        }

        #endregion
        #region 버튼 클릭시 처리하기 - button_Click(sender, e)

        /// <summary>
        /// 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void button_Click(object sender, RoutedEventArgs e)
        {
            GridControl newGridControl = CreateGridControl();

            Grid.SetRow(newGridControl, 2);

            AddDetailView(newGridControl);

            this.grid.Children.Add(newGridControl);
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Function

        #region 직원 리스트 생성하기 - CreateEmployeeList()

        /// <summary>
        /// 직원 리스트 생성하기
        /// </summary>
        private void CreateEmployeeList()
        {
            this.employeeList = new List<Employee>();

            this.employeeList.Add
            (
                new Employee
                (
                    "Bruce",
                    "Cambell",
                    "Sales Manager",
                    "Education includes a BA in psychology from Colorado State University in 1970."
                )
             );

            this.employeeList[0].OrderList.Add(new Order("Suppliers Inc.", DateTime.Now           , "TV"       , 20));
            this.employeeList[0].OrderList.Add(new Order("Suppliers Inc.", DateTime.Now.AddDays(3), "Projector", 15));

            this.employeeList.Add
            (
                new Employee
                (
                    "Cindy",
                    "Haneline",
                    "Vice President of Sales",
                    "Cindy received her BTS commercial in 1974 and a Ph.D. in international marketing from the University of Dallas in 1981."
                )
            );

            this.employeeList[1].OrderList.Add(new Order("Suppliers Inc.", DateTime.Now.AddDays(1), "Blu-Ray Player", 10));
        }

        #endregion
        #region GridControl 객체 생성하기 - CreateGridControl()

        /// <summary>
        /// GridControl 객체 생성하기
        /// </summary>
        /// <returns>GridControl 객체</returns>
        private GridControl CreateGridControl()
        {
            GridControl newGridControl = new GridControl();

            newGridControl.AutoGenerateColumns = AutoGenerateColumnsMode.AddNew;

            TableView newTableView = new TableView();

            newTableView.AutoWidth           = false;
            newTableView.ShowGroupPanel      = false;
            newTableView.DetailHeaderContent = "Employees";

            newGridControl.View = newTableView;

            newGridControl.ItemsSource = EmployeeList;

            return newGridControl;
        }

        #endregion
        #region 상세 뷰 추가하기 - AddDetailView(gridControl)

        /// <summary>
        /// 상세 뷰 추가하기
        /// </summary>
        /// <param name="gridControl">그리드 컨트롤</param>
        private void AddDetailView(GridControl gridControl)
        {
            DataControlDetailDescriptor dataControlDetailDescriptor = new DataControlDetailDescriptor();

            dataControlDetailDescriptor.ItemsSourcePath = "OrderList";

            GridControl detailGridControl = new GridControl();

            dataControlDetailDescriptor.DataControl = detailGridControl;

            detailGridControl.AutoGenerateColumns      = AutoGenerateColumnsMode.AddNew;
            detailGridControl.View.DetailHeaderContent = "Order";

            (detailGridControl.View as TableView).ShowGroupPanel = false;

            ContentDetailDescriptor contentDetailDescriptor = new ContentDetailDescriptor();

            contentDetailDescriptor.HeaderContent   = "Note";
            contentDetailDescriptor.ContentTemplate = FindResource("NoteDataTemplateKey") as DataTemplate;

            TabViewDetailDescriptor tabViewDetailDescriptor = new TabViewDetailDescriptor();

            tabViewDetailDescriptor.DetailDescriptors.Add(dataControlDetailDescriptor);
            tabViewDetailDescriptor.DetailDescriptors.Add(contentDetailDescriptor    );

            gridControl.DetailDescriptor = tabViewDetailDescriptor;
        }

        #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

195

196

197

198

199

200

201

202

203

204

205

206

using System;

using System.Collections.Generic;

using System.Windows;

using System.Windows.Controls;

using DevExpress.Xpf.Grid;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

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

#region Field

/// <summary>

/// 직원 리스트

/// </summary>

private List<Employee> employeeList;

#endregion

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

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

#region 직원 리스트 - EmployeeList

/// <summary>

/// 직원 리스트

/// </summary>

private List<Employee> EmployeeList

{

get

{

if(this.employeeList == null)

{

CreateEmployeeList();

}

return this.employeeList;

}

#endregion

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

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

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

//////////////////////////////////////////////////////////////////////////////// Event

#region 윈도우 로드시 처리하기 - Window_Loaded(sender, e)

/// <summary>

/// 윈도우 로드시 처리하기

/// </summary>

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

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

private void Window_Loaded(object sender, RoutedEventArgs e)

{

this.gridControl.ItemsSource = EmployeeList;

}

#endregion

#region 버튼 클릭시 처리하기 - button_Click(sender, e)

/// <summary>

/// 버튼 클릭시 처리하기

/// </summary>

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

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

private void button_Click(object sender, RoutedEventArgs e)

{

GridControl newGridControl = CreateGridControl();

Grid.SetRow(newGridControl, 2);

AddDetailView(newGridControl);

this.grid.Children.Add(newGridControl);

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region 직원 리스트 생성하기 - CreateEmployeeList()

/// <summary>

/// 직원 리스트 생성하기

/// </summary>

private void CreateEmployeeList()

{

this.employeeList = new List<Employee>();

this.employeeList.Add

(

new Employee

(

"Bruce",

"Cambell",

"Sales Manager",

"Education includes a BA in psychology from Colorado State University in 1970."

)

);

this.employeeList[0].OrderList.Add(new Order("Suppliers Inc.", DateTime.Now , "TV" , 20));

this.employeeList[0].OrderList.Add(new Order("Suppliers Inc.", DateTime.Now.AddDays(3), "Projector", 15));

this.employeeList.Add

(

new Employee

(

"Cindy",

"Haneline",

"Vice President of Sales",

"Cindy received her BTS commercial in 1974 and a Ph.D. in international marketing from the University of Dallas in 1981."

)

);

this.employeeList[1].OrderList.Add(new Order("Suppliers Inc.", DateTime.Now.AddDays(1), "Blu-Ray Player", 10));

}

#endregion

#region GridControl 객체 생성하기 - CreateGridControl()

/// <summary>

/// GridControl 객체 생성하기

/// </summary>

/// <returns>GridControl 객체</returns>

private GridControl CreateGridControl()

{

GridControl newGridControl = new GridControl();

newGridControl.AutoGenerateColumns = AutoGenerateColumnsMode.AddNew;

TableView newTableView = new TableView();

newTableView.AutoWidth = false;

newTableView.ShowGroupPanel = false;

newTableView.DetailHeaderContent = "Employees";

newGridControl.View = newTableView;

newGridControl.ItemsSource = EmployeeList;

return newGridControl;

}

#endregion

#region 상세 뷰 추가하기 - AddDetailView(gridControl)

/// <summary>

/// 상세 뷰 추가하기

/// </summary>

/// <param name="gridControl">그리드 컨트롤</param>

private void AddDetailView(GridControl gridControl)

{

DataControlDetailDescriptor dataControlDetailDescriptor = new DataControlDetailDescriptor();

dataControlDetailDescriptor.ItemsSourcePath = "OrderList";

GridControl detailGridControl = new GridControl();

dataControlDetailDescriptor.DataControl = detailGridControl;

detailGridControl.AutoGenerateColumns = AutoGenerateColumnsMode.AddNew;

detailGridControl.View.DetailHeaderContent = "Order";

(detailGridControl.View as TableView).ShowGroupPanel = false;

ContentDetailDescriptor contentDetailDescriptor = new ContentDetailDescriptor();

contentDetailDescriptor.HeaderContent = "Note";

contentDetailDescriptor.ContentTemplate = FindResource("NoteDataTemplateKey") as DataTemplate;

TabViewDetailDescriptor tabViewDetailDescriptor = new TabViewDetailDescriptor();

tabViewDetailDescriptor.DetailDescriptors.Add(dataControlDetailDescriptor);

tabViewDetailDescriptor.DetailDescriptors.Add(contentDetailDescriptor );

gridControl.DetailDescriptor = tabViewDetailDescriptor;

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] GridControl 클래스 : DeleteFocusedRow 그리드 명령을 통해 그리드 행 삭제하기

■ GridControl 클래스의 DeleteFocusedRow 그리드 명령을 통해 그리드 행을 삭제하는 방법을 보여준다. ▶ 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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    Width="800"
    Height="600"
    Title="DeleteFocusedRow 그리드 명령을 통해 그리드 행 삭제하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxg:GridControl x:Name="gridControl">
            <dxg:GridControl.Columns>
                <dxg:GridColumn
                    FieldName="UserName"
                    Header="User Name" />
                <dxg:GridColumn
                    FieldName="RegistrationDate"
                    Header="Registration Date" />
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView x:Name="tableView">
                    <dxg:TableView.RowCellMenuCustomizations>
                        <dxb:BarButtonItem
                            Content="Delete Row"
                            Command="{x:Static dxg:GridCommands.DeleteFocusedRow}" />
                    </dxg:TableView.RowCellMenuCustomizations>
                </dxg:TableView>
            </dxg:GridControl.View>
        </dxg:GridControl>
    </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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"

Width="800"

Height="600"

Title="DeleteFocusedRow 그리드 명령을 통해 그리드 행 삭제하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxg:GridControl x:Name="gridControl">

<dxg:GridControl.Columns>

<dxg:GridColumn

FieldName="UserName"

Header="User Name" />

<dxg:GridColumn

FieldName="RegistrationDate"

Header="Registration Date" />

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView x:Name="tableView">

<dxg:TableView.RowCellMenuCustomizations>

<dxb:BarButtonItem

Content="Delete Row"

Command="{x:Static dxg:GridCommands.DeleteFocusedRow}" />

</dxg:TableView.RowCellMenuCustomizations>

</dxg:TableView>

</dxg:GridControl.View>

</dxg:GridControl>

</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.gridControl.ItemsSource = new AccountList().GetData();
        }

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.gridControl.ItemsSource = new AccountList().GetData();

}

#endregion

}

TestProject.zip