DEVEXPRESS Archives - icodebroker

[C#/WPF/DEVEXPRESS] NotificationService 클래스 : 커스텀 토스트 알림(Toast Notification) 표시하기

■ NotificationService 클래스를 사용해 커스텀 토스트 알림(Toast Notification)을 표시하는 방법을 보여준다. ▶ NotificationModel.cs


using System.Windows;

namespace TestProject
{
    /// <summary>
    /// 알림 모델
    /// </summary>
    public class NotificationModel : DependencyObject
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Dependency Property
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 제목 속성 - CaptionProperty

        /// <summary>
        /// 제목 속성
        /// </summary>
        public static readonly DependencyProperty CaptionProperty = DependencyProperty.Register
        (
            "Caption",
            typeof(string),
            typeof(NotificationModel),
            new PropertyMetadata(string.Empty)
        );

        #endregion
        #region 내용 속성 - ContentProperty

        /// <summary>
        /// 내용 속성
        /// </summary>
        public static readonly DependencyProperty ContentProperty = DependencyProperty.Register
        (
            "Content",
            typeof(string),
            typeof(NotificationModel),
            new PropertyMetadata(string.Empty)
        );

        #endregion
        #region 시간 속성 - TimeProperty

        /// <summary>
        /// 시간 속성
        /// </summary>
        public static readonly DependencyProperty TimeProperty = DependencyProperty.Register
        (
            "Time",
            typeof(string),
            typeof(NotificationModel),
            new PropertyMetadata(string.Empty)
        );

        #endregion

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

        #region 제목 - Caption

        /// <summary>
        /// 제목
        /// </summary>
        public string Caption
        {
            get
            {
                return (string)GetValue(CaptionProperty);
            }
            set
            {
                SetValue(CaptionProperty, value);
            }
        }

        #endregion
        #region 내용 - Content

        /// <summary>
        /// 내용
        /// </summary>
        public string Content
        {
            get
            {
                return (string)GetValue(ContentProperty);
            }
            set
            {
                SetValue(ContentProperty, value);
            }
        }

        #endregion
        #region 시간 - Time

        /// <summary>
        /// 시간
        /// </summary>
        public string Time
        {
            get
            {
                return (string)GetValue(TimeProperty);
            }
            set
            {
                SetValue(TimeProperty, value);
            }
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

using System.Windows;

namespace TestProject

{

/// <summary>

/// 알림 모델

/// </summary>

public class NotificationModel : DependencyObject

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Dependency Property

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

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

#region 제목 속성 - CaptionProperty

/// <summary>

/// 제목 속성

/// </summary>

public static readonly DependencyProperty CaptionProperty = DependencyProperty.Register

(

"Caption",

typeof(string),

typeof(NotificationModel),

new PropertyMetadata(string.Empty)

);

#endregion

#region 내용 속성 - ContentProperty

/// <summary>

/// 내용 속성

/// </summary>

public static readonly DependencyProperty ContentProperty = DependencyProperty.Register

(

"Content",

typeof(string),

typeof(NotificationModel),

new PropertyMetadata(string.Empty)

);

#endregion

#region 시간 속성 - TimeProperty

/// <summary>

/// 시간 속성

/// </summary>

public static readonly DependencyProperty TimeProperty = DependencyProperty.Register

(

"Time",

typeof(string),

typeof(NotificationModel),

new PropertyMetadata(string.Empty)

);

#endregion

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

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

#region 제목 - Caption

/// <summary>

/// 제목

/// </summary>

public string Caption

{

get

{

return (string)GetValue(CaptionProperty);

}

set

{

SetValue(CaptionProperty, value);

}

#endregion

#region 내용 - Content

/// <summary>

/// 내용

/// </summary>

public string Content

{

get

{

return (string)GetValue(ContentProperty);

}

set

{

SetValue(ContentProperty, value);

}

#endregion

#region 시간 - Time

/// <summary>

/// 시간

/// </summary>

public string Time

{

get

{

return (string)GetValue(TimeProperty);

}

set

{

SetValue(TimeProperty, value);

}

#endregion

}

▶ 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="NotificationService 클래스 : 커스텀 토스트 알림(Toast Notification) 표시하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <DataTemplate x:Key="CustomDataTemplateKey">
            <Border
                BorderThickness="1"
                BorderBrush="Black"
                Background="DarkBlue">
                <StackPanel
                    HorizontalAlignment="Stretch"
                    VerticalAlignment="Stretch"
                    Orientation="Vertical">
                    <TextBlock
                        Margin="5"
                        HorizontalAlignment="Left"
                        Foreground="White"
                        FontFamily="SegoeUI"
                        FontSize="20"
                        FontWeight="Bold"
                        Text="{Binding Caption}" />
                    <TextBlock
                        Margin="3"
                        HorizontalAlignment="Center"
                        Foreground="LightGray"
                        FontFamily="SegoeUI"
                        FontSize="16"
                        Text="{Binding Content}" />
                    <TextBlock
                        Margin="3"
                        HorizontalAlignment="Right"
                        Foreground="Gray"
                        FontFamily="SegoeUI"
                        FontSize="14"
                        Text="{Binding Time}" />
                </StackPanel>
            </Border>
        </DataTemplate>
    </Window.Resources>
    <Grid>
        <Button Name="showToastNotificationButton"
            Width="200"
            Height="30"
            Content="토스트 알림 표시하기" />
    </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="NotificationService 클래스 : 커스텀 토스트 알림(Toast Notification) 표시하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<Border

BorderThickness="1"

BorderBrush="Black"

Background="DarkBlue">

<StackPanel

HorizontalAlignment="Stretch"

VerticalAlignment="Stretch"

Orientation="Vertical">

<TextBlock

Margin="5"

HorizontalAlignment="Left"

Foreground="White"

FontFamily="SegoeUI"

FontSize="20"

FontWeight="Bold"

Text="{Binding Caption}" />

<TextBlock

Margin="3"

HorizontalAlignment="Center"

Foreground="LightGray"

FontFamily="SegoeUI"

FontSize="16"

Text="{Binding Content}" />

<TextBlock

Margin="3"

HorizontalAlignment="Right"

Foreground="Gray"

FontFamily="SegoeUI"

FontSize="14"

Text="{Binding Time}" />

</StackPanel>

</Border>

</DataTemplate>

</Window.Resources>

<Grid>

<Button Name="showToastNotificationButton"

Width="200"

Height="30"

Content="토스트 알림 표시하기" />

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System;
using System.ComponentModel;
using System.Diagnostics;
using System.Threading.Tasks;
using System.Windows;

using DevExpress.Data;
using DevExpress.Mvvm;
using DevExpress.Mvvm.UI;

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

        #region Field

        /// <summary>
        /// 알림 서비스
        /// </summary>
        private NotificationService service;

        #endregion

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

        #region 생성자 - MainWindow()

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

            DataTemplate template = FindResource("CustomDataTemplateKey") as DataTemplate;

            this.service = new NotificationService();

            this.service.ApplicationId                     = "TestProject";
            this.service.ApplicationName                   = "TestProject";
            this.service.UseWin8NotificationsIfAvailable   = true;
            this.service.CreateApplicationShortcut         = true;
            this.service.CustomNotificationTemplate        = template;
            this.service.CustomNotificationDuration        = TimeSpan.FromSeconds(1);
            this.service.CustomNotificationPosition        = NotificationPosition.BottomRight;
            this.service.CustomNotificationVisibleMaxCount = 10;

            ShellHelper.TryCreateShortcut(this.service.ApplicationId, this.service.ApplicationName);

            Closing                                += Window_Closing;
            this.showToastNotificationButton.Click += showToastNotificationButton_Click;
        }

        #endregion

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

        #region 윈도우 닫을 경우 처리하기 - Window_Closing(sender, e)

        /// <summary>
        /// 윈도우 닫을 경우 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Window_Closing(object sender, CancelEventArgs e)
        {
            ShellHelper.TryRemoveShortcut(this.service.ApplicationName);
        }

        #endregion
        #region 토스트 알림 표시하기 버튼 클릭시 처리하기 - showToastNotificationButton_Click(sender, e)

        /// <summary>
        /// 토스트 알림 표시하기 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void showToastNotificationButton_Click(object sender, RoutedEventArgs e)
        {
            NotificationModel model = new NotificationModel();

            model.Caption = "알림";
            model.Content = "등록된 사용자가 없습니다.";
            model.Time    = $"시각 : {DateTime.Now}";

            INotification notification = this.service.CreateCustomNotification(model);

            notification.ShowAsync().ContinueWith(resultTask => ProcessToastNotificationClicked(resultTask, null));
        }

        #endregion
        #region 토스트 알림 클릭시 처리하기 - ProcessToastNotificationClicked(resultTask, parameter)

        /// <summary>
        /// 토스트 알림 클릭시 처리하기
        /// </summary>
        /// <param name="resultTask">결과 태스크</param>
        /// <param name="parameter">매개 변수</param>
        private void ProcessToastNotificationClicked(Task<NotificationResult> resultTask, object parameter)
        {
            NotificationResult result = resultTask.Result;

            switch(result)
            {
                case NotificationResult.Activated :

                    Process.Start("https://icodebroker.tistory.com");

                    break;
            }
        }

        #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

using System;

using System.ComponentModel;

using System.Diagnostics;

using System.Threading.Tasks;

using System.Windows;

using DevExpress.Data;

using DevExpress.Mvvm;

using DevExpress.Mvvm.UI;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region Field

/// <summary>

/// 알림 서비스

/// </summary>

private NotificationService service;

#endregion

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

DataTemplate template = FindResource("CustomDataTemplateKey") as DataTemplate;

this.service = new NotificationService();

this.service.ApplicationId = "TestProject";

this.service.ApplicationName = "TestProject";

this.service.UseWin8NotificationsIfAvailable = true;

this.service.CreateApplicationShortcut = true;

this.service.CustomNotificationTemplate = template;

this.service.CustomNotificationDuration = TimeSpan.FromSeconds(1);

this.service.CustomNotificationPosition = NotificationPosition.BottomRight;

this.service.CustomNotificationVisibleMaxCount = 10;

ShellHelper.TryCreateShortcut(this.service.ApplicationId, this.service.ApplicationName);

Closing += Window_Closing;

this.showToastNotificationButton.Click += showToastNotificationButton_Click;

}

#endregion

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

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

#region 윈도우 닫을 경우 처리하기 - Window_Closing(sender, e)

/// <summary>

/// 윈도우 닫을 경우 처리하기

/// </summary>

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

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

private void Window_Closing(object sender, CancelEventArgs e)

{

ShellHelper.TryRemoveShortcut(this.service.ApplicationName);

}

#endregion

#region 토스트 알림 표시하기 버튼 클릭시 처리하기 - showToastNotificationButton_Click(sender, e)

/// <summary>

/// 토스트 알림 표시하기 버튼 클릭시 처리하기

/// </summary>

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

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

private void showToastNotificationButton_Click(object sender, RoutedEventArgs e)

{

NotificationModel model = new NotificationModel();

model.Caption = "알림";

model.Content = "등록된 사용자가 없습니다.";

model.Time = $"시각 : {DateTime.Now}";

INotification notification = this.service.CreateCustomNotification(model);

notification.ShowAsync().ContinueWith(resultTask => ProcessToastNotificationClicked(resultTask, null));

}

#endregion

#region 토스트 알림 클릭시 처리하기 - ProcessToastNotificationClicked(resultTask, parameter)

/// <summary>

/// 토스트 알림 클릭시 처리하기

/// </summary>

/// <param name="resultTask">결과 태스크</param>

/// <param name="parameter">매개 변수</param>

private void ProcessToastNotificationClicked(Task<NotificationResult> resultTask, object parameter)

{

NotificationResult result = resultTask.Result;

switch(result)

{

case NotificationResult.Activated :

Process.Start("https://icodebroker.tistory.com");

break;

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] NotificationService 클래스 : 토스트 알림(Toast Notification) 표시하기

■ NotificationService 클래스를 사용해 토스트 알림(Toast Notification)을 표시하는 방법을 보여준다. ▶ 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="NotificationService 클래스 : 토스트 알림(Toast Notification) 표시하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Button Name="showToastNotificationButton"
            Width="200"
            Height="30"
            Content="토스트 알림 표시하기" />
    </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="NotificationService 클래스 : 토스트 알림(Toast Notification) 표시하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Button Name="showToastNotificationButton"

Width="200"

Height="30"

Content="토스트 알림 표시하기" />

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System;
using System.ComponentModel;
using System.Diagnostics;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Media.Imaging;

using DevExpress.Data;
using DevExpress.Mvvm;
using DevExpress.Mvvm.UI;

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

        #region Field

        /// <summary>
        /// 알림 서비스
        /// </summary>
        private NotificationService service;

        /// <summary>
        /// 비트맵 이미지
        /// </summary>
        private BitmapImage bitmapImage;

        #endregion

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

        #region 생성자 - MainWindow()

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

            this.service = new NotificationService();

            this.service.ApplicationId                   = "TestProject";
            this.service.ApplicationName                 = "TestProject";
            this.service.UseWin8NotificationsIfAvailable = true;
            this.service.CreateApplicationShortcut       = true;
            this.service.PredefinedNotificationDuration  = PredefinedNotificationDuration.Default;
            this.service.PredefinedNotificationTemplate  = NotificationTemplate.ShortHeaderAndTwoTextFields;

            ShellHelper.TryCreateShortcut(this.service.ApplicationId, this.service.ApplicationName);

            Uri uri = GetResourceURI(null, "IMAGE/toast.png");

            this.bitmapImage = new BitmapImage(uri);

            Closing                                += Window_Closing;
            this.showToastNotificationButton.Click += showToastNotificationButton_Click;
        }

        #endregion

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

        #region 윈도우 닫을 경우 처리하기 - Window_Closing(sender, e)

        /// <summary>
        /// 윈도우 닫을 경우 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Window_Closing(object sender, CancelEventArgs e)
        {
            ShellHelper.TryRemoveShortcut(this.service.ApplicationName);
        }

        #endregion
        #region 토스트 알림 표시하기 버튼 클릭시 처리하기 - showToastNotificationButton_Click(sender, e)

        /// <summary>
        /// 토스트 알림 표시하기 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void showToastNotificationButton_Click(object sender, RoutedEventArgs e)
        {
            INotification notification = this.service.CreatePredefinedNotification
            (
                "알림",
                "등록된 사용자가 아닙니다.",
                DateTime.Now.ToString(),
                this.bitmapImage
            );

            notification.ShowAsync().ContinueWith(resultTask => ProcessToastNotificationClicked(resultTask, null));
        }

        #endregion
        #region 토스트 알림 클릭시 처리하기 - ProcessToastNotificationClicked(resultTask, parameter)

        /// <summary>
        /// 토스트 알림 클릭시 처리하기
        /// </summary>
        /// <param name="resultTask">결과 태스크</param>
        /// <param name="parameter">매개 변수</param>
        private void ProcessToastNotificationClicked(Task<NotificationResult> resultTask, object parameter)
        {
            NotificationResult result = resultTask.Result;

            switch(result)
            {
                case NotificationResult.Activated :

                    Process.Start("https://icodebroker.tistory.com");

                    break;
            }
        }

        #endregion

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

        #region 리소스 URI 구하기 - GetResourceURI(assemblyName, resourcePath)

        /// <summary>
        /// 리소스 URI 구하기
        /// </summary>
        /// <param name="assemblyName">어셈블리명</param>
        /// <param name="resourcePath">리소스 경로</param>
        /// <returns>리소스 URI</returns>
        private Uri GetResourceURI(string assemblyName, string resourcePath)
        {
            if(string.IsNullOrEmpty(assemblyName))
            {
                return new Uri($"pack://application:,,,/{resourcePath}");
            }
            else
            {
                return new Uri($"pack://application:,,,/{assemblyName};component/{resourcePath}");
            }
        }

        #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

using System;

using System.ComponentModel;

using System.Diagnostics;

using System.Threading.Tasks;

using System.Windows;

using System.Windows.Media.Imaging;

using DevExpress.Data;

using DevExpress.Mvvm;

using DevExpress.Mvvm.UI;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region Field

/// <summary>

/// 알림 서비스

/// </summary>

private NotificationService service;

/// <summary>

/// 비트맵 이미지

/// </summary>

private BitmapImage bitmapImage;

#endregion

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.service = new NotificationService();

this.service.ApplicationId = "TestProject";

this.service.ApplicationName = "TestProject";

this.service.UseWin8NotificationsIfAvailable = true;

this.service.CreateApplicationShortcut = true;

this.service.PredefinedNotificationDuration = PredefinedNotificationDuration.Default;

this.service.PredefinedNotificationTemplate = NotificationTemplate.ShortHeaderAndTwoTextFields;

ShellHelper.TryCreateShortcut(this.service.ApplicationId, this.service.ApplicationName);

Uri uri = GetResourceURI(null, "IMAGE/toast.png");

this.bitmapImage = new BitmapImage(uri);

Closing += Window_Closing;

this.showToastNotificationButton.Click += showToastNotificationButton_Click;

}

#endregion

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

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

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

#region 윈도우 닫을 경우 처리하기 - Window_Closing(sender, e)

/// <summary>

/// 윈도우 닫을 경우 처리하기

/// </summary>

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

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

private void Window_Closing(object sender, CancelEventArgs e)

{

ShellHelper.TryRemoveShortcut(this.service.ApplicationName);

}

#endregion

#region 토스트 알림 표시하기 버튼 클릭시 처리하기 - showToastNotificationButton_Click(sender, e)

/// <summary>

/// 토스트 알림 표시하기 버튼 클릭시 처리하기

/// </summary>

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

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

private void showToastNotificationButton_Click(object sender, RoutedEventArgs e)

{

INotification notification = this.service.CreatePredefinedNotification

(

"알림",

"등록된 사용자가 아닙니다.",

DateTime.Now.ToString(),

this.bitmapImage

);

notification.ShowAsync().ContinueWith(resultTask => ProcessToastNotificationClicked(resultTask, null));

}

#endregion

#region 토스트 알림 클릭시 처리하기 - ProcessToastNotificationClicked(resultTask, parameter)

/// <summary>

/// 토스트 알림 클릭시 처리하기

/// </summary>

/// <param name="resultTask">결과 태스크</param>

/// <param name="parameter">매개 변수</param>

private void ProcessToastNotificationClicked(Task<NotificationResult> resultTask, object parameter)

{

NotificationResult result = resultTask.Result;

switch(result)

{

case NotificationResult.Activated :

Process.Start("https://icodebroker.tistory.com");

break;

}

#endregion

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

#region 리소스 URI 구하기 - GetResourceURI(assemblyName, resourcePath)

/// <summary>

/// 리소스 URI 구하기

/// </summary>

/// <param name="assemblyName">어셈블리명</param>

/// <param name="resourcePath">리소스 경로</param>

/// <returns>리소스 URI</returns>

private Uri GetResourceURI(string assemblyName, string resourcePath)

{

if(string.IsNullOrEmpty(assemblyName))

{

return new Uri($"pack://application:,,,/{resourcePath}");

}

else

{

return new Uri($"pack://application:,,,/{assemblyName};component/{resourcePath}");

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] CameraControl 클래스 : 카메라 사용하기 (기능 개선)

■ CameraControl 클래스에서 카메라를 사용하는 방법을 보여준다. (기능 개선) [TestLibrary 프로젝트] ▶ CameraControl.xaml


<UserControl x:Class="TestLibrary.CameraControl"
    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">
    <dxe:CameraControl Name="cameraControl"
        Stretch="Fill"
        ShowSettingsButton="False"
        AllowAutoStart="False" />
</UserControl>

<UserControl x:Class="TestLibrary.CameraControl"

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

<dxe:CameraControl Name="cameraControl"

Stretch="Fill"

ShowSettingsButton="False"

AllowAutoStart="False" />

</UserControl>

▶ CameraControl.xaml.cs


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

using DevExpress.Xpf.Editors;

namespace TestLibrary
{
    /// <summary>
    /// 카메라 컨트롤
    /// </summary>
    public partial class CameraControl : UserControl
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 캡처 여부
        /// </summary>
        private bool isCapturing = false;

        #endregion

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

        #region 장치명 - DeviceName

        /// <summary>
        /// 장치명
        /// </summary>
        public string DeviceName
        {
            get
            {
                return this.cameraControl.DeviceInfo.Name;
            }
            set
            {
                DeviceInfo deviceInfo = GetDeviceInfo(value);

                this.cameraControl.DeviceInfo = deviceInfo;
            }
        }

        #endregion
        #region 캡처 여부 - IsCapturing

        /// <summary>
        /// 캡처 여부
        /// </summary>
        public bool IsCapturing
        {
            get
            {
                return this.isCapturing;
            }
        }

        #endregion

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

        #region 생성자 - CameraControl()

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

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 장치명 리스트 구하기 - GetDeviceNameList()

        /// <summary>
        /// 장치명 리스트 구하기
        /// </summary>
        /// <returns></returns>
        public static List<string> GetDeviceNameList()
        {
            List<DeviceInfo> deviceInfoList = GetDeviceInfoList();

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

            foreach(DeviceInfo deviceInfo in deviceInfoList)
            {
                list.Add(deviceInfo.Name);
            }

            return list;
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// private

        #region 장치 정보 리스트 구하기 - GetDeviceInfoList()

        /// <summary>
        /// 장치 정보 리스트 구하기
        /// </summary>
        /// <returns>장치 정보 리스트</returns>
        private static List<DeviceInfo> GetDeviceInfoList()
        {
            DevExpress.Xpf.Editors.CameraControl control = new DevExpress.Xpf.Editors.CameraControl();

            List<DeviceInfo> deviceInfoList = control.GetAvailableDevices().ToList();

            return deviceInfoList;
        }

        #endregion
        #region 장치 정보 구하기 - GetDeviceInfo(deviceName)

        /// <summary>
        /// 장치 정보 구하기
        /// </summary>
        /// <param name="deviceName">장치명</param>
        /// <returns>장치 정보</returns>
        private static DeviceInfo GetDeviceInfo(string deviceName)
        {
            if(string.IsNullOrEmpty(deviceName))
            {
                return null;
            }

            List<DeviceInfo> deviceInfoList = GetDeviceInfoList();

            DeviceInfo deviceInfo = deviceInfoList.Where(d => d.Name == deviceName).FirstOrDefault();

            return deviceInfo;
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Instance
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 시작하기 - Start()

        /// <summary>
        /// 시작하기
        /// </summary>
        public void Start()
        {
            if(this.isCapturing)
            {
                return;
            }

            this.cameraControl.Start();

            this.isCapturing = true;
        }

        #endregion
        #region 중단하기 - Stop()

        /// <summary>
        /// 중단하기
        /// </summary>
        public void Stop()
        {
            if(!this.isCapturing)
            {
                return;
            }

            this.cameraControl.Stop();

            this.isCapturing = false;
        }

        #endregion
        #region 이미지 구하기 - GetImage()

        /// <summary>
        /// 이미지 구하기
        /// </summary>
        /// <returns>이미지 소스</returns>
        public ImageSource GetImage()
        {
            return this.cameraControl.TakeSnapshot();
        }

        #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

using System.Collections.Generic;

using System.Linq;

using System.Windows.Controls;

using System.Windows.Media;

using DevExpress.Xpf.Editors;

namespace TestLibrary

{

/// <summary>

/// 카메라 컨트롤

/// </summary>

public partial class CameraControl : UserControl

{

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

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

#region Field

/// <summary>

/// 캡처 여부

/// </summary>

private bool isCapturing = false;

#endregion

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

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

#region 장치명 - DeviceName

/// <summary>

/// 장치명

/// </summary>

public string DeviceName

{

get

{

return this.cameraControl.DeviceInfo.Name;

}

set

{

DeviceInfo deviceInfo = GetDeviceInfo(value);

this.cameraControl.DeviceInfo = deviceInfo;

}

#endregion

#region 캡처 여부 - IsCapturing

/// <summary>

/// 캡처 여부

/// </summary>

public bool IsCapturing

{

get

{

return this.isCapturing;

}

#endregion

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

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

#region 생성자 - CameraControl()

/// <summary>

/// 생성자

/// </summary>

public CameraControl()

{

InitializeComponent();

}

#endregion

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

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

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

#region 장치명 리스트 구하기 - GetDeviceNameList()

/// <summary>

/// 장치명 리스트 구하기

/// </summary>

/// <returns></returns>

public static List<string> GetDeviceNameList()

{

List<DeviceInfo> deviceInfoList = GetDeviceInfoList();

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

foreach(DeviceInfo deviceInfo in deviceInfoList)

{

list.Add(deviceInfo.Name);

}

return list;

}

#endregion

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

//////////////////////////////////////////////////////////////////////////////// private

#region 장치 정보 리스트 구하기 - GetDeviceInfoList()

/// <summary>

/// 장치 정보 리스트 구하기

/// </summary>

/// <returns>장치 정보 리스트</returns>

private static List<DeviceInfo> GetDeviceInfoList()

{

DevExpress.Xpf.Editors.CameraControl control = new DevExpress.Xpf.Editors.CameraControl();

List<DeviceInfo> deviceInfoList = control.GetAvailableDevices().ToList();

return deviceInfoList;

}

#endregion

#region 장치 정보 구하기 - GetDeviceInfo(deviceName)

/// <summary>

/// 장치 정보 구하기

/// </summary>

/// <param name="deviceName">장치명</param>

/// <returns>장치 정보</returns>

private static DeviceInfo GetDeviceInfo(string deviceName)

{

if(string.IsNullOrEmpty(deviceName))

{

return null;

}

List<DeviceInfo> deviceInfoList = GetDeviceInfoList();

DeviceInfo deviceInfo = deviceInfoList.Where(d => d.Name == deviceName).FirstOrDefault();

return deviceInfo;

}

#endregion

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

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

#region 시작하기 - Start()

/// <summary>

/// 시작하기

/// </summary>

public void Start()

{

if(this.isCapturing)

{

return;

}

this.cameraControl.Start();

this.isCapturing = true;

}

#endregion

#region 중단하기 - Stop()

/// <summary>

/// 중단하기

/// </summary>

public void Stop()

{

if(!this.isCapturing)

{

return;

}

this.cameraControl.Stop();

this.isCapturing = false;

}

#endregion

#region 이미지 구하기 - GetImage()

/// <summary>

/// 이미지 구하기

/// </summary>

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

public ImageSource GetImage()

{

return this.cameraControl.TakeSnapshot();

}

#endregion

}

[TestProject 프로젝트] ▶ 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:library="clr-namespace:TestLibrary;assembly=TestLibrary"
    Width="800"
    Height="600"
    Title="CameraControl 클래스 : 카메라 사용하기 (기능 개선)"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid Margin="10">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"    />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <Border Grid.Row="0"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            BorderThickness="1"
            BorderBrush="Black">
            <library:CameraControl Name="cameraControl"
                Width="600"
                Height="480" />
        </Border>
        <StackPanel Grid.Row="1"
            HorizontalAlignment="Right"
            VerticalAlignment="Center"
            Orientation="Horizontal">
            <Button Name="startButton"
                Width="100"
                Height="30"
                Content="시작" />
            <Button Name="imageButton"
                Margin="10 0 0 0"
                Width="100"
                Height="30"
                Content="이미지" />
        </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:library="clr-namespace:TestLibrary;assembly=TestLibrary"

Width="800"

Height="600"

Title="CameraControl 클래스 : 카메라 사용하기 (기능 개선)"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Border Grid.Row="0"

HorizontalAlignment="Center"

VerticalAlignment="Center"

BorderThickness="1"

BorderBrush="Black">

<library:CameraControl Name="cameraControl"

Width="600"

Height="480" />

</Border>

<StackPanel Grid.Row="1"

HorizontalAlignment="Right"

VerticalAlignment="Center"

Orientation="Horizontal">

<Button Name="startButton"

Width="100"

Height="30"

Content="시작" />

<Button Name="imageButton"

Margin="10 0 0 0"

Width="100"

Height="30"

Content="이미지" />

</StackPanel>

</Grid>

</Window>

[C#/WPF/DEVEXPRESS] GridControl 클래스 : NodeExpanding 이벤트를 사용해 동적 데이터 로딩하기

■ GridControl 클래스의 NodeExpanding 이벤트를 사용해 동적 데이터를 로딩하는 방법을 보여준다. ▶ FileSystemItem.cs


namespace TestProject
{
    /// <summary>
    /// 파일 시스템 항목
    /// </summary>
    public class FileSystemItem
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 항목명 - ItemName

        /// <summary>
        /// 항목명
        /// </summary>
        public string ItemName { get; set; }

        #endregion
        #region 항목 타입 - ItemType

        /// <summary>
        /// 항목 타입
        /// </summary>
        public string ItemType { get; set; }

        #endregion
        #region 항목 크기 - ItemSize

        /// <summary>
        /// 항목 크기
        /// </summary>
        public string ItemSize { get; set; }

        #endregion
        #region 항목 완전한 명칭 - ItemFullName

        /// <summary>
        /// 항목 완전한 명칭
        /// </summary>
        public string ItemFullName { get; set; }

        #endregion

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

        #region 생성자 - FileSystemItem(itemName, itemType, itemSize, itemFullName)

        /// <summary>
        /// 생성자
        /// </summary>
        /// <param name="itemName">항목명</param>
        /// <param name="itemType">항목 타입</param>
        /// <param name="itemSize">항목 크기</param>
        /// <param name="itemFullName">항목 완전한 명칭</param>
        public FileSystemItem(string itemName, string itemType, string itemSize, string itemFullName)
        {
            ItemName     = itemName;
            ItemType     = itemType;
            ItemSize     = itemSize;
            ItemFullName = itemFullName;
        }

        #endregion
    }
}

namespace TestProject

{

/// <summary>

/// 파일 시스템 항목

/// </summary>

public class FileSystemItem

{

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

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

#region 항목명 - ItemName

/// <summary>

/// 항목명

/// </summary>

public string ItemName { get; set; }

#endregion

#region 항목 타입 - ItemType

/// <summary>

/// 항목 타입

/// </summary>

public string ItemType { get; set; }

#endregion

#region 항목 크기 - ItemSize

/// <summary>

/// 항목 크기

/// </summary>

public string ItemSize { get; set; }

#endregion

#region 항목 완전한 명칭 - ItemFullName

/// <summary>

/// 항목 완전한 명칭

/// </summary>

public string ItemFullName { get; set; }

#endregion

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

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

#region 생성자 - FileSystemItem(itemName, itemType, itemSize, itemFullName)

/// <summary>

/// 생성자

/// </summary>

/// <param name="itemName">항목명</param>

/// <param name="itemType">항목 타입</param>

/// <param name="itemSize">항목 크기</param>

/// <param name="itemFullName">항목 완전한 명칭</param>

public FileSystemItem(string itemName, string itemType, string itemSize, string itemFullName)

{

ItemName = itemName;

ItemType = itemType;

ItemSize = itemSize;

ItemFullName = itemFullName;

}

#endregion

}

▶ FileSystemDataProvider.cs


using System.IO;

namespace TestProject
{
    /// <summary>
    /// 파일 시스템 데이타 제공자
    /// </summary>
    public static class FileSystemDataProvider
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 논리 드라이브 배열 구하기 - GetLogicalDriveArray()

        /// <summary>
        /// 논리 드라이브 배열 구하기
        /// </summary>
        /// <returns>논리 드라이브 배열</returns>
        public static string[] GetLogicalDriveArray()
        {
            return Directory.GetLogicalDrives();
        }

        #endregion
        #region 하위 폴더 배열 구하기 - GetSubfolders(folderPath)

        /// <summary>
        /// 하위 폴더 배열 구하기
        /// </summary>
        /// <param name="folderPath">폴더 경로</param>
        /// <returns>하위 폴더 배열</returns>
        public static string[] GetSubfolderArray(string folderPath)
        {
            return Directory.GetDirectories(folderPath);
        }

        #endregion
        #region 하위 파일 배열 구하기 - GetSubfiles(folderPath)

        /// <summary>
        /// 하위 파일 배열 구하기
        /// </summary>
        /// <param name="folderPath">폴더 경로</param>
        /// <returns>하위 파일 배열</returns>
        public static string[] GetSubfileArray(string folderPath)
        {
            return Directory.GetFiles(folderPath);
        }

        #endregion
        #region 폴더명 구하기 - GetFolderName(folderPath)

        /// <summary>
        /// 폴더명 구하기
        /// </summary>
        /// <param name="folderPath">폴더 경로</param>
        /// <returns>폴더명</returns>
        public static string GetFolderName(string folderPath)
        {
            return new DirectoryInfo(folderPath).Name;
        }

        #endregion
        #region 파일명 구하기 - GetFileName(filePath)

        /// <summary>
        /// 파일명 구하기
        /// </summary>
        /// <param name="filePath">파일 경로</param>
        /// <returns>파일명</returns>
        public static string GetFileName(string filePath)
        {
            return new FileInfo(filePath).Name;
        }

        #endregion
        #region 파일 크기 구하기 - GetFileSize(filePath)

        /// <summary>
        /// 파일 크기 구하기
        /// </summary>
        /// <param name="filePath">파일 경로</param>
        /// <returns>파일 크기</returns>
        public static long GetFileSize(string filePath)
        {
            return new FileInfo(filePath).Length;
        }

        #endregion
    }
}

using System.IO;

namespace TestProject

{

/// <summary>

/// 파일 시스템 데이타 제공자

/// </summary>

public static class FileSystemDataProvider

{

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

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

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

#region 논리 드라이브 배열 구하기 - GetLogicalDriveArray()

/// <summary>

/// 논리 드라이브 배열 구하기

/// </summary>

/// <returns>논리 드라이브 배열</returns>

public static string[] GetLogicalDriveArray()

{

return Directory.GetLogicalDrives();

}

#endregion

#region 하위 폴더 배열 구하기 - GetSubfolders(folderPath)

/// <summary>

/// 하위 폴더 배열 구하기

/// </summary>

/// <param name="folderPath">폴더 경로</param>

/// <returns>하위 폴더 배열</returns>

public static string[] GetSubfolderArray(string folderPath)

{

return Directory.GetDirectories(folderPath);

}

#endregion

#region 하위 파일 배열 구하기 - GetSubfiles(folderPath)

/// <summary>

/// 하위 파일 배열 구하기

/// </summary>

/// <param name="folderPath">폴더 경로</param>

/// <returns>하위 파일 배열</returns>

public static string[] GetSubfileArray(string folderPath)

{

return Directory.GetFiles(folderPath);

}

#endregion

#region 폴더명 구하기 - GetFolderName(folderPath)

/// <summary>

/// 폴더명 구하기

/// </summary>

/// <param name="folderPath">폴더 경로</param>

/// <returns>폴더명</returns>

public static string GetFolderName(string folderPath)

{

return new DirectoryInfo(folderPath).Name;

}

#endregion

#region 파일명 구하기 - GetFileName(filePath)

/// <summary>

/// 파일명 구하기

/// </summary>

/// <param name="filePath">파일 경로</param>

/// <returns>파일명</returns>

public static string GetFileName(string filePath)

{

return new FileInfo(filePath).Name;

}

#endregion

#region 파일 크기 구하기 - GetFileSize(filePath)

/// <summary>

/// 파일 크기 구하기

/// </summary>

/// <param name="filePath">파일 경로</param>

/// <returns>파일 크기</returns>

public static long GetFileSize(string filePath)

{

return new FileInfo(filePath).Length;

}

#endregion

}

▶ 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="GridControl 클래스 : NodeExpanding 이벤트를 사용해 동적 데이터 로딩하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxg:GridControl Name="gridControl">
            <dxg:GridControl.Columns>
                <dxg:GridColumn FieldName="ItemName"     />
                <dxg:GridColumn FieldName="ItemType"     />
                <dxg:GridColumn FieldName="ItemSize"     />
                <dxg:GridColumn FieldName="ItemFullName" />
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TreeListView Name="treeListView"
                    AutoWidth="True"
                    NodeExpanding="treeListView_NodeExpanding"/>
            </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="GridControl 클래스 : NodeExpanding 이벤트를 사용해 동적 데이터 로딩하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxg:GridControl Name="gridControl">

<dxg:GridControl.Columns>

<dxg:GridColumn FieldName="ItemName" />

<dxg:GridColumn FieldName="ItemType" />

<dxg:GridColumn FieldName="ItemSize" />

<dxg:GridColumn FieldName="ItemFullName" />

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TreeListView Name="treeListView"

AutoWidth="True"

NodeExpanding="treeListView_NodeExpanding"/>

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

</Window>

▶ MainWindow.xaml.cs

[C#/WPF/DEVEXPRESS] GridControl 클래스 : CustomColumnSort 이벤트를 사용해 커스텀 데이터 정렬하기

■ GridControl 클래스의 CustomColumnSort 이벤트를 사용해 커스텀 데이터를 정렬하는 방법을 보여준다. ▶ 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="GridControl 클래스 : CustomColumnSort 이벤트를 사용해 커스텀 데이터 정렬하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxg:GridControl Name="gridControl"
            CustomColumnSort="gridControl_CustomColumnSort">
            <dxg:GridControl.Columns>
                <dxg:GridColumn FieldName="CustomerID"                 />
                <dxg:GridColumn FieldName="ShippedDate"                />
                <dxg:GridColumn FieldName="ShipName" SortMode="Custom" />
                <dxg:GridColumn FieldName="ShipCountry"                />
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView Name="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="GridControl 클래스 : CustomColumnSort 이벤트를 사용해 커스텀 데이터 정렬하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxg:GridControl Name="gridControl"

CustomColumnSort="gridControl_CustomColumnSort">

<dxg:GridControl.Columns>

<dxg:GridColumn FieldName="CustomerID" />

<dxg:GridColumn FieldName="ShippedDate" />

<dxg:GridColumn FieldName="ShipName" SortMode="Custom" />

<dxg:GridColumn FieldName="ShipCountry" />

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView Name="tableView" />

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System;
using System.Collections;
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 nwindDataSetTableAdapters.OrdersTableAdapter().GetData();
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 그리드 컨트롤 커스텀 컬럼 정렬 처리하기 - gridControl_CustomColumnSort(sender, e)

        /// <summary>
        /// 그리드 컨트롤 커스텀 컬럼 정렬 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void gridControl_CustomColumnSort(object sender, CustomColumnSortEventArgs e)
        {
            if(e.Column.FieldName == "ShipName")
            {
                e.Handled = true;

                string value1 = e.Value1.ToString();
                string value2 = e.Value2.ToString();

                if(value1.Length > value2.Length)
                {
                    e.Result = 1;
                }
                else if(value1.Length == value2.Length)
                {
                    e.Result = Comparer.Default.Compare(value1, value2);
                }
                else
                {
                    e.Result = -1;
                }
            }
        }

        #endregion
    }
}

using System;

using System.Collections;

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 nwindDataSetTableAdapters.OrdersTableAdapter().GetData();

}

#endregion

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

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

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

#region 그리드 컨트롤 커스텀 컬럼 정렬 처리하기 - gridControl_CustomColumnSort(sender, e)

/// <summary>

/// 그리드 컨트롤 커스텀 컬럼 정렬 처리하기

/// </summary>

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

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

private void gridControl_CustomColumnSort(object sender, CustomColumnSortEventArgs e)

{

if(e.Column.FieldName == "ShipName")

{

e.Handled = true;

string value1 = e.Value1.ToString();

string value2 = e.Value2.ToString();

if(value1.Length > value2.Length)

{

e.Result = 1;

}

else if(value1.Length == value2.Length)

{

e.Result = Comparer.Default.Compare(value1, value2);

}

else

{

e.Result = -1;

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] GridControl 클래스 : 커스텀 데이터 그룹핑 사용하기

■ GridControl 클래스에서 커스텀 데이터 그룹핑을 사용하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="DS.Test.WPF.UI.Developer.Grid.CustomDataGrouping.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="GridControl 클래스 : 커스텀 데이터 그룹핑 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxg:GridControl Name="gridControl"
            CustomColumnDisplayText="gridControl_CustomColumnDisplayText"
            CustomColumnGroup="gridControl_CustomColumnGroup">
            <dxg:GridControl.Columns>
                <dxg:GridColumn FieldName="ProductID"                   />
                <dxg:GridColumn FieldName="ProductName"                 />
                <dxg:GridColumn FieldName="QuantityPerUnit"             />
                <dxg:GridColumn FieldName="UnitPrice" SortMode="Custom" />
                <dxg:GridColumn FieldName="UnitsInStock"                />
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView Name="tableView" />
            </dxg:GridControl.View>
        </dxg:GridControl>
    </Grid>
</Window>

<Window x:Class="DS.Test.WPF.UI.Developer.Grid.CustomDataGrouping.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="GridControl 클래스 : 커스텀 데이터 그룹핑 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxg:GridControl Name="gridControl"

CustomColumnDisplayText="gridControl_CustomColumnDisplayText"

CustomColumnGroup="gridControl_CustomColumnGroup">

<dxg:GridControl.Columns>

<dxg:GridColumn FieldName="ProductID" />

<dxg:GridColumn FieldName="ProductName" />

<dxg:GridColumn FieldName="QuantityPerUnit" />

<dxg:GridColumn FieldName="UnitPrice" SortMode="Custom" />

<dxg:GridColumn FieldName="UnitsInStock" />

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView Name="tableView" />

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

</Window>

▶ MainWindow.xaml.cs


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

using DevExpress.Xpf.Grid;

namespace DS.Test.WPF.UI.Developer.Grid.CustomDataGrouping
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

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

            this.gridControl.ItemsSource = new nwindDataSetTableAdapters.ProductsTableAdapter().GetData();
        }

        #endregion

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

        #region 그리드 컨트롤 커스텀 컬럼 디스플레이 텍스트 처리하기 - gridControl_CustomColumnDisplayText(sender, e)

        /// <summary>
        /// 그리드 컨트롤 커스텀 컬럼 디스플레이 텍스트 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void gridControl_CustomColumnDisplayText(object sender, CustomColumnDisplayTextEventArgs e)
        {
            if(e.Column == null)
            {
                return;
            }

            if(e.Column.FieldName == "UnitPrice")
            {
                string interval = GetInterval(this.gridControl.GetGroupRowValue(e.RowHandle));

                e.DisplayText = interval;
            }
        }

        #endregion
        #region 그리드 컨트롤 커스텀 컬럼 그룹 처리하기 - gridControl_CustomColumnGroup(sender, e)

        /// <summary>
        /// 그리드 컨트롤 커스텀 컬럼 그룹 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void gridControl_CustomColumnGroup(object sender, CustomColumnSortEventArgs e)
        {
            if(e.Column != null & e.Column.FieldName == "UnitPrice")
            {
                double x = Math.Floor(Convert.ToDouble(e.Value1) / 10);
                double y = Math.Floor(Convert.ToDouble(e.Value2) / 10);

                int result = Comparer.Default.Compare(x, y);

                if(x > 9 && y > 9)
                {
                    result = 0;
                }

                e.Result = result;

                e.Handled = true;
            }
        }

        #endregion

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

        #region 간격 구하기 - GetInterval(value)

        /// <summary>
        /// 간격 구하기
        /// </summary>
        /// <param name="value">값</param>
        /// <returns>간격</returns>
        private static string GetInterval(object value)
        {
            double doubleValue = Math.Floor(Convert.ToDouble(value) / 10);

            string result;

            if(doubleValue > 9)
            {
                result = string.Format(">= {0:c} ", 100);
            }
            else
            {
                result = string.Format("{0:c} - {1:c}", doubleValue * 10, (doubleValue + 1) * 10);
            }

            return result;
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

using System;

using System.Collections;

using System.Windows;

using DevExpress.Xpf.Grid;

namespace DS.Test.WPF.UI.Developer.Grid.CustomDataGrouping

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.gridControl.ItemsSource = new nwindDataSetTableAdapters.ProductsTableAdapter().GetData();

}

#endregion

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

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

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

#region 그리드 컨트롤 커스텀 컬럼 디스플레이 텍스트 처리하기 - gridControl_CustomColumnDisplayText(sender, e)

/// <summary>

/// 그리드 컨트롤 커스텀 컬럼 디스플레이 텍스트 처리하기

/// </summary>

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

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

private void gridControl_CustomColumnDisplayText(object sender, CustomColumnDisplayTextEventArgs e)

{

if(e.Column == null)

{

return;

}

if(e.Column.FieldName == "UnitPrice")

{

string interval = GetInterval(this.gridControl.GetGroupRowValue(e.RowHandle));

e.DisplayText = interval;

}

#endregion

#region 그리드 컨트롤 커스텀 컬럼 그룹 처리하기 - gridControl_CustomColumnGroup(sender, e)

/// <summary>

/// 그리드 컨트롤 커스텀 컬럼 그룹 처리하기

/// </summary>

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

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

private void gridControl_CustomColumnGroup(object sender, CustomColumnSortEventArgs e)

{

if(e.Column != null & e.Column.FieldName == "UnitPrice")

{

double x = Math.Floor(Convert.ToDouble(e.Value1) / 10);

double y = Math.Floor(Convert.ToDouble(e.Value2) / 10);

int result = Comparer.Default.Compare(x, y);

if(x > 9 && y > 9)

{

result = 0;

}

e.Result = result;

e.Handled = true;

}

#endregion

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

#region 간격 구하기 - GetInterval(value)

/// <summary>

/// 간격 구하기

/// </summary>

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

/// <returns>간격</returns>

private static string GetInterval(object value)

{

double doubleValue = Math.Floor(Convert.ToDouble(value) / 10);

string result;

if(doubleValue > 9)

{

result = string.Format(">= {0:c} ", 100);

}

else

{

result = string.Format("{0:c} - {1:c}", doubleValue * 10, (doubleValue + 1) * 10);

}

return result;

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] GridControl 클래스 : 언바운드 모드 트리 사용하기

■ GridControl 클래스에서 언바운드 모드 트리를 사용하는 방법을 보여준다. ▶ ProjectObject.cs


namespace TestProject
{
    /// <summary>
    /// 프로젝트 오브젝트
    /// </summary>
    public class ProjectObject
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 명칭 - Name

        /// <summary>
        /// 명칭
        /// </summary>
        public string Name { get; set; }

        #endregion
        #region 실행자 - Executor

        /// <summary>
        /// 실행자
        /// </summary>
        public string Executor { get; set; }

        #endregion
    }
}

namespace TestProject

{

/// <summary>

/// 프로젝트 오브젝트

/// </summary>

public class ProjectObject

{

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

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

#region 명칭 - Name

/// <summary>

/// 명칭

/// </summary>

public string Name { get; set; }

#endregion

#region 실행자 - Executor

/// <summary>

/// 실행자

/// </summary>

public string Executor { get; set; }

#endregion

}

▶ StageObject.cs


namespace TestProject
{
    /// <summary>
    /// 스테이지 오브젝트
    /// </summary>
    public class StageObject
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 명칭 - Name

        /// <summary>
        /// 명칭
        /// </summary>
        public string Name { get; set; }

        #endregion
        #region 실행자 - Executor

        /// <summary>
        /// 실행자
        /// </summary>
        public string Executor { get; set; }

        #endregion
    }
}

namespace TestProject

{

/// <summary>

/// 스테이지 오브젝트

/// </summary>

public class StageObject

{

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

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

#region 명칭 - Name

/// <summary>

/// 명칭

/// </summary>

public string Name { get; set; }

#endregion

#region 실행자 - Executor

/// <summary>

/// 실행자

/// </summary>

public string Executor { get; set; }

#endregion

}

▶ TaskObject.cs


namespace TestProject
{
    /// <summary>
    /// 작업 오브젝트
    /// </summary>
    public class TaskObject
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 명칭 - Name

        /// <summary>
        /// 명칭
        /// </summary>
        public string Name { get; set; }

        #endregion
        #region 실행자 - Executor

        /// <summary>
        /// 실행자
        /// </summary>
        public string Executor { get; set; }

        #endregion
        #region 상태 - State

        /// <summary>
        /// 상태
        /// </summary>
        public string State { get; set; }

        #endregion
    }
}

namespace TestProject

{

/// <summary>

/// 작업 오브젝트

/// </summary>

public class TaskObject

{

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

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

#region 명칭 - Name

/// <summary>

/// 명칭

/// </summary>

public string Name { get; set; }

#endregion

#region 실행자 - Executor

/// <summary>

/// 실행자

/// </summary>

public string Executor { get; set; }

#endregion

#region 상태 - State

/// <summary>

/// 상태

/// </summary>

public string State { get; set; }

#endregion

}

▶ 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="GridControl 클래스 : 언바운드 모드 트리 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxg:GridControl Name="grid">
            <dxg:GridControl.Columns>
                <dxg:GridColumn FieldName="Name"     />
                <dxg:GridColumn FieldName="Executor" />
                <dxg:GridColumn FieldName="State"    />
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TreeListView Name="treeListView" AutoWidth="True">
                    <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:StageObject
                                            Name="Development"
                                            Executor="Kairra Hogg" />
                                    </dxg:TreeListNode.Content>
                                    <dxg:TreeListNode.Nodes>
                                        <dxg:TreeListNode>
                                            <dxg:TreeListNode.Content>
                                                <local:TaskObject
                                                    Name="Coding"
                                                    Executor="Sabato Durley"
                                                    State="Not Started" />
                                            </dxg:TreeListNode.Content>
                                        </dxg:TreeListNode>
                                    </dxg:TreeListNode.Nodes>
                                </dxg:TreeListNode>
                            </dxg:TreeListNode.Nodes>
                        </dxg:TreeListNode>
                    </dxg:TreeListView.Nodes>
                </dxg:TreeListView>
            </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"

xmlns:local="clr-namespace:TestProject"

Width="800"

Height="600"

Title="GridControl 클래스 : 언바운드 모드 트리 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxg:GridControl Name="grid">

<dxg:GridControl.Columns>

<dxg:GridColumn FieldName="Name" />

<dxg:GridColumn FieldName="Executor" />

<dxg:GridColumn FieldName="State" />

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TreeListView Name="treeListView" AutoWidth="True">

<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:StageObject

Name="Development"

Executor="Kairra Hogg" />

</dxg:TreeListNode.Content>

<dxg:TreeListNode.Nodes>

<dxg:TreeListNode>

<dxg:TreeListNode.Content>

<local:TaskObject

Name="Coding"

Executor="Sabato Durley"

State="Not Started" />

</dxg:TreeListNode.Content>

</dxg:TreeListNode>

</dxg:TreeListNode.Nodes>

</dxg:TreeListNode>

</dxg:TreeListNode.Nodes>

</dxg:TreeListNode>

</dxg:TreeListView.Nodes>

</dxg:TreeListView>

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

</Window>

▶

[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"
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    xmlns:test="clr-namespace:TestProject"
    Width="800"
    Height="600"
    Title="GridControl 클래스 : 컬럼 에디터 생성하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxg:GridControl Name="gridControl">
            <dxg:GridControl.Columns>
                <dxg:GridColumn
                    FieldName="ContactName"
                    EditSettings="{dxe:ComboBoxSettings DisplayMember=ContactName, ValueMember=ContactName, ItemsSource={x:Static test:NWINDData.CustomerData}}" />
                <dxg:GridColumn FieldName="ContactTitle" />
                <dxg:GridColumn FieldName="City" />
                <dxg:GridColumn FieldName="Country" />
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView Name="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"

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

xmlns:test="clr-namespace:TestProject"

Width="800"

Height="600"

Title="GridControl 클래스 : 컬럼 에디터 생성하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxg:GridControl Name="gridControl">

<dxg:GridControl.Columns>

<dxg:GridColumn

FieldName="ContactName"

EditSettings="{dxe:ComboBoxSettings DisplayMember=ContactName, ValueMember=ContactName, ItemsSource={x:Static test:NWINDData.CustomerData}}" />

<dxg:GridColumn FieldName="ContactTitle" />

<dxg:GridColumn FieldName="City" />

<dxg:GridColumn FieldName="Country" />

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView Name="tableView" />

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System;
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 nwindDataSetTableAdapters.CustomersTableAdapter().GetData();
        }

        #endregion
    }
}

using System;

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 nwindDataSetTableAdapters.CustomersTableAdapter().GetData();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] GridControl 클래스 : MASTER-DETAIL 사용하기

■ GridControl 클래스에서 MASTER-DETAIL을 사용하는 방법을 보여준다. ▶ 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="GridControl 클래스 : MASTER-DETAIL 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxg:GridControl x:Name="gridControl"
            AutoPopulateColumns="True">
            <dxg:GridControl.DetailDescriptor>
                <dxg:DataControlDetailDescriptor ItemsSourcePath="Products">
                    <dxg:GridControl AutoPopulateColumns="True" />
                </dxg:DataControlDetailDescriptor>
            </dxg:GridControl.DetailDescriptor>
        </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="GridControl 클래스 : MASTER-DETAIL 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxg:GridControl x:Name="gridControl"

AutoPopulateColumns="True">

<dxg:GridControl.DetailDescriptor>

<dxg:DataControlDetailDescriptor ItemsSourcePath="Products">

<dxg:GridControl AutoPopulateColumns="True" />

</dxg:DataControlDetailDescriptor>

</dxg:GridControl.DetailDescriptor>

</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 NorthwindEntities().Categories;
        }

        #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 NorthwindEntities().Categories;

}

#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="GridControl 클래스 : 커스텀 데이터 정렬하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxg:GridControl x:Name="gridControl"
            CustomColumnSort="gridControl_CustomColumnSort">
            <dxg:GridControl.Columns>
                <dxg:GridColumn FieldName="CustomerID"  />
                <dxg:GridColumn FieldName="ShippedDate" />
                <dxg:GridColumn
                FieldName="ShipName"
                SortMode="Custom" />
                <dxg:GridColumn FieldName="ShipCountry" />
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView Name="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="GridControl 클래스 : 커스텀 데이터 정렬하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxg:GridControl x:Name="gridControl"

CustomColumnSort="gridControl_CustomColumnSort">

<dxg:GridControl.Columns>

<dxg:GridColumn FieldName="CustomerID" />

<dxg:GridColumn FieldName="ShippedDate" />

<dxg:GridColumn

FieldName="ShipName"

SortMode="Custom" />

<dxg:GridColumn FieldName="ShipCountry" />

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView Name="tableView" />

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

        #endregion

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

        #region 그리드 컨트롤 커스텀 컬럼 정렬 처리하기 - gridControl_CustomColumnSort(sender, e)

        /// <summary>
        /// 그리드 컨트롤 커스텀 컬럼 정렬 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void gridControl_CustomColumnSort(object sender, CustomColumnSortEventArgs e)
        {
            if(e.Column.FieldName == "ShipName")
            {
                e.Handled = true;

                string shipName1 = e.Value1.ToString();
                string shipName2 = e.Value2.ToString();

                if(shipName1.Length > shipName2.Length)
                {
                    e.Result = 1;
                }
                else
                {
                    if(shipName1.Length == shipName2.Length)
                    {
                        e.Result = System.Collections.Comparer.Default.Compare(shipName1, shipName2);
                    }
                    else
                    {
                        e.Result = -1;
                    }
                }
            }
        }

        #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.gridControl.ItemsSource = new NorthwindEntities().Orders;

}

#endregion

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

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

#region 그리드 컨트롤 커스텀 컬럼 정렬 처리하기 - gridControl_CustomColumnSort(sender, e)

/// <summary>

/// 그리드 컨트롤 커스텀 컬럼 정렬 처리하기

/// </summary>

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

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

private void gridControl_CustomColumnSort(object sender, CustomColumnSortEventArgs e)

{

if(e.Column.FieldName == "ShipName")

{

e.Handled = true;

string shipName1 = e.Value1.ToString();

string shipName2 = e.Value2.ToString();

if(shipName1.Length > shipName2.Length)

{

e.Result = 1;

}

else

{

if(shipName1.Length == shipName2.Length)

{

e.Result = System.Collections.Comparer.Default.Compare(shipName1, shipName2);

}

else

{

e.Result = -1;

}

#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="GridControl 클래스 : 커스텀 데이터 그룹핑 하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxg:GridControl x:Name="gridControl"
            CustomColumnGroup="gridControl_CustomColumnGroup"
            CustomGroupDisplayText="gridControl_CustomGroupDisplayText">
            <dxg:GridControl.Columns>
                <dxg:GridColumn FieldName="ProductID"       />
                <dxg:GridColumn FieldName="ProductName"     />
                <dxg:GridColumn FieldName="QuantityPerUnit" />
                <dxg:GridColumn
                    FieldName="UnitPrice"
                    SortMode="Custom" />
                <dxg:GridColumn FieldName="UnitsInStock"    />
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView Name="tableView"
                    ShowGroupedColumns="True" />
            </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="GridControl 클래스 : 커스텀 데이터 그룹핑 하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxg:GridControl x:Name="gridControl"

CustomColumnGroup="gridControl_CustomColumnGroup"

CustomGroupDisplayText="gridControl_CustomGroupDisplayText">

<dxg:GridControl.Columns>

<dxg:GridColumn FieldName="ProductID" />

<dxg:GridColumn FieldName="ProductName" />

<dxg:GridColumn FieldName="QuantityPerUnit" />

<dxg:GridColumn

FieldName="UnitPrice"

SortMode="Custom" />

<dxg:GridColumn FieldName="UnitsInStock" />

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView Name="tableView"

ShowGroupedColumns="True" />

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System;
using System.Collections;
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
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 그리드 컨트롤 커스텀 컬럼 그룹 처리하기 - gridControl_CustomColumnGroup(sender, e)

        /// <summary>
        /// 그리드 컨트롤 커스텀 컬럼 그룹 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void gridControl_CustomColumnGroup(object sender, CustomColumnSortEventArgs e)
        {
            if(e.Column != null & e.Column.FieldName == "UnitPrice")
            {
                double value1 = Math.Floor(Convert.ToDouble(e.Value1) / 10);
                double value2 = Math.Floor(Convert.ToDouble(e.Value2) / 10);
                int    result = Comparer.Default.Compare(value1, value2);

                if(value1 > 9 && value2 > 9)
                {
                    result = 0;
                }

                e.Result  = result;
                e.Handled = true;
            }
        }

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

        /// <summary>
        /// 그리드 컨트롤 커스텀 그룹 표시 텍스트 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void gridControl_CustomGroupDisplayText(object sender, CustomGroupDisplayTextEventArgs e)
        {
            if(e.Column == null)
            {
                return;
            }

            if(e.Column.FieldName == "UnitPrice")
            {
                string displayText = GetDisplayText(this.gridControl.GetGroupRowValue(e.RowHandle));

                e.DisplayText = displayText;
            }
        }

        #endregion

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

        #region 표시 텍스트 구하기 - GetDisplayText(valueObject)

        /// <summary>
        /// 표시 텍스트 구하기
        /// </summary>
        /// <param name="valueObject">값 객체</param>
        /// <returns>표시 텍스트</returns>
        private static string GetDisplayText(object valueObject)
        {
            double value = Math.Floor(Convert.ToDouble(valueObject) / 10);

            string displayText;

            if(value > 9)
            {
                displayText = string.Format(">= {0:c} ", 100);
            }
            else
            {
                displayText = string.Format("{0:c} - {1:c}", value * 10, (value + 1) * 10);
            }

            return displayText;
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

using System;

using System.Collections;

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

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

#region 그리드 컨트롤 커스텀 컬럼 그룹 처리하기 - gridControl_CustomColumnGroup(sender, e)

/// <summary>

/// 그리드 컨트롤 커스텀 컬럼 그룹 처리하기

/// </summary>

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

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

private void gridControl_CustomColumnGroup(object sender, CustomColumnSortEventArgs e)

{

if(e.Column != null & e.Column.FieldName == "UnitPrice")

{

double value1 = Math.Floor(Convert.ToDouble(e.Value1) / 10);

double value2 = Math.Floor(Convert.ToDouble(e.Value2) / 10);

int result = Comparer.Default.Compare(value1, value2);

if(value1 > 9 && value2 > 9)

{

result = 0;

}

e.Result = result;

e.Handled = true;

}

#endregion

#region 그리드 컨트롤 커스텀 그룹 표시 텍스트 처리하기 - gridControl_CustomGroupDisplayText(sender, e)

/// <summary>

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

/// </summary>

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

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

private void gridControl_CustomGroupDisplayText(object sender, CustomGroupDisplayTextEventArgs e)

{

if(e.Column == null)

{

return;

}

if(e.Column.FieldName == "UnitPrice")

{

string displayText = GetDisplayText(this.gridControl.GetGroupRowValue(e.RowHandle));

e.DisplayText = displayText;

}

#endregion

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

#region 표시 텍스트 구하기 - GetDisplayText(valueObject)

/// <summary>

/// 표시 텍스트 구하기

/// </summary>

/// <param name="valueObject">값 객체</param>

/// <returns>표시 텍스트</returns>

private static string GetDisplayText(object valueObject)

{

double value = Math.Floor(Convert.ToDouble(valueObject) / 10);

string displayText;

if(value > 9)

{

displayText = string.Format(">= {0:c} ", 100);

}

else

{

displayText = string.Format("{0:c} - {1:c}", value * 10, (value + 1) * 10);

}

return displayText;

}

#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"
    xmlns:local="clr-namespace:TestProject"
    Width="800"
    Height="600"
    Title="GridControl 클래스 : 커스텀 컬럼 에디터 설정하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxg:GridControl x:Name="gridControl"
            ItemsSource="{x:Static local:Northwind.CustomerSet}">
            <dxg:GridControl.Columns>
                <dxg:GridColumn FieldName="ContactName">
                    <dxg:GridColumn.EditSettings>
                        <dxe:ComboBoxSettings x:Name="_pContactNameComboBoxSetting"
                            DisplayMember="ContactName"
                            ValueMember="ContactName"
                            ItemsSource="{x:Static local:Northwind.CustomerSet}" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="ContactTitle" />
                <dxg:GridColumn FieldName="City"         />
                <dxg:GridColumn FieldName="Country"      />
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView Name="tableView">
                </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:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"

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

xmlns:local="clr-namespace:TestProject"

Width="800"

Height="600"

Title="GridControl 클래스 : 커스텀 컬럼 에디터 설정하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxg:GridControl x:Name="gridControl"

ItemsSource="{x:Static local:Northwind.CustomerSet}">

<dxg:GridControl.Columns>

<dxg:GridColumn FieldName="ContactName">

<dxg:GridColumn.EditSettings>

<dxe:ComboBoxSettings x:Name="_pContactNameComboBoxSetting"

DisplayMember="ContactName"

ValueMember="ContactName"

ItemsSource="{x:Static local:Northwind.CustomerSet}" />

</dxg:GridColumn.EditSettings>

</dxg:GridColumn>

<dxg:GridColumn FieldName="ContactTitle" />

<dxg:GridColumn FieldName="City" />

<dxg:GridColumn FieldName="Country" />

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView Name="tableView">

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

        #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] 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:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
    xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    xmlns:local="clr-namespace:TestProject"
    Width="800"
    Height="600"
    Title="GridControl 클래스 : 엔터티 프레임워크를 사용해 데이터 바인딩 하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <dx:EntityServerModeDataSource x:Key="EntityServerModeDataSource"
            ContextType="local:NorthwindEntities"
            KeyExpression="OrderID,ProductID"
            DefaultSorting="OrderID ASC,ProductID ASC"
            Path="Order_Details">
            <dx:DesignDataManager.DesignData>
                <dx:DesignDataSettings RowCount="5" />
            </dx:DesignDataManager.DesignData>
        </dx:EntityServerModeDataSource>
    </Window.Resources>
    <Grid>
        <dxg:GridControl x:Name="gridControl"
            AutoGenerateColumns="AddNew"
            ItemsSource="{Binding Path=Data, Source={StaticResource EntityServerModeDataSource}}">
            <dxg:GridControl.View>
                <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:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"

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

xmlns:local="clr-namespace:TestProject"

Width="800"

Height="600"

Title="GridControl 클래스 : 엔터티 프레임워크를 사용해 데이터 바인딩 하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<dx:EntityServerModeDataSource x:Key="EntityServerModeDataSource"

ContextType="local:NorthwindEntities"

KeyExpression="OrderID,ProductID"

DefaultSorting="OrderID ASC,ProductID ASC"

Path="Order_Details">

<dx:DesignDataManager.DesignData>

<dx:DesignDataSettings RowCount="5" />

</dx:DesignDataManager.DesignData>

</dx:EntityServerModeDataSource>

</Window.Resources>

<Grid>

<dxg:GridControl x:Name="gridControl"

AutoGenerateColumns="AddNew"

ItemsSource="{Binding Path=Data, Source={StaticResource EntityServerModeDataSource}}">

<dxg:GridControl.View>

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

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

}

TestProject.zip

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

■ BarManager 클래스에서 에디터 포커스를 설정하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    Width="800"
    Height="600"
    Title="BarManager 클래스 : 에디터 포커스 설정하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxb:BarManager x:Name="barManager"
            CreateStandardLayout="True">
            <dxb:BarManager.Items>
                <dxb:BarButtonItem x:Name="buttonBarButtonItem"
                    Content="Button"
                    ItemClick="buttonBarButtonItem_ItemClick" />
                <dxb:BarEditItem x:Name="textBarEditItem"
                    EditValue="Text">
                    <dxb:BarEditItem.EditSettings>
                        <dxe:TextEditSettings />
                    </dxb:BarEditItem.EditSettings>
                </dxb:BarEditItem>
            </dxb:BarManager.Items>
            <dxb:BarManager.Bars>
                <dxb:Bar x:Name="topBar"
                    Caption="Top Bar">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerType="Top" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarButtonItemLink BarItemName="buttonBarButtonItem" />
                        <dxb:BarEditItemLink   BarItemName="textBarEditItem"     />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
                <dxb:Bar x:Name="leftBar"
                    Caption="Left Bar">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerType="Left" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarButtonItemLink BarItemName="buttonBarButtonItem" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
            </dxb:BarManager.Bars>
            <RichTextBox />
        </dxb:BarManager>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

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

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

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

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

Width="800"

Height="600"

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

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxb:BarManager x:Name="barManager"

CreateStandardLayout="True">

<dxb:BarManager.Items>

<dxb:BarButtonItem x:Name="buttonBarButtonItem"

Content="Button"

ItemClick="buttonBarButtonItem_ItemClick" />

<dxb:BarEditItem x:Name="textBarEditItem"

EditValue="Text">

<dxb:BarEditItem.EditSettings>

<dxe:TextEditSettings />

</dxb:BarEditItem.EditSettings>

</dxb:BarEditItem>

</dxb:BarManager.Items>

<dxb:BarManager.Bars>

<dxb:Bar x:Name="topBar"

Caption="Top Bar">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Top" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarButtonItemLink BarItemName="buttonBarButtonItem" />

<dxb:BarEditItemLink BarItemName="textBarEditItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

<dxb:Bar x:Name="leftBar"

Caption="Left Bar">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Left" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarButtonItemLink BarItemName="buttonBarButtonItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

</dxb:BarManager.Bars>

</dxb:BarManager>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

using DevExpress.Xpf.Bars;

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

        #region 생성자 - MainWindow()

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

        #endregion

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

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

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

        #endregion
    }
}

using System.Windows;

using DevExpress.Xpf.Bars;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

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

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

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

/// <summary>

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

/// </summary>

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

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

private void buttonBarButtonItem_ItemClick(object sender, ItemClickEventArgs e)

{

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

}

#endregion

}

TestProject.zip

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

■ BarManager 클래스에서 BAR 버튼 항목 및 링크 간 분리자를 생성하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
    Width="800"
    Height="600"
    Title="BarManager 클래스 : BAR 버튼 항목 및 링크 간 분리자 생성하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxb:BarManager x:Name="barManager"
            CreateStandardLayout="True"
            ItemClick="barManager_ItemClick">
            <dxb:BarManager.Items>
                <dxb:BarButtonItem x:Name="copyBarButtonItem"  Content="Delete" Glyph="pack://application:,,,/Images/copy16x16.png"  />
                <dxb:BarButtonItem x:Name="pasteBarButtonItem" Content="Paste"  Glyph="pack://application:,,,/Images/paste16x16.png" />
                <dxb:BarButtonItem x:Name="undoBarButtonItem"  Content="Undo"   Glyph="pack://application:,,,/Images/undo16x16.png"  />
                <dxb:BarButtonItem x:Name="redoBarButtonItem"  Content="Redo"   Glyph="pack://application:,,,/Images/redo16x16.png"  />
            </dxb:BarManager.Items>
            <dxb:BarManager.Bars>
                <dxb:Bar x:Name="mainMenuBar"
                    IsMainMenu="True"
                    BarItemHorzIndent="10"
                    Caption="Main Menu">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo
                            ContainerType="Top"
                            Row="0" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarButtonItemLink BarItemName="undoBarButtonItem" />
                        <dxb:BarButtonItemLink BarItemName="redoBarButtonItem" />
                        <dxb:BarItemLinkSeparator />
                        <dxb:BarButtonItemLink BarItemName="copyBarButtonItem"  />
                        <dxb:BarButtonItemLink BarItemName="pasteBarButtonItem" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
            </dxb:BarManager.Bars>
            <RichTextBox />
        </dxb:BarManager>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

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

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

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

Width="800"

Height="600"

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

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxb:BarManager x:Name="barManager"

CreateStandardLayout="True"

ItemClick="barManager_ItemClick">

<dxb:BarManager.Items>

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

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

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

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

</dxb:BarManager.Items>

<dxb:BarManager.Bars>

<dxb:Bar x:Name="mainMenuBar"

IsMainMenu="True"

BarItemHorzIndent="10"

Caption="Main Menu">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo

ContainerType="Top"

Row="0" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarButtonItemLink BarItemName="undoBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="redoBarButtonItem" />

<dxb:BarItemLinkSeparator />

<dxb:BarButtonItemLink BarItemName="copyBarButtonItem" />

<dxb:BarButtonItemLink BarItemName="pasteBarButtonItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

</dxb:BarManager.Bars>

</dxb:BarManager>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

using DevExpress.Xpf.Bars;

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

        #region 생성자 - MainWindow()

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

        #endregion

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

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

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

        #endregion
    }
}

using System.Windows;

using DevExpress.Xpf.Bars;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

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

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

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

/// <summary>

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

/// </summary>

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

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

private void barManager_ItemClick(object sender, ItemClickEventArgs e)

{

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

}

#endregion

}

TestProject.zip

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

■ BarManager 클래스에서 플로팅 및 다른 타입의 BAR 컨테이너를 생성하는 방법을 보여준다. ▶ MainWindow.xaml


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

<Window x:Class="TestProject.MainWindow"

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

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

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

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

Width="800"

Height="600"

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

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

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

<dxb:BarManager.Items>

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

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

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

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

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

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

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

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

</dxb:BarManager.Items>

<dxb:BarManager.Bars>

<dxb:Bar x:Name="formatBar"

Caption="Format">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Top" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarCheckItemLink BarItemName="boldBarCheckItem" />

<dxb:BarCheckItemLink BarItemName="italicBarCheckItem" />

<dxb:BarCheckItemLink BarItemName="underlineBarCheckItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

<dxb:Bar x:Name="fontBar"

Caption="Font" Visible="True">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo

ContainerType="Floating"

FloatBarOffset="100 100" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarButtonItemLink BarItemName="fontBarButtonItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

<dxb:Bar x:Name="alignmentBar"

Caption="Alignment">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerName="noneBarContainerControl" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarCheckItemLink BarItemName="leftBarCheckItem" />

<dxb:BarCheckItemLink BarItemName="centerBarCheckItem" />

<dxb:BarCheckItemLink BarItemName="rightBarCheckItem" />

<dxb:BarCheckItemLink BarItemName="justifyBarCheckItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

</dxb:BarManager.Bars>

<DockPanel x:Name="dockPanel"

LastChildFill="False">

<dxb:BarContainerControl x:Name="topBarContainerControl"

DockPanel.Dock="Top"

ContainerType="Top">

</dxb:BarContainerControl>

<dxe:TextEdit Name="textEdit"

DockPanel.Dock="Top"

Margin="10"

Width="300"

Height="30"

HorizontalAlignment="Left"

VerticalAlignment="Top"

TextElement.FontSize="16"

EditValue="Sample text" />

<dxb:BarContainerControl x:Name="noneBarContainerControl"

DockPanel.Dock="Top"

ContainerType="None"

Orientation="Horizontal">

</dxb:BarContainerControl>

</DockPanel>

</dxb:BarManager>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

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

        #region 생성자 - MainWindow()

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

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

}

TestProject.zip

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

■ BarManager 클래스에서 버튼 항목과 하위 메뉴를 갖는 2개의 BAR를 생성하는 방법을 보여준다. ▶ MainWindow.xaml


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

<Window x:Class="TestProject.MainWindow"

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

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

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

Width="800"

Height="600"

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

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxb:BarManager x:Name="barManager"

CreateStandardLayout="True">

<dxb:BarManager.Items>

<dxb:BarCheckItem x:Name="boldBarCheckItem"

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

Content="Bold"

CheckedChanged="boldBarCheckItem_CheckChanged" />

<dxb:BarButtonItem x:Name="exitBarButtonItem"

Content="Exit"

ItemClick="exitBarButtonItem_ItemClick"/>

<dxb:BarSubItem x:Name="fileBarSubItem"

Content="File">

<dxb:BarSubItem.ItemLinks>

<dxb:BarButtonItemLink BarItemName="exitBarButtonItem"/>

</dxb:BarSubItem.ItemLinks>

</dxb:BarSubItem>

<dxb:BarSubItem x:Name="formatBarSubItem"

Content="Format">

<dxb:BarSubItem.ItemLinks>

<dxb:BarCheckItemLink BarItemName="boldBarCheckItem" />

</dxb:BarSubItem.ItemLinks>

</dxb:BarSubItem>

</dxb:BarManager.Items>

<dxb:BarManager.Bars>

<dxb:Bar

IsMainMenu="True"

Caption="Main Menu"

UseWholeRow="True">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Top" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarSubItemLink BarItemName="fileBarSubItem" />

<dxb:BarSubItemLink BarItemName="formatBarSubItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

<dxb:Bar

Caption="Format"

AllowCollapse="True">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Left" />

</dxb:Bar.DockInfo>

<dxb:Bar.ItemLinks>

<dxb:BarCheckItemLink BarItemName="boldBarCheckItem" />

</dxb:Bar.ItemLinks>

</dxb:Bar>

</dxb:BarManager.Bars>

</dxb:BarManager>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

using DevExpress.Xpf.Bars;

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

        #region 생성자 - MainWindow()

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

        #endregion

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

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

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

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

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

        #endregion
    }
}

using System.Windows;

using DevExpress.Xpf.Bars;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

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

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

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

/// <summary>

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

/// </summary>

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

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

private void boldBarCheckItem_CheckChanged(object sender, ItemClickEventArgs e)

{

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

}

#endregion

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

/// <summary>

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

/// </summary>

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

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

private void exitBarButtonItem_ItemClick(object sender, ItemClickEventArgs e)

{

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

}

#endregion

}

TestProject.zip

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

■ BarManager 클래스에서 하위 메뉴 및 내장 에디터를 포함하는 BAR를 생성하는 방법을 보여준다. ▶ MainWindow.xaml


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

<Window x:Class="TestProject.MainWindow"

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

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

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

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

Width="800"

Height="600"

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

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxb:BarManager>

<dxb:BarManager.Items>

<dxb:BarSubItem x:Name="editBarSubItem"

Content="Edit">

<dxb:BarButtonItemLink BarItemName="copyBarButtonItem" />

<dxb:BarCheckItemLink BarItemName="boldBarCheckItem" />

</dxb:BarSubItem>

<dxb:BarButtonItem x:Name="copyBarButtonItem"

Content="Copy"

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

ItemClick="copyBarButtonItem_ItemClick" />

<dxb:BarCheckItem x:Name="boldBarCheckItem"

Content="Bold"

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

CheckedChanged="boldBarCheckItem_CheckedChanged" />

<dxb:BarEditItem x:Name="textBarEditItem"

EditWidth="100"

EditValue="text">

<dxb:BarEditItem.EditSettings>

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

</dxb:BarEditItem.EditSettings>

</dxb:BarEditItem>

</dxb:BarManager.Items>

<dxb:BarManager.Bars>

<dxb:Bar x:Name="mainMenuBar"

Caption="Main Menu"

IsMainMenu="True">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Top"/>

</dxb:Bar.DockInfo>

<dxb:BarEditItemLink BarItemName="textBarEditItem" />

</dxb:Bar>

<dxb:Bar Caption="Bar 1">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Top" />

</dxb:Bar.DockInfo>

<dxb:BarSubItemLink BarItemName="editBarSubItem" />

</dxb:Bar>

<dxb:Bar x:Name="statusBar"

Caption="Status Bar"

IsStatusBar="True">

<dxb:Bar.DockInfo>

<dxb:BarDockInfo ContainerType="Bottom" />

</dxb:Bar.DockInfo>

</dxb:Bar>

</dxb:BarManager.Bars>

</Paragraph>

</FlowDocument>

</RichTextBox>

</DockPanel>

</dxb:BarManager>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

using DevExpress.Xpf.Bars;

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

        #region 생성자 - MainWindow()

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

            this.textBarEditItem.EditValueChanged += textBarEditItem_EditValueChanged;
        }

        #endregion

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

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

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

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

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

            string content = e.Item.Content as string;

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

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

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

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

        #endregion
    }
}

using System.Windows;

using DevExpress.Xpf.Bars;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.textBarEditItem.EditValueChanged += textBarEditItem_EditValueChanged;

}

#endregion

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

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

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

/// <summary>

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

/// </summary>

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

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

private void copyBarButtonItem_ItemClick(object sender, ItemClickEventArgs e)

{

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

}

#endregion

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

/// <summary>

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

/// </summary>

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

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

private void boldBarCheckItem_CheckedChanged(object sender, ItemClickEventArgs e)

{

BarCheckItem barCheckItem = e.Item as BarCheckItem;

string content = e.Item.Content as string;

if(barCheckItem.IsChecked.Value)

{

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

}

else

{

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

}

#endregion

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

/// <summary>

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

/// </summary>

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

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

private void textBarEditItem_EditValueChanged(object sender, RoutedEventArgs e)

{

BarEditItem barEditItem = sender as BarEditItem;

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

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] GridControl 클래스 : SparklineEdit 객체 사용하기

■ GridControl 클래스에서 SparklineEdit 객체를 사용하는 방법을 보여준다. ▶ 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:System="clr-namespace:System;assembly=mscorlib"
    Width="800"
    Height="600"
    WindowStartupLocation="CenterScreen"
    Title="GridControl 클래스 : SparklineEdit 객체 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <System:String x:Key="LimitStringKey1">01/02/2000</System:String>
        <System:String x:Key="LimitStringKey2">01/07/2000</System:String>
    </Window.Resources>
    <Grid x:Name="gridControl">
        <Border
            Margin="10"
            CornerRadius="10"
            BorderThickness="5"
            BorderBrush="Gray">
            <dxe:SparklineEdit
                Margin="10"
                PointArgumentMember="ArgumentColumn"
                PointValueMember="ValueColumn"
                EditValue="{Binding SourceCollection}">
                <dxe:SparklineEdit.PointArgumentRange>
                    <dxe:Range
                        Auto="False"
                        Limit1="{Binding Source={StaticResource ResourceKey=LimitStringKey1}}"
                        Limit2="{Binding Source={StaticResource ResourceKey=LimitStringKey2}}" />
                </dxe:SparklineEdit.PointArgumentRange>
                <dxe:SparklineEdit.StyleSettings>
                    <dxe:AreaSparklineStyleSettings
                        LineWidth="3"
                        AreaOpacity="0.5"
                        ShowMarkers="True"

                        MarkerSize="3"
                        MaxPointMarkerSize="10"
                        MinPointMarkerSize="9"
                        StartPointMarkerSize="8"
                        EndPointMarkerSize="7"
                        NegativePointMarkerSize="6"

                        HighlightMaxPoint="True"
                        HighlightMinPoint="True"
                        HighlightStartPoint="True"
                        HighlightEndPoint="True"
                        HighlightNegativePoints="True"

                        Brush="DarkBlue"
                        MaxPointBrush="#fff5da2a"
                        MinPointBrush="#ff2B0dea"
                        StartPointBrush="#ff127a0d"
                        EndPointBrush="#fff71616"
                        NegativePointBrush="#ff9c0404"
                        MarkerBrush="Black" />
                </dxe:SparklineEdit.StyleSettings>
            </dxe:SparklineEdit>
        </Border>
    </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:System="clr-namespace:System;assembly=mscorlib"

Width="800"

Height="600"

WindowStartupLocation="CenterScreen"

Title="GridControl 클래스 : SparklineEdit 객체 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<System:String x:Key="LimitStringKey1">01/02/2000</System:String>

<System:String x:Key="LimitStringKey2">01/07/2000</System:String>

</Window.Resources>

<Border

Margin="10"

CornerRadius="10"

BorderThickness="5"

BorderBrush="Gray">

<dxe:SparklineEdit

Margin="10"

PointArgumentMember="ArgumentColumn"

PointValueMember="ValueColumn"

EditValue="{Binding SourceCollection}">

<dxe:SparklineEdit.PointArgumentRange>

<dxe:Range

Auto="False"

Limit1="{Binding Source={StaticResource ResourceKey=LimitStringKey1}}"

Limit2="{Binding Source={StaticResource ResourceKey=LimitStringKey2}}" />

</dxe:SparklineEdit.PointArgumentRange>

<dxe:SparklineEdit.StyleSettings>

<dxe:AreaSparklineStyleSettings

LineWidth="3"

AreaOpacity="0.5"

ShowMarkers="True"

MarkerSize="3"

MaxPointMarkerSize="10"

MinPointMarkerSize="9"

StartPointMarkerSize="8"

EndPointMarkerSize="7"

NegativePointMarkerSize="6"

HighlightMaxPoint="True"

HighlightMinPoint="True"

HighlightStartPoint="True"

HighlightEndPoint="True"

HighlightNegativePoints="True"

Brush="DarkBlue"

MaxPointBrush="#fff5da2a"

MinPointBrush="#ff2B0dea"

StartPointBrush="#ff127a0d"

EndPointBrush="#fff71616"

NegativePointBrush="#ff9c0404"

MarkerBrush="Black" />

</dxe:SparklineEdit.StyleSettings>

</dxe:SparklineEdit>

</Border>

</Grid>

</Window>

▶ MainWindow.xaml.cs


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

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

        #region 소스 컬렉션 - SourceCollection

        /// <summary>
        /// 소스 컬렉션
        /// </summary>
        public IList SourceCollection { get; set; }

        #endregion

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

        #region 생성자 - MainWindow()

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

            this.gridControl.DataContext = this;

            CreateData(7);
        }

        #endregion

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

        #region 데이터 생성하기 - CreateData(dayCount)

        /// <summary>
        /// 데이터 생성하기
        /// </summary>
        /// <param name="dayCount">일 수</param>
        private void CreateData(int dayCount)
        {
            SourceCollection = new ObservableCollection<CustomElement>();

            Random random = new Random();

            for(int i = 1; i <= dayCount; i++)
            {
                SourceCollection.Add
                (
                    new CustomElement()
                    {
                        ArgumentColumn  = new DateTime(2000, 1, i),
                        ValueColumn     = random.Next(20),
                        FilteringColumn = 1
                    }
                );
            }
        }

        #endregion
    }
}

using System;

using System.Collections;

using System.Collections.ObjectModel;

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 소스 컬렉션 - SourceCollection

/// <summary>

/// 소스 컬렉션

/// </summary>

public IList SourceCollection { get; set; }

#endregion

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.gridControl.DataContext = this;

CreateData(7);

}

#endregion

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

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

#region 데이터 생성하기 - CreateData(dayCount)

/// <summary>

/// 데이터 생성하기

/// </summary>

/// <param name="dayCount">일 수</param>

private void CreateData(int dayCount)

{

SourceCollection = new ObservableCollection<CustomElement>();

Random random = new Random();

for(int i = 1; i <= dayCount; i++)

{

SourceCollection.Add

(

new CustomElement()

{

ArgumentColumn = new DateTime(2000, 1, i),

ValueColumn = random.Next(20),

FilteringColumn = 1

}

);

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] LookUpEdit 클래스 : 신규 값 처리하기

■ LookUpEdit 클래스에서 신규 값을 처리하는 방법을 보여준다. ▶ ProductControl.xaml


<UserControl x:Class="TestProject.ProductControl"
    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:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    Width="300"
    Height="280"
    FontFamily="나눔고딕코딩"
    FontSize="12">
    <Grid>
        <StackPanel Margin="10">
            <StackPanel
                HorizontalAlignment="Center"
                Orientation="Horizontal"
                Margin="0 0 0 10">
                <TextBlock
                    VerticalAlignment="Center"
                    Text="Product Name :" />
                <dxe:TextEdit
                    Margin="5 0 0 0"
                    VerticalAlignment="Center"
                    IsReadOnly="True"
                    EditValue="{Binding Path=ProductName, Mode=OneWay}" />
            </StackPanel>
            <dx:GroupFrame
                MinWidth="300"
                Header="New Value Properties">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="*"    />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <TextBlock Grid.Row="0" Grid.Column="0"
                        HorizontalAlignment="Right"
                        VerticalAlignment="Center"
                        Margin="5"
                        Text="Country : " />
                    <dxe:TextEdit x:Name="countryTextEdit" Grid.Row="0" Grid.Column="1"
                        VerticalAlignment="Center"
                        Margin="5"
                        Width="150"
                        Height="25"
                        EditValue="{Binding Path=Country, Mode=TwoWay}" />
                    <TextBlock Grid.Row="1" Grid.Column="0"
                        HorizontalAlignment="Right"
                        VerticalAlignment="Center"
                        Margin="5"
                        Text="City : " />
                    <dxe:TextEdit x:Name="cityTextEdit" Grid.Row="1" Grid.Column="1"
                        VerticalAlignment="Center"
                        Margin="5"
                        Width="150"
                        Height="25"
                        EditValue="{Binding Path=City, Mode=TwoWay}" />
                    <TextBlock Grid.Row="2" Grid.Column="0"
                        HorizontalAlignment="Right"
                        VerticalAlignment="Center"
                        Margin="5"
                        Text="Quantity : " />
                    <dxe:TextEdit x:Name="quantityTextEdit" Grid.Row="2" Grid.Column="1"
                        VerticalAlignment="Center"
                        Margin="5"
                        Width="150"
                        Height="25"
                        EditValue="{Binding Path=Quantity, Mode=TwoWay}" />
                    <TextBlock Grid.Row="3" Grid.Column="0"
                        HorizontalAlignment="Right"
                        VerticalAlignment="Center"
                        Margin="5"
                        Text="Unit Price : " />
                    <dxe:SpinEdit x:Name="unitPriceSpinEdit" Grid.Row="3" Grid.Column="1"
                        VerticalAlignment="Center"
                        Margin="5"
                        Width="150"
                        Height="25"
                        EditValue="{Binding Path=UnitPrice, Mode=TwoWay, Converter={StaticResource StringToIntegerValueConverterKey}}" />
                    <TextBlock Grid.Row="4" Grid.Column="0"
                        HorizontalAlignment="Right"
                        VerticalAlignment="Center"
                        Margin="5"
                        Text="Product ID : " />
                    <dxe:SpinEdit x:Name="idSpinEdit" Grid.Row="4" Grid.Column="1"
                        VerticalAlignment="Center"
                        Margin="5"
                        Width="150"
                        Height="25"
                        EditValue="{Binding Path=ID, Mode=TwoWay, Converter={StaticResource StringToIntegerValueConverterKey}}" />
                </Grid>
            </dx:GroupFrame>
        </StackPanel>
    </Grid>
</UserControl>

100

101

<UserControl x:Class="TestProject.ProductControl"

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:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"

Width="300"

Height="280"

FontFamily="나눔고딕코딩"

FontSize="12">

<Grid>

<StackPanel

HorizontalAlignment="Center"

Orientation="Horizontal"

Margin="0 0 0 10">

<TextBlock

VerticalAlignment="Center"

Text="Product Name :" />

<dxe:TextEdit

Margin="5 0 0 0"

VerticalAlignment="Center"

IsReadOnly="True"

EditValue="{Binding Path=ProductName, Mode=OneWay}" />

</StackPanel>

<dx:GroupFrame

MinWidth="300"

Header="New Value Properties">

<Grid>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<TextBlock Grid.Row="0" Grid.Column="0"

HorizontalAlignment="Right"

VerticalAlignment="Center"

Margin="5"

Text="Country : " />

<dxe:TextEdit x:Name="countryTextEdit" Grid.Row="0" Grid.Column="1"

VerticalAlignment="Center"

Margin="5"

Width="150"

Height="25"

EditValue="{Binding Path=Country, Mode=TwoWay}" />

<TextBlock Grid.Row="1" Grid.Column="0"

HorizontalAlignment="Right"

VerticalAlignment="Center"

Margin="5"

Text="City : " />

<dxe:TextEdit x:Name="cityTextEdit" Grid.Row="1" Grid.Column="1"

VerticalAlignment="Center"

Margin="5"

Width="150"

Height="25"

EditValue="{Binding Path=City, Mode=TwoWay}" />

<TextBlock Grid.Row="2" Grid.Column="0"

HorizontalAlignment="Right"

VerticalAlignment="Center"

Margin="5"

Text="Quantity : " />

<dxe:TextEdit x:Name="quantityTextEdit" Grid.Row="2" Grid.Column="1"

VerticalAlignment="Center"

Margin="5"

Width="150"

Height="25"

EditValue="{Binding Path=Quantity, Mode=TwoWay}" />

<TextBlock Grid.Row="3" Grid.Column="0"

HorizontalAlignment="Right"

VerticalAlignment="Center"

Margin="5"

Text="Unit Price : " />

<dxe:SpinEdit x:Name="unitPriceSpinEdit" Grid.Row="3" Grid.Column="1"

VerticalAlignment="Center"

Margin="5"

Width="150"

Height="25"

EditValue="{Binding Path=UnitPrice, Mode=TwoWay, Converter={StaticResource StringToIntegerValueConverterKey}}" />

<TextBlock Grid.Row="4" Grid.Column="0"

HorizontalAlignment="Right"

VerticalAlignment="Center"

Margin="5"

Text="Product ID : " />

<dxe:SpinEdit x:Name="idSpinEdit" Grid.Row="4" Grid.Column="1"

VerticalAlignment="Center"

Margin="5"

Width="150"

Height="25"

EditValue="{Binding Path=ID, Mode=TwoWay, Converter={StaticResource StringToIntegerValueConverterKey}}" />

</Grid>

</dx:GroupFrame>

</StackPanel>

</Grid>

</UserControl>

▶ ProductControl.xaml.cs


using System.Windows.Controls;

namespace TestProject
{
    /// <summary>
    /// 제품 컨트롤
    /// </summary>
    public partial class ProductControl : UserControl
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - ProductControl()

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

        #endregion
    }
}

using System.Windows.Controls;

namespace TestProject

{

/// <summary>

/// 제품 컨트롤

/// </summary>

public partial class ProductControl : UserControl

{

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

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

#region 생성자 - ProductControl()

/// <summary>

/// 생성자

/// </summary>

public ProductControl()

{

InitializeComponent();

}

#endregion

}

▶ ProductListViewModel.cs


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

using DevExpress.Xpf.Mvvm;

namespace TestProject
{
    /// <summary>
    /// 제품 리스트 뷰 모델
    /// </summary>
    public class ProductListViewModel : ViewModelBase
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 제품 컬렉션
        /// </summary>
        private ObservableCollection<Product> productCollection = new ObservableCollection<Product>();

        /// <summary>
        /// 제품 폼 보여주기 명령
        /// </summary>
        private ICommand showProductFormCommand;

        #endregion

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

        #region 제품 컬렉션 - ProductCollection

        /// <summary>
        /// 제품 컬렉션
        /// </summary>
        public ObservableCollection<Product> ProductCollection
        {
            get
            {
                return this.productCollection;
            }
        }

        #endregion
        #region 제품 폼 보여주기 명령 - ShowProductFormCommand

        /// <summary>
        /// 제품 폼 보여주기 명령
        /// </summary>
        public ICommand ShowProductFormCommand
        {
            get
            {
                if(this.showProductFormCommand == null)
                {
                    this.showProductFormCommand = new DelegateCommand<string>(OnShowProductFormCommandExecute);
                }

                return this.showProductFormCommand;
            }
        }

        #endregion
        #region 대화 상자 서비스 - DialogService

        /// <summary>
        /// 대화 상자 서비스
        /// </summary>
        public IDialogService DialogService
        {
            get
            {
                return GetService<IDialogService>();
            }
        }

        #endregion

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

        #region 생성자 - ProductListViewModel()

        /// <summary>
        /// 생성자
        /// </summary>
        public ProductListViewModel() : base()
        {
            this.productCollection.Add(new Product() { ID = 1000, ProductName = "Chang"         , Country = "UK"     , City = "Cowes"         , UnitPrice = 19, Quantity = 10 });
            this.productCollection.Add(new Product() { ID = 1001, ProductName = "Gravad lax"    , Country = "Italy"  , City = "Reggio Emilia" , UnitPrice = 12, Quantity = 16 });
            this.productCollection.Add(new Product() { ID = 1002, ProductName = "Ravioli Angelo", Country = "Brazil" , City = "Rio de Janeiro", UnitPrice = 19, Quantity = 12 });
            this.productCollection.Add(new Product() { ID = 1003, ProductName = "Tarte au sucre", Country = "Germany", City = "QUICK-Stop"    , UnitPrice = 22, Quantity = 50 });
            this.productCollection.Add(new Product() { ID = 1004, ProductName = "Steeleye Stout", Country = "USA"    , City = "Reggio Emilia" , UnitPrice = 18, Quantity = 20 });
            this.productCollection.Add(new Product() { ID = 1005, ProductName = "Pavlova"       , Country = "Austria", City = "Graz"          , UnitPrice = 21, Quantity = 52 });
            this.productCollection.Add(new Product() { ID = 1006, ProductName = "Longlife Tofu" , Country = "USA"    , City = "Boise"         , UnitPrice = 7 , Quantity = 120});
            this.productCollection.Add(new Product() { ID = 1007, ProductName = "Alice Mutton"  , Country = "Mexico" , City = "Meéxico D.F."   , UnitPrice = 21, Quantity = 15 });
            this.productCollection.Add(new Product() { ID = 1008, ProductName = "Alice Mutton"  , Country = "Canada" , City = "Tsawwassen"    , UnitPrice = 44, Quantity = 16 });
        }

        #endregion

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

        #region 제품 폼 보여주기 명령 실행시 처리하기 - OnShowProductFormCommandExecute(parameter)

        /// <summary>
        /// 제품 폼 보여주기 명령 실행시 처리하기
        /// </summary>
        /// <param name="parameter">매개 변수</param>
        private void OnShowProductFormCommandExecute(string parameter)
        {
            if(string.IsNullOrEmpty(parameter))
            {
                return;
            }

            Product product = new Product() { ProductName = parameter };

            UICommand addProductUICommand = new UICommand()
            {
                Caption  = "Add",
                IsCancel = false,
                IsDefault = true
            };

            UICommand cancelProductUICommand = new UICommand()
            {
                Caption   = "Cancel",
                IsDefault = false,
                IsCancel  = true
            };

            UICommand resultUICommand = DialogService.ShowDialog(new List<UICommand>() { addProductUICommand, cancelProductUICommand}, "Add New Product", product);

            if(resultUICommand == addProductUICommand)
            {
                this.productCollection.Add(product);
            }
        }

        #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

using System.Collections.Generic;

using System.Collections.ObjectModel;

using System.Windows.Input;

using DevExpress.Xpf.Mvvm;

namespace TestProject

{

/// <summary>

/// 제품 리스트 뷰 모델

/// </summary>

public class ProductListViewModel : ViewModelBase

{

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

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

#region Field

/// <summary>

/// 제품 컬렉션

/// </summary>

private ObservableCollection<Product> productCollection = new ObservableCollection<Product>();

/// <summary>

/// 제품 폼 보여주기 명령

/// </summary>

private ICommand showProductFormCommand;

#endregion

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

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

#region 제품 컬렉션 - ProductCollection

/// <summary>

/// 제품 컬렉션

/// </summary>

public ObservableCollection<Product> ProductCollection

{

get

{

return this.productCollection;

}

#endregion

#region 제품 폼 보여주기 명령 - ShowProductFormCommand

/// <summary>

/// 제품 폼 보여주기 명령

/// </summary>

public ICommand ShowProductFormCommand

{

get

{

if(this.showProductFormCommand == null)

{

this.showProductFormCommand = new DelegateCommand<string>(OnShowProductFormCommandExecute);

}

return this.showProductFormCommand;

}

#endregion

#region 대화 상자 서비스 - DialogService

/// <summary>

/// 대화 상자 서비스

/// </summary>

public IDialogService DialogService

{

get

{

return GetService<IDialogService>();

}

#endregion

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

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

#region 생성자 - ProductListViewModel()

/// <summary>

/// 생성자

/// </summary>

public ProductListViewModel() : base()

{

this.productCollection.Add(new Product() { ID = 1000, ProductName = "Chang" , Country = "UK" , City = "Cowes" , UnitPrice = 19, Quantity = 10 });

this.productCollection.Add(new Product() { ID = 1001, ProductName = "Gravad lax" , Country = "Italy" , City = "Reggio Emilia" , UnitPrice = 12, Quantity = 16 });

this.productCollection.Add(new Product() { ID = 1002, ProductName = "Ravioli Angelo", Country = "Brazil" , City = "Rio de Janeiro", UnitPrice = 19, Quantity = 12 });

this.productCollection.Add(new Product() { ID = 1003, ProductName = "Tarte au sucre", Country = "Germany", City = "QUICK-Stop" , UnitPrice = 22, Quantity = 50 });

this.productCollection.Add(new Product() { ID = 1004, ProductName = "Steeleye Stout", Country = "USA" , City = "Reggio Emilia" , UnitPrice = 18, Quantity = 20 });

this.productCollection.Add(new Product() { ID = 1005, ProductName = "Pavlova" , Country = "Austria", City = "Graz" , UnitPrice = 21, Quantity = 52 });

this.productCollection.Add(new Product() { ID = 1006, ProductName = "Longlife Tofu" , Country = "USA" , City = "Boise" , UnitPrice = 7 , Quantity = 120});

this.productCollection.Add(new Product() { ID = 1007, ProductName = "Alice Mutton" , Country = "Mexico" , City = "Meéxico D.F." , UnitPrice = 21, Quantity = 15 });

this.productCollection.Add(new Product() { ID = 1008, ProductName = "Alice Mutton" , Country = "Canada" , City = "Tsawwassen" , UnitPrice = 44, Quantity = 16 });

}

#endregion

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

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

#region 제품 폼 보여주기 명령 실행시 처리하기 - OnShowProductFormCommandExecute(parameter)

/// <summary>

/// 제품 폼 보여주기 명령 실행시 처리하기

/// </summary>

/// <param name="parameter">매개 변수</param>

private void OnShowProductFormCommandExecute(string parameter)

{

if(string.IsNullOrEmpty(parameter))

{

return;

}

Product product = new Product() { ProductName = parameter };

UICommand addProductUICommand = new UICommand()

{

Caption = "Add",

IsCancel = false,

IsDefault = true

};

UICommand cancelProductUICommand = new UICommand()

{

Caption = "Cancel",

IsDefault = false,

IsCancel = true

};

UICommand resultUICommand = DialogService.ShowDialog(new List<UICommand>() { addProductUICommand, cancelProductUICommand}, "Add New Product", product);

if(resultUICommand == addProductUICommand)

{

this.productCollection.Add(product);

}

#endregion

}

▶ ProductNameEventArgsConverter.cs


using DevExpress.Xpf.Editors;
using DevExpress.Xpf.Mvvm.UI;

namespace TestProject
{
    /// <summary>
    /// 제품명 이벤트 인자 변환자
    /// </summary>
    public class ProductNameEventArgsConverter : IEventArgsConverter
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 변환하기 - Convert(e)

        /// <summary>
        /// 변환하기
        /// </summary>
        /// <param name="e">이벤트 인자</param>
        /// <returns>변환 값</returns>
        public object Convert(object e)
        {
            string productName = (e as ProcessNewValueEventArgs).DisplayText;

            return productName;
        }

        #endregion
    }
}

using DevExpress.Xpf.Editors;

using DevExpress.Xpf.Mvvm.UI;

namespace TestProject

{

/// <summary>

/// 제품명 이벤트 인자 변환자

/// </summary>

public class ProductNameEventArgsConverter : IEventArgsConverter

{

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

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

#region 변환하기 - Convert(e)

/// <summary>

/// 변환하기

/// </summary>

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

/// <returns>변환 값</returns>

public object Convert(object e)

{

string productName = (e as ProcessNewValueEventArgs).DisplayText;

return productName;

}

#endregion

}

▶ StringToIntegerValueConverter.cs

[C#/WPF/DEVEXPRESS] SearchControl 클래스 : ListBoxEdit 객체 데이터 필터링 하기

■ SearchControl 클래스에서 ListBoxEdit 객체의 데이터를 필터링하는 방법을 보여준다. ▶ 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:sys="clr-namespace:System;assembly=mscorlib"
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    Width="800"
    Height="600"
    Title="SearchControl 클래스 : ListBoxEdit 객체 데이터 필터링 하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
        </Grid.RowDefinitions>
        <dxe:SearchControl x:Name="searchControl" Grid.Row="0"
            Width="150"
            Height="25"
            FilterCondition="Contains"
            FilterByColumnsMode="Custom">
            <dxe:SearchControl.ColumnProvider>
                <dxe:SelectorEditColumnProvider>
                    <dxe:SelectorEditColumnProvider.CustomColumns>
                        <sys:String>Name</sys:String>
                    </dxe:SelectorEditColumnProvider.CustomColumns>
                </dxe:SelectorEditColumnProvider>
            </dxe:SearchControl.ColumnProvider>
        </dxe:SearchControl>
        <dxe:ListBoxEdit x:Name="listBoxEdit" Grid.Row="1"
            Margin="10"
            HorizontalAlignment="Stretch"
            VerticalAlignment="Stretch"
            ValueMember="ID"
            DisplayMember="Name"
            FilterCriteria="{Binding FilterCriteria, ElementName=searchControl}">
        </dxe:ListBoxEdit>
    </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:sys="clr-namespace:System;assembly=mscorlib"

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

Width="800"

Height="600"

Title="SearchControl 클래스 : ListBoxEdit 객체 데이터 필터링 하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<dxe:SearchControl x:Name="searchControl" Grid.Row="0"

Width="150"

Height="25"

FilterCondition="Contains"

FilterByColumnsMode="Custom">

<dxe:SearchControl.ColumnProvider>

<dxe:SelectorEditColumnProvider>

<dxe:SelectorEditColumnProvider.CustomColumns>

<sys:String>Name</sys:String>

</dxe:SelectorEditColumnProvider.CustomColumns>

</dxe:SelectorEditColumnProvider>

</dxe:SearchControl.ColumnProvider>

</dxe:SearchControl>

<dxe:ListBoxEdit x:Name="listBoxEdit" Grid.Row="1"

Margin="10"

HorizontalAlignment="Stretch"

VerticalAlignment="Stretch"

ValueMember="ID"

DisplayMember="Name"

FilterCriteria="{Binding FilterCriteria, ElementName=searchControl}">

</dxe:ListBoxEdit>

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

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

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

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] ImageEdit 클래스 : 메뉴 변경하기

■ ImageEdit 클래스에서 메뉴를 변경하는 방법을 보여준다. ▶ 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="800"
    Height="600"
    Title="ImageEdit 클래스 : 메뉴 변경하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxe:ImageEdit Name="imageEdit">
            <dxe:ImageEdit.MenuTemplate>
                <ControlTemplate>
                    <StackPanel Orientation="Horizontal">
                        <dxe:ImageEditToolButton
                            ToolTip="Grayscale"
                            ImageSource="/TestProject;component/Image/inactive.png"
                            Click="grayscaleButton_Click" />
                        <dxe:ImageEditToolButton
                            ToolTip="Normal"
                            ImageSource="/TestProject;component/Image/active.png"
                            Click="normalButton_Click" />
                        <dxe:ImageEditToolSeparator />
                        <dxe:ImageEditCopyToolButton />
                        <dxe:ImageEditLoadToolButton />
                        <dxe:ImageEditSaveToolButton />
                    </StackPanel>
                </ControlTemplate>
            </dxe:ImageEdit.MenuTemplate>
        </dxe:ImageEdit>
    </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="800"

Height="600"

Title="ImageEdit 클래스 : 메뉴 변경하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxe:ImageEdit Name="imageEdit">

<dxe:ImageEdit.MenuTemplate>

<dxe:ImageEditToolButton

ToolTip="Grayscale"

ImageSource="/TestProject;component/Image/inactive.png"

Click="grayscaleButton_Click" />

<dxe:ImageEditToolButton

ToolTip="Normal"

ImageSource="/TestProject;component/Image/active.png"

Click="normalButton_Click" />

<dxe:ImageEditToolSeparator />

<dxe:ImageEditCopyToolButton />

<dxe:ImageEditLoadToolButton />

<dxe:ImageEditSaveToolButton />

</StackPanel>

</ControlTemplate>

</dxe:ImageEdit.MenuTemplate>

</dxe:ImageEdit>

</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 회색조 버튼 클릭시 처리하기 - grayscaleButton_Click(sender, e)

        /// <summary>
        /// 회색조 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void grayscaleButton_Click(object sender, RoutedEventArgs e)
        {
            if(this.imageEdit.ImageEffect == null)
            {
                this.imageEdit.ImageEffect = new GrayscaleEffect();
            }
        }

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

        /// <summary>
        /// 일반 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void normalButton_Click(object sender, RoutedEventArgs e)
        {
            this.imageEdit.ImageEffect = null;
        }

        #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 회색조 버튼 클릭시 처리하기 - grayscaleButton_Click(sender, e)

/// <summary>

/// 회색조 버튼 클릭시 처리하기

/// </summary>

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

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

private void grayscaleButton_Click(object sender, RoutedEventArgs e)

{

if(this.imageEdit.ImageEffect == null)

{

this.imageEdit.ImageEffect = new GrayscaleEffect();

}

#endregion

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

/// <summary>

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

/// </summary>

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

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

private void normalButton_Click(object sender, RoutedEventArgs e)

{

this.imageEdit.ImageEffect = null;

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] ControlTemplate 클래스 : 에디터 경계선 모양 변경하기

■ ControlTemplate 클래스를 사용해 에디터 경계선 모양을 변경하는 방법을 보여준다. ▶ 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="800"
    Height="600"
    Title="ControlTemplate 클래스 : 에디터 경계선 모양 변경하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxe:TextEdit
            Width="150"
            Height="25"
            ShowBorder="True">
            <dxe:TextEdit.BorderTemplate>
                <ControlTemplate TargetType="{x:Type ContentControl}">
                    <Border
                        CornerRadius="4"
                        BorderThickness="2"
                        BorderBrush="Red"
                        Background="Gold">
                        <ContentPresenter />
                    </Border>
                </ControlTemplate>
            </dxe:TextEdit.BorderTemplate>
        </dxe:TextEdit>
    </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="800"

Height="600"

Title="ControlTemplate 클래스 : 에디터 경계선 모양 변경하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxe:TextEdit

Width="150"

Height="25"

ShowBorder="True">

<dxe:TextEdit.BorderTemplate>

<Border

CornerRadius="4"

BorderThickness="2"

BorderBrush="Red"

Background="Gold">

</Border>

</ControlTemplate>

</dxe:TextEdit.BorderTemplate>

</dxe:TextEdit>

</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] ItemsPanelTemplate 클래스 : 에디터 항목 패널 모양 변경하기

■ ItemsPanelTemplate 클래스에서 에디터 항목 패널 모양을 변경하는 방법을 보여준다. ▶ 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="800"
    Height="600"
    Title="ItemsPanelTemplate 클래스 : 에디터 항목 패널 모양 변경하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxe:ComboBoxEdit
            Width="150"
            Height="25">
            <dxe:ComboBoxEdit.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        Background="AntiqueWhite"
                        Orientation="Horizontal" />
                </ItemsPanelTemplate>
            </dxe:ComboBoxEdit.ItemsPanel>
            <dxe:ComboBoxEdit.Items>
                <dxe:ComboBoxEditItem Content="Seattle" />
                <dxe:ComboBoxEditItem Content="London"  />
                <dxe:ComboBoxEditItem Content="Redmond" />
                <dxe:ComboBoxEditItem Content="Tacoma"  />
            </dxe:ComboBoxEdit.Items>
        </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="800"

Height="600"

Title="ItemsPanelTemplate 클래스 : 에디터 항목 패널 모양 변경하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxe:ComboBoxEdit

Width="150"

Height="25">

<dxe:ComboBoxEdit.ItemsPanel>

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center"

Background="AntiqueWhite"

Orientation="Horizontal" />

</ItemsPanelTemplate>

</dxe:ComboBoxEdit.ItemsPanel>

<dxe:ComboBoxEdit.Items>

<dxe:ComboBoxEditItem Content="Seattle" />

<dxe:ComboBoxEditItem Content="London" />

<dxe:ComboBoxEditItem Content="Redmond" />

<dxe:ComboBoxEditItem Content="Tacoma" />

</dxe:ComboBoxEdit.Items>

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

        #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] 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"
    SizeToContent="WidthAndHeight"
    Title="ComboBoxEdit 클래스 : 스타일 설정하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <TextBlock Grid.Row="0" Grid.Column="0"
            VerticalAlignment="Center"
            HorizontalAlignment="Right"
            Margin="10"
            Text="ComboBox Style : " />
        <TextBlock Grid.Row="1" Grid.Column="0"
            VerticalAlignment="Center"
            HorizontalAlignment="Right"
            Margin="10"
            Text="Checked ComboBox Style : " />
        <TextBlock Grid.Row="2" Grid.Column="0"
            VerticalAlignment="Center"
            HorizontalAlignment="Right"
            Margin="10"
            Text="Radio ComboBox Style : " />
        <dxe:ComboBoxEdit Grid.Row="0" Grid.Column="1"
            Margin="10"
            Width="150"
            Height="25">
            <dxe:ComboBoxEdit.StyleSettings>
                <dxe:ComboBoxStyleSettings />
            </dxe:ComboBoxEdit.StyleSettings>
            <dxe:ComboBoxEdit.Items>
                <dxe:ComboBoxEditItem Content="Canada" />
                <dxe:ComboBoxEditItem Content="Italy"  />
                <dxe:ComboBoxEditItem Content="USA"    />
            </dxe:ComboBoxEdit.Items>
        </dxe:ComboBoxEdit>
        <dxe:ComboBoxEdit Grid.Row="1" Grid.Column="1"
            Margin="10"
            Width="150"
            Height="25">
            <dxe:ComboBoxEdit.StyleSettings>
                <dxe:CheckedComboBoxStyleSettings />
            </dxe:ComboBoxEdit.StyleSettings>
            <dxe:ComboBoxEdit.Items>
                <dxe:ComboBoxEditItem Content="Nancy Davolio"   />
                <dxe:ComboBoxEditItem Content="Andrew Fuller"   />
                <dxe:ComboBoxEditItem Content="Janet Leverling" />
            </dxe:ComboBoxEdit.Items>
        </dxe:ComboBoxEdit>
        <dxe:ComboBoxEdit Grid.Row="2" Grid.Column="1"
            Margin="10"
            Width="150"
            Height="25">
            <dxe:ComboBoxEdit.StyleSettings>
                <dxe:RadioComboBoxStyleSettings />
            </dxe:ComboBoxEdit.StyleSettings>
            <dxe:ComboBoxEdit.Items>
                <dxe:ComboBoxEditItem Content="Seattle" />
                <dxe:ComboBoxEditItem Content="London"  />
                <dxe:ComboBoxEditItem Content="Redmond" />
            </dxe:ComboBoxEdit.Items>
        </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"

SizeToContent="WidthAndHeight"

Title="ComboBoxEdit 클래스 : 스타일 설정하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<TextBlock Grid.Row="0" Grid.Column="0"

VerticalAlignment="Center"

HorizontalAlignment="Right"

Margin="10"

Text="ComboBox Style : " />

<TextBlock Grid.Row="1" Grid.Column="0"

VerticalAlignment="Center"

HorizontalAlignment="Right"

Margin="10"

Text="Checked ComboBox Style : " />

<TextBlock Grid.Row="2" Grid.Column="0"

VerticalAlignment="Center"

HorizontalAlignment="Right"

Margin="10"

Text="Radio ComboBox Style : " />

<dxe:ComboBoxEdit Grid.Row="0" Grid.Column="1"

Margin="10"

Width="150"

Height="25">

<dxe:ComboBoxEdit.StyleSettings>

<dxe:ComboBoxStyleSettings />

</dxe:ComboBoxEdit.StyleSettings>

<dxe:ComboBoxEdit.Items>

<dxe:ComboBoxEditItem Content="Canada" />

<dxe:ComboBoxEditItem Content="Italy" />

<dxe:ComboBoxEditItem Content="USA" />

</dxe:ComboBoxEdit.Items>

</dxe:ComboBoxEdit>

<dxe:ComboBoxEdit Grid.Row="1" Grid.Column="1"

Margin="10"

Width="150"

Height="25">

<dxe:ComboBoxEdit.StyleSettings>

<dxe:CheckedComboBoxStyleSettings />

</dxe:ComboBoxEdit.StyleSettings>

<dxe:ComboBoxEdit.Items>

<dxe:ComboBoxEditItem Content="Nancy Davolio" />

<dxe:ComboBoxEditItem Content="Andrew Fuller" />

<dxe:ComboBoxEditItem Content="Janet Leverling" />

</dxe:ComboBoxEdit.Items>

</dxe:ComboBoxEdit>

<dxe:ComboBoxEdit Grid.Row="2" Grid.Column="1"

Margin="10"

Width="150"

Height="25">

<dxe:ComboBoxEdit.StyleSettings>

<dxe:RadioComboBoxStyleSettings />

</dxe:ComboBoxEdit.StyleSettings>

<dxe:ComboBoxEdit.Items>

<dxe:ComboBoxEditItem Content="Seattle" />

<dxe:ComboBoxEditItem Content="London" />

<dxe:ComboBoxEditItem Content="Redmond" />

</dxe:ComboBoxEdit.Items>

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

        #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