MVVM Archives - icodebroker

[C#/WINUI3/.NET8] IServiceProvider 인터페이스 : GetService 메소드를 사용해 서비스 구하기

■ IServiceProvider 인터페이스의 GetService<T> 메소드를 사용해 서비스를 구하는 방법을 보여준다. ※ Microsoft.Extensions.Hosting 누겟을 설치한다. ▶ 예제 코드 (C#)


using System;

using Microsoft.Extensions.Hosting;

// ...

IHost host;

// ...

IServiceProvider serviceProvider = host.Services;

IFileService fileService = serviceProvider.GetService<IFileService>();

using System;

using Microsoft.Extensions.Hosting;

// ...

IHost host;

// ...

IServiceProvider serviceProvider = host.Services;

IFileService fileService = serviceProvider.GetService<IFileService>();

[C#/WINUI3/.NET8] IHostBuilder 인터페이스 : Build 메소드를 사용해 호스트 만들기

■ IHostBuilder 인터페이스의 Build 메소드를 사용해 호스트를 만드는 방법을 보여준다. ※ Microsoft.Extensions.Hosting 누겟을 설치한다. ※ Build 메소드의 주요 기능은 아래와 같다. •

[C#/WINUI3/.NET8] IServiceCollection 인터페이스 : Configure 메소드를 사용해 옵션 클래스 구성하기

■ IServiceCollection 인터페이스의 Configure 메소드를 사용해 옵션 클래스를 구성하는 방법을 보여준다. ※ Microsoft.Extensions.Hosting 누겟 설치한다. ▶ 예제 코드 (C#)


using System;

using Microsoft.Extensions.Hosting;

IHostBuilder hostBuilder = Host.CreateDefaultBuilder()
    .ConfigureServices
    (
        (context, serviceCollection) =>
        {
            serviceCollection.Configure<LocalSettingOption>(context.Configuration.GetSection(nameof(LocalSettingOption)));
        }
    );

using System;

using Microsoft.Extensions.Hosting;

IHostBuilder hostBuilder = Host.CreateDefaultBuilder()

.ConfigureServices

(

(context, serviceCollection) =>

{

serviceCollection.Configure<LocalSettingOption>(context.Configuration.GetSection(nameof(LocalSettingOption)));

}

);

[C#/WINUI3/.NET8] IServiceCollection 인터페이스 : AddSingleton 메소드를 사용해 애플리케이션 수명 주기 동안 단일 인스턴스 생성하기

■ IServiceCollection 인터페이스의 AddSingleton 메소드를 사용해 애플리케이션 수명 주기 동안 단일 인스턴스를 생성하는 방법을 보여준다. ※ Microsoft.Extensions.Hosting 누겟 설치한다. ▶ 예제 코드

[C#/WINUI3/.NET8] IServiceCollection 인터페이스 : AddTransient 메소드를 사용해 일시적 수명 주기 동안 신규 인스턴스 생성하기

■ IServiceCollection 인터페이스의 AddTransient 메소드를 사용해 일시적 수명 주기 동안 신규 인스턴스를 생성하는 방법을 보여준다. ※ Microsoft.Extensions.Hosting 누겟을 설치한다. ▶ 예제 코드

[C#/WINUI3/.NET8] IHostBuilder 인터페이스 : ConfigureServices 메소드를 사용해 애플리케이션 서비스 컨테이너 구성하기

■ IHostBuilder 인터페이스의 ConfigureServices 메소드를 사용해 애플리케이션 서비스 컨테이너를 구성하는 방법을 보여준다. ※ Microsoft.Extensions.Hosting 누겟을 설치한다. ▶ 예제 코드 (C#)


using Microsoft.Extensions.Hosting;

IHostBuilder hostBuilder = Host.CreateDefaultBuilder()
    .ConfigureServices
    (
        (context, serviceCollection) =>
        {
            serviceCollection.AddTransient<ActivationHandler<LaunchActivatedEventArgs>, DefaultActivationHandler>();
            serviceCollection.AddTransient<IActivationHandler, AppNotificationActivationHandler>();

            serviceCollection.AddSingleton<IAppNotificationService, AppNotificationService>();
            serviceCollection.AddSingleton<ILocalSettingService   , LocalSettingService>();
            serviceCollection.AddSingleton<IThemeSelectorService  , ThemeSelectorService>();

            serviceCollection.AddTransient<IWebViewService        , WebViewService>();
            serviceCollection.AddTransient<INavigationViewService , NavigationViewService>();

            serviceCollection.AddSingleton<IActivationService, ActivationService>();
            serviceCollection.AddSingleton<IPageService      , PageService>();
            serviceCollection.AddSingleton<INavigationService, NavigationService>();

            serviceCollection.AddSingleton<IFileService, FileService>();

            serviceCollection.AddTransient<SettingViewModel>();
            serviceCollection.AddTransient<SettingPage>();
            serviceCollection.AddTransient<WebViewModel>();
            serviceCollection.AddTransient<WebPage>();
            serviceCollection.AddTransient<TestViewModel>();
            serviceCollection.AddTransient<TestPage>();
            serviceCollection.AddTransient<MainViewModel>();
            serviceCollection.AddTransient<MainPage>();
            serviceCollection.AddTransient<ShellPage>();
            serviceCollection.AddTransient<ShellViewModel>();

            serviceCollection.Configure<LocalSettingOption>(context.Configuration.GetSection(nameof(LocalSettingOption)));
        }
    );

using Microsoft.Extensions.Hosting;

IHostBuilder hostBuilder = Host.CreateDefaultBuilder()

.ConfigureServices

(

(context, serviceCollection) =>

{

serviceCollection.AddTransient<ActivationHandler<LaunchActivatedEventArgs>, DefaultActivationHandler>();

serviceCollection.AddTransient<IActivationHandler, AppNotificationActivationHandler>();

serviceCollection.AddSingleton<IAppNotificationService, AppNotificationService>();

serviceCollection.AddSingleton<ILocalSettingService , LocalSettingService>();

serviceCollection.AddSingleton<IThemeSelectorService , ThemeSelectorService>();

serviceCollection.AddTransient<IWebViewService , WebViewService>();

serviceCollection.AddTransient<INavigationViewService , NavigationViewService>();

serviceCollection.AddSingleton<IActivationService, ActivationService>();

serviceCollection.AddSingleton<IPageService , PageService>();

serviceCollection.AddSingleton<INavigationService, NavigationService>();

serviceCollection.AddSingleton<IFileService, FileService>();

serviceCollection.AddTransient<SettingViewModel>();

serviceCollection.AddTransient<SettingPage>();

serviceCollection.AddTransient<WebViewModel>();

serviceCollection.AddTransient<WebPage>();

serviceCollection.AddTransient<TestViewModel>();

serviceCollection.AddTransient<TestPage>();

serviceCollection.AddTransient<MainViewModel>();

serviceCollection.AddTransient<MainPage>();

serviceCollection.AddTransient<ShellPage>();

serviceCollection.AddTransient<ShellViewModel>();

serviceCollection.Configure<LocalSettingOption>(context.Configuration.GetSection(nameof(LocalSettingOption)));

}

);

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] ObservablePropertyAttribute 클래스 : 필드를 사용해 의존 속성 만들기

■ ObservablePropertyAttribute 클래스에서 필드를 사용해 의존 속성을 만드는 방법을 보여준다. ※ CommunityToolkit.Mvvm 누겟을 설치한다. ▶ 예제 코드 (C#)


using System.Reflection;
using System.Windows.Input;

using Windows.ApplicationModel;

using Microsoft.UI.Xaml;

using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;

namespace TestProject;

/// <summary>
/// 설정 뷰 모델
/// </summary>
public partial class SettingViewModel : ObservableRecipient
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Field
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region Field

    /// <summary>
    /// 테마 셀렉터 서비스
    /// </summary>
    private readonly IThemeSelectorService themeSelectorService;

    /// <summary>
    /// 엘리먼트 테마
    /// </summary>
    [ObservableProperty]
    private ElementTheme elementTheme;

    /// <summary>
    /// 버전 설명
    /// </summary>
    [ObservableProperty]
    private string versionDescription;

    #endregion

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

    #region 스위치 테마 명령 - SwitchThemeCommand

    /// <summary>
    /// 스위치 테마 명령
    /// </summary>
    public ICommand SwitchThemeCommand { get; }

    #endregion

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

    #region 생성자 - SettingViewModel(themeSelectorService)

    /// <summary>
    /// 생성자
    /// </summary>
    /// <param name="themeSelectorService">테마 셀렉터 서비스</param>
    public SettingViewModel(IThemeSelectorService themeSelectorService)
    {
        this.themeSelectorService = themeSelectorService;
        this.elementTheme         = this.themeSelectorService.Theme;
        this.versionDescription   = GetVersionDescription();

        SwitchThemeCommand = new RelayCommand<ElementTheme>
        (
            async (parameter) =>
            {
                if(ElementTheme != parameter)
                {
                    ElementTheme = parameter;

                    await this.themeSelectorService.SetThemeAsync(parameter);
                }
            }
        );
    }

    #endregion

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

    #region 버전 설명 구하기 - GetVersionDescription()

    /// <summary>
    /// 버전 설명 구하기
    /// </summary>
    /// <returns>버전 설명</returns>
    private static string GetVersionDescription()
    {
        Version version;

        if(RuntimeHelper.IsMSIX)
        {
            PackageVersion packageVersion = Package.Current.Id.Version;

            version = new(packageVersion.Major, packageVersion.Minor, packageVersion.Build, packageVersion.Revision);
        }
        else
        {
            version = Assembly.GetExecutingAssembly().GetName().Version!;
        }

        return $"{"AppDisplayName".GetLocalString()} - {version.Major}.{version.Minor}.{version.Build}.{version.Revision}";
    }

    #endregion
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

using System.Reflection;

using System.Windows.Input;

using Windows.ApplicationModel;

using Microsoft.UI.Xaml;

using CommunityToolkit.Mvvm.ComponentModel;

using CommunityToolkit.Mvvm.Input;

namespace TestProject;

/// <summary>

/// 설정 뷰 모델

/// </summary>

public partial class SettingViewModel : ObservableRecipient

{

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

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

#region Field

/// <summary>

/// 테마 셀렉터 서비스

/// </summary>

private readonly IThemeSelectorService themeSelectorService;

/// <summary>

/// 엘리먼트 테마

/// </summary>

[ObservableProperty]

private ElementTheme elementTheme;

/// <summary>

/// 버전 설명

/// </summary>

[ObservableProperty]

private string versionDescription;

#endregion

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

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

#region 스위치 테마 명령 - SwitchThemeCommand

/// <summary>

/// 스위치 테마 명령

/// </summary>

public ICommand SwitchThemeCommand { get; }

#endregion

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

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

#region 생성자 - SettingViewModel(themeSelectorService)

/// <summary>

/// 생성자

/// </summary>

/// <param name="themeSelectorService">테마 셀렉터 서비스</param>

public SettingViewModel(IThemeSelectorService themeSelectorService)

{

this.themeSelectorService = themeSelectorService;

this.elementTheme = this.themeSelectorService.Theme;

this.versionDescription = GetVersionDescription();

SwitchThemeCommand = new RelayCommand<ElementTheme>

(

async (parameter) =>

{

if(ElementTheme != parameter)

{

ElementTheme = parameter;

await this.themeSelectorService.SetThemeAsync(parameter);

}

);

}

#endregion

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

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

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

#region 버전 설명 구하기 - GetVersionDescription()

/// <summary>

/// 버전 설명 구하기

/// </summary>

/// <returns>버전 설명</returns>

private static string GetVersionDescription()

{

Version version;

if(RuntimeHelper.IsMSIX)

{

PackageVersion packageVersion = Package.Current.Id.Version;

version = new(packageVersion.Major, packageVersion.Minor, packageVersion.Build, packageVersion.Revision);

}

else

{

version = Assembly.GetExecutingAssembly().GetName().Version!;

}

return $"{"AppDisplayName".GetLocalString()} - {version.Major}.{version.Minor}.{version.Build}.{version.Revision}";

}

#endregion

}

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] ObservableRecipient 클래스 : 뷰모델 만들기

■ ObservableRecipient 클래스를 사용해 뷰모델을 만드는 방법을 보여준다. ※ CommunityToolkit.Mvvm 누겟을 설치한다. ▶ 예제 코드 (C#)


using System.Reflection;
using System.Windows.Input;

using Windows.ApplicationModel;

using Microsoft.UI.Xaml;

using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;

namespace TestProject;

/// <summary>
/// 설정 뷰 모델
/// </summary>
public partial class SettingViewModel : ObservableRecipient
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Field
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region Field

    /// <summary>
    /// 테마 셀렉터 서비스
    /// </summary>
    private readonly IThemeSelectorService themeSelectorService;

    /// <summary>
    /// 엘리먼트 테마
    /// </summary>
    [ObservableProperty]
    private ElementTheme elementTheme;

    /// <summary>
    /// 버전 설명
    /// </summary>
    [ObservableProperty]
    private string versionDescription;

    #endregion

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

    #region 스위치 테마 명령 - SwitchThemeCommand

    /// <summary>
    /// 스위치 테마 명령
    /// </summary>
    public ICommand SwitchThemeCommand { get; }

    #endregion

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

    #region 생성자 - SettingViewModel(themeSelectorService)

    /// <summary>
    /// 생성자
    /// </summary>
    /// <param name="themeSelectorService">테마 셀렉터 서비스</param>
    public SettingViewModel(IThemeSelectorService themeSelectorService)
    {
        this.themeSelectorService = themeSelectorService;
        this.elementTheme         = this.themeSelectorService.Theme;
        this.versionDescription   = GetVersionDescription();

        SwitchThemeCommand = new RelayCommand<ElementTheme>
        (
            async (parameter) =>
            {
                if(ElementTheme != parameter)
                {
                    ElementTheme = parameter;

                    await this.themeSelectorService.SetThemeAsync(parameter);
                }
            }
        );
    }

    #endregion

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

    #region 버전 설명 구하기 - GetVersionDescription()

    /// <summary>
    /// 버전 설명 구하기
    /// </summary>
    /// <returns>버전 설명</returns>
    private static string GetVersionDescription()
    {
        Version version;

        if(RuntimeHelper.IsMSIX)
        {
            PackageVersion packageVersion = Package.Current.Id.Version;

            version = new(packageVersion.Major, packageVersion.Minor, packageVersion.Build, packageVersion.Revision);
        }
        else
        {
            version = Assembly.GetExecutingAssembly().GetName().Version!;
        }

        return $"{"AppDisplayName".GetLocalString()} - {version.Major}.{version.Minor}.{version.Build}.{version.Revision}";
    }

    #endregion
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

using System.Reflection;

using System.Windows.Input;

using Windows.ApplicationModel;

using Microsoft.UI.Xaml;

using CommunityToolkit.Mvvm.ComponentModel;

using CommunityToolkit.Mvvm.Input;

namespace TestProject;

/// <summary>

/// 설정 뷰 모델

/// </summary>

public partial class SettingViewModel : ObservableRecipient

{

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

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

#region Field

/// <summary>

/// 테마 셀렉터 서비스

/// </summary>

private readonly IThemeSelectorService themeSelectorService;

/// <summary>

/// 엘리먼트 테마

/// </summary>

[ObservableProperty]

private ElementTheme elementTheme;

/// <summary>

/// 버전 설명

/// </summary>

[ObservableProperty]

private string versionDescription;

#endregion

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

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

#region 스위치 테마 명령 - SwitchThemeCommand

/// <summary>

/// 스위치 테마 명령

/// </summary>

public ICommand SwitchThemeCommand { get; }

#endregion

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

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

#region 생성자 - SettingViewModel(themeSelectorService)

/// <summary>

/// 생성자

/// </summary>

/// <param name="themeSelectorService">테마 셀렉터 서비스</param>

public SettingViewModel(IThemeSelectorService themeSelectorService)

{

this.themeSelectorService = themeSelectorService;

this.elementTheme = this.themeSelectorService.Theme;

this.versionDescription = GetVersionDescription();

SwitchThemeCommand = new RelayCommand<ElementTheme>

(

async (parameter) =>

{

if(ElementTheme != parameter)

{

ElementTheme = parameter;

await this.themeSelectorService.SetThemeAsync(parameter);

}

);

}

#endregion

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

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

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

#region 버전 설명 구하기 - GetVersionDescription()

/// <summary>

/// 버전 설명 구하기

/// </summary>

/// <returns>버전 설명</returns>

private static string GetVersionDescription()

{

Version version;

if(RuntimeHelper.IsMSIX)

{

PackageVersion packageVersion = Package.Current.Id.Version;

version = new(packageVersion.Major, packageVersion.Minor, packageVersion.Build, packageVersion.Revision);

}

else

{

version = Assembly.GetExecutingAssembly().GetName().Version!;

}

return $"{"AppDisplayName".GetLocalString()} - {version.Major}.{version.Minor}.{version.Build}.{version.Revision}";

}

#endregion

}

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] MarkdownTextBlock 클래스 : MarkdownRendered 이벤트를 사용해 Text 속성 변경시 문서 크기를 컨트롤 크기로 설정하기 3

■ MarkdownTextBlock 클래스의 MarkdownRendered 이벤트를 사용해 Text 속성 변경시 문서 크기를 컨트롤 크기로 설정하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다.

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] MarkdownTextBlock 클래스 : MarkdownRendered 이벤트를 사용해 Text 속성 변경시 문서 크기를 컨트롤 크기로 설정하기 2

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] CommunityToolkit.Mvvm 누겟 설치하기

■ CommunityToolkit.Mvvm 누겟을 설치하는 방법을 보여준다. 1. Visual Studio를 실행한다. 2. [도구] / [NuGet 패키지 관리자] / [패키지 관리자 콘솔] 메뉴를 실행한다.

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] WinUI (C#) 템플리트 스튜디오를 사용해 앱 만들기

■ WinUI (C#) 템플리트 스튜디오를 사용해 앱을 만드는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트 파일에서 WindowsPackageType 태그를

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] ServiceCollectionExtensions 클래스 : AddTransientWithShellRoute 확장 메소드를 사용해 MVVM 패턴에서 의존성 주입 사용하기

■ ServiceCollectionExtensions 클래스의 AddTransientWithShellRoute 확장 메소드를 사용해 MVVM 패턴에서 의존성 주입을 설정하는 방법을 보여준다. ▶ VIEWMODEL/BaseViewModel.cs


using CommunityToolkit.Mvvm.ComponentModel;

namespace TestProject;

/// <summary>
/// 베이스 뷰 모델
/// </summary>
[INotifyPropertyChanged]
public abstract partial class BaseViewModel
{
}

using CommunityToolkit.Mvvm.ComponentModel;

namespace TestProject;

/// <summary>

/// 베이스 뷰 모델

/// </summary>

[INotifyPropertyChanged]

public abstract partial class BaseViewModel

{

}

▶ VIEWMODEL/MainPageViewModel.cs


using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지 뷰 모델
    /// </summary>
    public partial class MainPageViewModel : BaseViewModel
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 입력 텍스트
        /// </summary>
        [ObservableProperty]
        private string inputText = null;

        #endregion

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

        #region 생성자 - MainPageViewModel()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainPageViewModel()
        {
        }

        #endregion

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

        #region 초기화하기 - Reset()

        /// <summary>
        /// 초기화하기
        /// </summary>
        [RelayCommand]
        private void Reset()
        {
            InputText = string.Empty;
        }

        #endregion
        #region 상세 페이지로 이동하기 - MoveDetailPage()

        /// <summary>
        /// 상세 페이지로 이동하기
        /// </summary>
        [RelayCommand]
        private async Task MoveDetailPage()
        {
            await Shell.Current.GoToAsync("//메인페이지/메인상세페이지");
        }

        #endregion
    }
}

using CommunityToolkit.Mvvm.ComponentModel;

using CommunityToolkit.Mvvm.Input;

namespace TestProject

{

/// <summary>

/// 메인 페이지 뷰 모델

/// </summary>

public partial class MainPageViewModel : BaseViewModel

{

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

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

#region Field

/// <summary>

/// 입력 텍스트

/// </summary>

[ObservableProperty]

private string inputText = null;

#endregion

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

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

#region 생성자 - MainPageViewModel()

/// <summary>

/// 생성자

/// </summary>

public MainPageViewModel()

{

}

#endregion

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

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

#region 초기화하기 - Reset()

/// <summary>

/// 초기화하기

/// </summary>

[RelayCommand]

private void Reset()

{

InputText = string.Empty;

}

#endregion

#region 상세 페이지로 이동하기 - MoveDetailPage()

/// <summary>

/// 상세 페이지로 이동하기

/// </summary>

[RelayCommand]

private async Task MoveDetailPage()

{

await Shell.Current.GoToAsync("//메인페이지/메인상세페이지");

}

#endregion

}

▶ VIEWMODEL/MainDetailPageViewMode.cs

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] ServiceCollectionExtensions 클래스 : AddTransient 확장 메소드를 사용해 MVVM 패턴에서 의존성 주입 사용하기

■ ServiceCollectionExtensions 클래스의 AddTransient 확장 메소드를 사용해 MVVM 패턴에서 의존성 주입을 설정하는 방법을 보여준다. ▶ VIEWMODEL/BaseViewModel.cs


using CommunityToolkit.Mvvm.ComponentModel;

namespace TestProject;

/// <summary>
/// 베이스 뷰 모델
/// </summary>
[INotifyPropertyChanged]
public abstract partial class BaseViewModel
{
}

using CommunityToolkit.Mvvm.ComponentModel;

namespace TestProject;

/// <summary>

/// 베이스 뷰 모델

/// </summary>

[INotifyPropertyChanged]

public abstract partial class BaseViewModel

{

}

▶ VIEWMODEL/MainPageViewModel.cs


using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지 뷰 모델
    /// </summary>
    public partial class MainPageViewModel : BaseViewModel
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 입력 텍스트
        /// </summary>
        [ObservableProperty]
        private string inputText = null;

        #endregion

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

        #region 생성자 - MainPageViewModel()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainPageViewModel()
        {
        }

        #endregion

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

        #region 초기화하기 - Reset()

        /// <summary>
        /// 초기화하기
        /// </summary>
        [RelayCommand]
        private void Reset()
        {
            InputText = string.Empty;
        }

        #endregion
        #region 상세 페이지로 이동하기 - MoveDetailPage()

        /// <summary>
        /// 상세 페이지로 이동하기
        /// </summary>
        [RelayCommand]
        private async Task MoveDetailPage()
        {
            await Shell.Current.GoToAsync("//메인페이지/메인상세페이지");
        }

        #endregion
    }
}

using CommunityToolkit.Mvvm.ComponentModel;

using CommunityToolkit.Mvvm.Input;

namespace TestProject

{

/// <summary>

/// 메인 페이지 뷰 모델

/// </summary>

public partial class MainPageViewModel : BaseViewModel

{

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

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

#region Field

/// <summary>

/// 입력 텍스트

/// </summary>

[ObservableProperty]

private string inputText = null;

#endregion

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

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

#region 생성자 - MainPageViewModel()

/// <summary>

/// 생성자

/// </summary>

public MainPageViewModel()

{

}

#endregion

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

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

#region 초기화하기 - Reset()

/// <summary>

/// 초기화하기

/// </summary>

[RelayCommand]

private void Reset()

{

InputText = string.Empty;

}

#endregion

#region 상세 페이지로 이동하기 - MoveDetailPage()

/// <summary>

/// 상세 페이지로 이동하기

/// </summary>

[RelayCommand]

private async Task MoveDetailPage()

{

await Shell.Current.GoToAsync("//메인페이지/메인상세페이지");

}

#endregion

}

▶ VIEWMODEL/MainDetailPageViewMode.cs

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] CommunityToolkit MVVM 패턴에서 명령에 인자 전달하기

■ CommunityToolkit MVVM 패턴에서 명령에 인자를 전달하는 방법을 보여준다. ▶ MainPageViewModel.cs


using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지 뷰 모델
    /// </summary>
    [INotifyPropertyChanged]
    public partial class MainPageViewModel
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 입력 텍스트
        /// </summary>
        [ObservableProperty]
        private string inputText = null;

        #endregion

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

        #region 생성자 - MainPageViewModel()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainPageViewModel()
        {
        }

        #endregion

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

        #region 초기화하기 - Reset()

        /// <summary>
        /// 초기화하기
        /// </summary>
        [RelayCommand]
        private void Reset()
        {
            InputText = string.Empty;
        }

        #endregion
        #region 시간 표시하기 - ShowTime(format)

        /// <summary>
        /// 시간 표시하기
        /// </summary>
        /// <param name="format">포맷 문자열</param>
        [RelayCommand]
        private void ShowTime(string format)
        {
            InputText = DateTime.Now.ToString(format);
        }

        #endregion
    }
}

using CommunityToolkit.Mvvm.ComponentModel;

using CommunityToolkit.Mvvm.Input;

namespace TestProject

{

/// <summary>

/// 메인 페이지 뷰 모델

/// </summary>

[INotifyPropertyChanged]

public partial class MainPageViewModel

{

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

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

#region Field

/// <summary>

/// 입력 텍스트

/// </summary>

[ObservableProperty]

private string inputText = null;

#endregion

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

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

#region 생성자 - MainPageViewModel()

/// <summary>

/// 생성자

/// </summary>

public MainPageViewModel()

{

}

#endregion

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

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

#region 초기화하기 - Reset()

/// <summary>

/// 초기화하기

/// </summary>

[RelayCommand]

private void Reset()

{

InputText = string.Empty;

}

#endregion

#region 시간 표시하기 - ShowTime(format)

/// <summary>

/// 시간 표시하기

/// </summary>

/// <param name="format">포맷 문자열</param>

[RelayCommand]

private void ShowTime(string format)

{

InputText = DateTime.Now.ToString(format);

}

#endregion

}

▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:TestProject">
    <ContentPage.BindingContext>
        <local:MainPageViewModel />
    </ContentPage.BindingContext>
    <VerticalStackLayout
        HorizontalOptions="Center"
        VerticalOptions="Center"
        Spacing="10">
        <Entry
            HorizontalOptions="Center"
            Placeholder="텍스트를 입력해 주시기 바랍니다."
            FontSize="16"
            Text="{Binding InputText}" />
        <Button
            HorizontalOptions="Center"
            Text="초기화"
            Command="{Binding ResetCommand}" />
        <Button
            HorizontalOptions="Center"
            Text="시간 표시"
            CommandParameter="HH:mm:ss"
            Command="{Binding ShowTimeCommand}" />
    </VerticalStackLayout>
</ContentPage>

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

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

xmlns:local="clr-namespace:TestProject">

<ContentPage.BindingContext>

<local:MainPageViewModel />

</ContentPage.BindingContext>

<VerticalStackLayout

HorizontalOptions="Center"

VerticalOptions="Center"

Spacing="10">

<Entry

HorizontalOptions="Center"

Placeholder="텍스트를 입력해 주시기 바랍니다."

FontSize="16"

Text="{Binding InputText}" />

<Button

HorizontalOptions="Center"

Text="초기화"

Command="{Binding ResetCommand}" />

<Button

HorizontalOptions="Center"

Text="시간 표시"

CommandParameter="HH:mm:ss"

Command="{Binding ShowTimeCommand}" />

</VerticalStackLayout>

</ContentPage>

TestProject.zip

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] CommunityToolkit MVVM 패턴에서 속성 변경시 처리하기

■ CommunityToolkit MVVM 패턴에서 속성 변경시 처리하는 방법을 보여준다. ▶ MainPageViewModel.cs


using CommunityToolkit.Maui.Alerts;
using CommunityToolkit.Maui.Core;
using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지 뷰 모델
    /// </summary>
    [INotifyPropertyChanged]
    public partial class MainPageViewModel
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 입력 텍스트
        /// </summary>
        [ObservableProperty]
        private string inputText = null;

        #endregion

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

        #region 생성자 - MainPageViewModel()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainPageViewModel()
        {
        }

        #endregion

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

        #region 입력 텍스트 변경 전 처리하기 - OnInputTextChanging(value)

        /// <summary>
        /// 입력 텍스트 변경 전 처리하기
        /// </summary>
        /// <param name="value">값</param>
        /* async */ partial void OnInputTextChanging(string value)
        {
            //IToast toast = Toast.Make($"[{DateTime.Now:HH:mm:ss}] 입력 테스트 변경 전 처리합니다.", ToastDuration.Short, 14);
            //
            //await toast.Show();
        }

        #endregion
        #region 입력 텍스트 변경 후 처리하기 - OnInputTextChanged(value)

        /// <summary>
        /// 입력 텍스트 변경 후 처리하기
        /// </summary>
        /// <param name="value">값</param>
        async partial void OnInputTextChanged(string value)
        {
            IToast toast = Toast.Make($"[{DateTime.Now:HH:mm:ss}] 입력 테스트 변경 후 처리합니다.", ToastDuration.Short, 14);

            await toast.Show();
        }

        #endregion

        #region 초기화하기 - Reset()

        /// <summary>
        /// 초기화하기
        /// </summary>
        [RelayCommand]
        private void Reset()
        {
            InputText = string.Empty;
        }

        #endregion
    }
}

using CommunityToolkit.Maui.Alerts;

using CommunityToolkit.Maui.Core;

using CommunityToolkit.Mvvm.ComponentModel;

using CommunityToolkit.Mvvm.Input;

namespace TestProject

{

/// <summary>

/// 메인 페이지 뷰 모델

/// </summary>

[INotifyPropertyChanged]

public partial class MainPageViewModel

{

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

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

#region Field

/// <summary>

/// 입력 텍스트

/// </summary>

[ObservableProperty]

private string inputText = null;

#endregion

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

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

#region 생성자 - MainPageViewModel()

/// <summary>

/// 생성자

/// </summary>

public MainPageViewModel()

{

}

#endregion

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

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

#region 입력 텍스트 변경 전 처리하기 - OnInputTextChanging(value)

/// <summary>

/// 입력 텍스트 변경 전 처리하기

/// </summary>

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

/* async */ partial void OnInputTextChanging(string value)

{

//IToast toast = Toast.Make($"[{DateTime.Now:HH:mm:ss}] 입력 테스트 변경 전 처리합니다.", ToastDuration.Short, 14);

//await toast.Show();

}

#endregion

#region 입력 텍스트 변경 후 처리하기 - OnInputTextChanged(value)

/// <summary>

/// 입력 텍스트 변경 후 처리하기

/// </summary>

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

async partial void OnInputTextChanged(string value)

{

IToast toast = Toast.Make($"[{DateTime.Now:HH:mm:ss}] 입력 테스트 변경 후 처리합니다.", ToastDuration.Short, 14);

await toast.Show();

}

#endregion

#region 초기화하기 - Reset()

/// <summary>

/// 초기화하기

/// </summary>

[RelayCommand]

private void Reset()

{

InputText = string.Empty;

}

#endregion

}

TestProject.zip

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] CommunityToolkit MVVM 패턴 사용하기

■ CommunityToolkit MVVM 패턴을 사용하는 방법을 보여준다. ▶ TestProject.csproj


<Project Sdk="Microsoft.NET.Sdk">
    <PropertyGroup>
        <TargetFrameworks>net6.0-android;net6.0-ios;net6.0-maccatalyst</TargetFrameworks>
        <TargetFrameworks Condition="$([MSBuild]::IsOSPlatform('windows'))">$(TargetFrameworks);net6.0-windows10.0.19041.0</TargetFrameworks>
        <OutputType>Exe</OutputType>
        <RootNamespace>TestProject</RootNamespace>
        <UseMaui>true</UseMaui>
        <SingleProject>true</SingleProject>
        <ImplicitUsings>enable</ImplicitUsings>
        <ApplicationTitle>TestProject</ApplicationTitle>
        <ApplicationId>com.companyname.testproject</ApplicationId>
        <ApplicationIdGuid>307F785A-6EDE-4AEB-8813-DC0FFA886398</ApplicationIdGuid>
        <ApplicationDisplayVersion>1.0</ApplicationDisplayVersion>
        <ApplicationVersion>1</ApplicationVersion>
        <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'ios'">14.2</SupportedOSPlatformVersion>
        <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'maccatalyst'">14.0</SupportedOSPlatformVersion>
        <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'android'">21.0</SupportedOSPlatformVersion>
        <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</SupportedOSPlatformVersion>
        <TargetPlatformMinVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</TargetPlatformMinVersion>
        <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'tizen'">6.5</SupportedOSPlatformVersion>
        <EmbedAssembliesIntoApk>true</EmbedAssembliesIntoApk>
    </PropertyGroup>
    <ItemGroup>
        <MauiIcon Include="Resources\appicon.svg" ForegroundFile="Resources\appiconfg.svg" Color="#512bd4" />
        <MauiSplashScreen Include="Resources\appiconfg.svg" Color="#512bd4" BaseSize="128,128" />
        <MauiImage Include="Resources\Images\*" />
        <MauiImage Update="Resources\Images\dotnet_bot.svg" BaseSize="168,208" />
        <MauiFont Include="Resources\Fonts\*" />
        <MauiAsset Include="Resources\Raw\**" LogicalName="%(RecursiveDir)%(Filename)%(Extension)" />
    </ItemGroup>
    <ItemGroup>
        <PackageReference Include="CommunityToolkit.Mvvm" Version="8.0.0-preview4" />
    </ItemGroup>
</Project>

<TargetFrameworks>net6.0-android;net6.0-ios;net6.0-maccatalyst</TargetFrameworks>

<TargetFrameworks Condition="$([MSBuild]::IsOSPlatform('windows'))">$(TargetFrameworks);net6.0-windows10.0.19041.0</TargetFrameworks>

<RootNamespace>TestProject</RootNamespace>

<ImplicitUsings>enable</ImplicitUsings>

<ApplicationTitle>TestProject</ApplicationTitle>

<ApplicationId>com.companyname.testproject</ApplicationId>

</PropertyGroup>

</ItemGroup>

</ItemGroup>

</Project>

※ "NuGet 패키지 관리" 메뉴의 "찾아보기" 탭에서 "시험판 포함" 체크 박스를 체크하고

[C#/MAUI/.NET6] Shell 엘리먼트 : BackButtonBehavior 속성을 사용해 뒤로가기 버튼 동작 설정하기

■ Shell 엘리먼트의 BackButtonBehavior 속성을 사용해 뒤로가기 버튼 동작을 설정하는 방법을 보여준다. ▶ MonkeyDetailViewModel.cs


using System.Windows.Input;

namespace TestProject.ViewModels;

/// <summary>
/// 원숭이 상세 뷰 모델
/// </summary>
public class MonkeyDetailViewModel
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Property
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 뒤로가기 버튼 명령 - BackButtonCommand

    /// <summary>
    /// 뒤로가기 버튼 명령
    /// </summary>
    public ICommand BackButtonCommand { get; private set; }

    #endregion

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

    #region 생성자 - MonkeyDetailViewModel()

    /// <summary>
    /// 생성자
    /// </summary>
    public MonkeyDetailViewModel()
    {
        BackButtonCommand = new Command
        (
            () =>
            {
                Shell.Current.Navigation.PopAsync();
            }
        );
    }

    #endregion
}

using System.Windows.Input;

namespace TestProject.ViewModels;

/// <summary>

/// 원숭이 상세 뷰 모델

/// </summary>

public class MonkeyDetailViewModel

{

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

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

#region 뒤로가기 버튼 명령 - BackButtonCommand

/// <summary>

/// 뒤로가기 버튼 명령

/// </summary>

public ICommand BackButtonCommand { get; private set; }

#endregion

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

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

#region 생성자 - MonkeyDetailViewModel()

/// <summary>

/// 생성자

/// </summary>

public MonkeyDetailViewModel()

{

BackButtonCommand = new Command

(

() =>

{

Shell.Current.Navigation.PopAsync();

}

);

}

#endregion

}

▶ MonkeyDetailPage.xaml


<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.MonkeyDetailPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:viewmodel="clr-namespace:TestProject.ViewModels"
    Title="Monkey Detail Page"
    BackgroundColor="White">
    <ContentPage.BindingContext>
        <viewmodel:MonkeyDetailViewModel />
    </ContentPage.BindingContext>
    <Shell.BackButtonBehavior>
        <BackButtonBehavior
            IconOverride="dotnet_bot.png"
            Command="{Binding BackButtonCommand}" />
    </Shell.BackButtonBehavior>
    <StackLayout>
        <Label x:Name="label"
            VerticalOptions="CenterAndExpand"
            HorizontalOptions="CenterAndExpand"
            Text="MONKEY DETAIL PAGE" />
    </StackLayout>
</ContentPage>

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage x:Class="TestProject.MonkeyDetailPage"

xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

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

xmlns:viewmodel="clr-namespace:TestProject.ViewModels"

Title="Monkey Detail Page"

BackgroundColor="White">

<ContentPage.BindingContext>

<viewmodel:MonkeyDetailViewModel />

</ContentPage.BindingContext>

<Shell.BackButtonBehavior>

<BackButtonBehavior

IconOverride="dotnet_bot.png"

Command="{Binding BackButtonCommand}" />

</Shell.BackButtonBehavior>

<Label x:Name="label"

VerticalOptions="CenterAndExpand"

HorizontalOptions="CenterAndExpand"

Text="MONKEY DETAIL PAGE" />

</StackLayout>

</ContentPage>

TestProject.zip

[C#/WPF/DEVEXPRESS] 느슨하게 결합된 뷰 모델 사용하기

■ 느슨하게 결합된 뷰 모델을 사용하는 방법을 보여준다. ▶ MainViewModel.cs


using System.Collections.Generic;
using System.Linq;

using DevExpress.Xpf.Mvvm;

namespace TestProject
{
    /// <summary>
    /// 메인 뷰 모델
    /// </summary>
    public class MainViewModel : ViewModelBase
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 사용자 열거 가능
        /// </summary>
        private IEnumerable<User> userEnumerable;

        /// <summary>
        /// 선택된 사용자
        /// </summary>
        private User selectedUser;

        #endregion

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

        #region 사용자 열거 가능 - UserEnumerable

        /// <summary>
        /// 사용자 열거 가능
        /// </summary>
        public IEnumerable<User> UserEnumerable
        {
            get
            {
                return this.userEnumerable;
            }
            set
            {
                SetProperty(ref this.userEnumerable, value, () => UserEnumerable);
            }
        }

        #endregion
        #region 선택된 사용자 - SelectedUser

        /// <summary>
        /// 선택된 사용자
        /// </summary>
        public User SelectedUser
        {
            get
            {
                return this.selectedUser;
            }
            set
            {
                SetProperty(ref this.selectedUser, value, () => SelectedUser);
            }
        }

        #endregion

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

        #region 생성자 - MainViewModel()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainViewModel()
        {
            UserEnumerable = User.UserArray;
            SelectedUser   = UserEnumerable.FirstOrDefault();
        }

        #endregion
    }
}

using System.Collections.Generic;

using System.Linq;

using DevExpress.Xpf.Mvvm;

namespace TestProject

{

/// <summary>

/// 메인 뷰 모델

/// </summary>

public class MainViewModel : ViewModelBase

{

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

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

#region Field

/// <summary>

/// 사용자 열거 가능

/// </summary>

private IEnumerable<User> userEnumerable;

/// <summary>

/// 선택된 사용자

/// </summary>

private User selectedUser;

#endregion

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

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

#region 사용자 열거 가능 - UserEnumerable

/// <summary>

/// 사용자 열거 가능

/// </summary>

public IEnumerable<User> UserEnumerable

{

get

{

return this.userEnumerable;

}

set

{

SetProperty(ref this.userEnumerable, value, () => UserEnumerable);

}

#endregion

#region 선택된 사용자 - SelectedUser

/// <summary>

/// 선택된 사용자

/// </summary>

public User SelectedUser

{

get

{

return this.selectedUser;

}

set

{

SetProperty(ref this.selectedUser, value, () => SelectedUser);

}

#endregion

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

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

#region 생성자 - MainViewModel()

/// <summary>

/// 생성자

/// </summary>

public MainViewModel()

{

UserEnumerable = User.UserArray;

SelectedUser = UserEnumerable.FirstOrDefault();

}

#endregion

}

▶ DetailViewModel.cs


using System.Linq;

using DevExpress.Xpf.Mvvm;

namespace TestProject
{
    /// <summary>
    /// 상세 뷰 모델
    /// </summary>
    public class DetailViewModel : ViewModelBase
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 사용자
        /// </summary>
        private User user;

        #endregion

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

        #region 사용자 - User

        /// <summary>
        /// 사용자
        /// </summary>
        public User User
        {
            get
            {
                return this.user;
            }
            set
            {
                SetProperty(ref this.user, value, () => User);
             }
        }

        #endregion

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

        #region 생성자 - DetailViewModel()

        /// <summary>
        /// 생성자
        /// </summary>
        public DetailViewModel()
        {
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 매개 변수 변경시 처리하기 - OnParameterChanged(parameter)

        /// <summary>
        /// 매개 변수 변경시 처리하기
        /// </summary>
        /// <param name="parameter">매개 변수</param>
        protected override void OnParameterChanged(object parameter)
        {
            if(IsInDesignMode)
            {
                User = User.UserArray.FirstOrDefault();
            }
            else
            {
                User = parameter as User;
            }
        }

        #endregion
    }
}

using System.Linq;

using DevExpress.Xpf.Mvvm;

namespace TestProject

{

/// <summary>

/// 상세 뷰 모델

/// </summary>

public class DetailViewModel : ViewModelBase

{

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

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

#region Field

/// <summary>

/// 사용자

/// </summary>

private User user;

#endregion

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

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

#region 사용자 - User

/// <summary>

/// 사용자

/// </summary>

public User User

{

get

{

return this.user;

}

set

{

SetProperty(ref this.user, value, () => User);

}

#endregion

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

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

#region 생성자 - DetailViewModel()

/// <summary>

/// 생성자

/// </summary>

public DetailViewModel()

{

}

#endregion

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

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

#region 매개 변수 변경시 처리하기 - OnParameterChanged(parameter)

/// <summary>

/// 매개 변수 변경시 처리하기

/// </summary>

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

protected override void OnParameterChanged(object parameter)

{

if(IsInDesignMode)

{

User = User.UserArray.FirstOrDefault();

}

else

{

User = parameter as User;

}

#endregion

}

▶ DetailView.xaml


<UserControl x:Class="TestProject.DetailView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:TestProject"
    DataContext="{DynamicResource DetailViewModelKey}">
    <UserControl.Resources>
        <local:DetailViewModel x:Key="DetailViewModelKey" />
        <Style TargetType="{x:Type Label}">
            <Setter Property="FontSize" Value="16" />
        </Style>
    </UserControl.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <Label Grid.Row="0" Grid.Column="0"
            Margin="0 0 5 0"
            Content="First Name" />
        <Label Grid.Row="0" Grid.Column="1"
            Width="160"
            Content="{Binding User.FirstName}" />
        <Label Grid.Row="1" Grid.Column="0"
            Margin="0 0 5 0"
            Content="Last Name" />
        <Label Grid.Row="1" Grid.Column="1"
            Width="160"
            Content="{Binding User.LastName}" />
        <Label Grid.Row="2" Grid.Column="0"
            Margin="0 0 5 0"
            Content="Country" />
        <Label Grid.Row="2" Grid.Column="1"
            Width="160"
            Content="{Binding User.Country}" />
        <Label Grid.Row="3" Grid.Column="0"
            Margin="0 0 5 0"
            Content="City" />
        <Label Grid.Row="3" Grid.Column="1"
            Content="{Binding User.City}" />
    </Grid>
</UserControl>

<UserControl x:Class="TestProject.DetailView"

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

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

xmlns:local="clr-namespace:TestProject"

DataContext="{DynamicResource DetailViewModelKey}">

<UserControl.Resources>

<local:DetailViewModel x:Key="DetailViewModelKey" />

</Style>

</UserControl.Resources>

<Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

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

Margin="0 0 5 0"

Content="First Name" />

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

Width="160"

Content="{Binding User.FirstName}" />

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

Margin="0 0 5 0"

Content="Last Name" />

<Label Grid.Row="1" Grid.Column="1"

Width="160"

Content="{Binding User.LastName}" />

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

Margin="0 0 5 0"

Content="Country" />

<Label Grid.Row="2" Grid.Column="1"

Width="160"

Content="{Binding User.Country}" />

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

Margin="0 0 5 0"

Content="City" />

<Label Grid.Row="3" Grid.Column="1"

Content="{Binding User.City}" />

</Grid>

</UserControl>

▶ 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:local="clr-namespace:TestProject"
    xmlns:dxm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm"
    Width="800"
    Height="600"
    Title="느슨하게 결합된 뷰 모델 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16"
    DataContext="{DynamicResource MainViewModelKey}">
    <Window.Resources>
        <local:MainViewModel x:Key="MainViewModelKey" />
    </Window.Resources>
    <Grid Margin="10">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*"    />
        </Grid.RowDefinitions>
        <ListBox x:Name="listBox" Grid.Row="0"
            Height="90"
            FontSize="16"
            ItemsSource="{Binding UserEnumerable}"
            SelectedItem="{Binding SelectedUser}"
            DisplayMemberPath="FullName" />
        <Border Grid.Row="1"
            Margin="0 10 0 0"
            BorderThickness="1"
            BorderBrush="Black">
        <local:DetailView x:Name="detailView"
            dxm:ViewModelExtensions.Parameter="{Binding SelectedUser, Source={StaticResource MainViewModelKey}}" />
        </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:local="clr-namespace:TestProject"

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

Width="800"

Height="600"

Title="느슨하게 결합된 뷰 모델 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16"

DataContext="{DynamicResource MainViewModelKey}">

<Window.Resources>

<local:MainViewModel x:Key="MainViewModelKey" />

</Window.Resources>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<ListBox x:Name="listBox" Grid.Row="0"

Height="90"

FontSize="16"

ItemsSource="{Binding UserEnumerable}"

SelectedItem="{Binding SelectedUser}"

DisplayMemberPath="FullName" />

<Border Grid.Row="1"

Margin="0 10 0 0"

BorderThickness="1"

BorderBrush="Black">

<local:DetailView x:Name="detailView"

dxm:ViewModelExtensions.Parameter="{Binding SelectedUser, Source={StaticResource MainViewModelKey}}" />

</Border>

</Grid>

</Window>

TestProject.zip

[C#/WPF/DEVEXPRESS] CurrentWindowService 클래스 : 윈도우 닫기

■ CurrentWindowService 클래스를 사용해 윈도우를 닫는 방법을 보여준다. ▶ MainViewModel.cs


using System.Windows.Input;

using DevExpress.Xpf.Mvvm;

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

        #region Close Window 명령 - CloseWindowCommand

        /// <summary>
        /// Close Window 명령
        /// </summary>
        public ICommand CloseWindowCommand { get; private set; }

        #endregion

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

        #region 현재 윈도우 서비스 - CurrentWindowService

        /// <summary>
        /// 현재 윈도우 서비스
        /// </summary>
        private ICurrentWindowService CurrentWindowService
        {
            get
            {
                return ServiceContainer.GetService<ICurrentWindowService>();
            }
        }

        #endregion

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

        #region 생성자 - MainViewModel()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainViewModel()
        {
            CloseWindowCommand = new DelegateCommand(OnCloseWindowCommandExecute);
        }

        #endregion

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

        #region Close Window 명령 실행시 처리하기 - OnCloseWindowCommandExecute()

        /// <summary>
        /// Close Window 명령 실행시 처리하기
        /// </summary>
        private void OnCloseWindowCommandExecute()
        {
            CurrentWindowService.Close();
        }

        #endregion
    }
}

using System.Windows.Input;

using DevExpress.Xpf.Mvvm;

namespace TestProject

{

/// <summary>

/// 메인 뷰 모델

/// </summary>

public class MainViewModel : ViewModelBase

{

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

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

#region Close Window 명령 - CloseWindowCommand

/// <summary>

/// Close Window 명령

/// </summary>

public ICommand CloseWindowCommand { get; private set; }

#endregion

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

#region 현재 윈도우 서비스 - CurrentWindowService

/// <summary>

/// 현재 윈도우 서비스

/// </summary>

private ICurrentWindowService CurrentWindowService

{

get

{

return ServiceContainer.GetService<ICurrentWindowService>();

}

#endregion

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

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

#region 생성자 - MainViewModel()

/// <summary>

/// 생성자

/// </summary>

public MainViewModel()

{

CloseWindowCommand = new DelegateCommand(OnCloseWindowCommandExecute);

}

#endregion

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

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

#region Close Window 명령 실행시 처리하기 - OnCloseWindowCommandExecute()

/// <summary>

/// Close Window 명령 실행시 처리하기

/// </summary>

private void OnCloseWindowCommandExecute()

{

CurrentWindowService.Close();

}

#endregion

}

▶ MainView.xaml


<UserControl x:Class="TestProject.MainView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:dxm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm"
    xmlns:local="clr-namespace:TestProject">
    <UserControl.DataContext>
        <local:MainViewModel />
    </UserControl.DataContext>
    <dxm:Interaction.Behaviors>
        <dxm:CurrentWindowService Window="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}}" />
    </dxm:Interaction.Behaviors>
    <Grid>
        <Button
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Padding="5"
            FontSize="16"
            Content="Close Window"
            Command="{Binding CloseWindowCommand}" />
    </Grid>
</UserControl>

<UserControl x:Class="TestProject.MainView"

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

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

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

xmlns:local="clr-namespace:TestProject">

<UserControl.DataContext>

<local:MainViewModel />

</UserControl.DataContext>

<dxm:Interaction.Behaviors>

<dxm:CurrentWindowService Window="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}}" />

</dxm:Interaction.Behaviors>

<Grid>

<Button

HorizontalAlignment="Center"

VerticalAlignment="Center"

Padding="5"

FontSize="16"

Content="Close Window"

Command="{Binding CloseWindowCommand}" />

</Grid>

</UserControl>

▶ 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:local="clr-namespace:TestProject"
    Width="800"
    Height="600"
    Title="CurrentWindowService 클래스 : 윈도우 닫기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <local:MainView />
    </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:local="clr-namespace:TestProject"

Width="800"

Height="600"

Title="CurrentWindowService 클래스 : 윈도우 닫기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<local:MainView />

</Grid>

</Window>

TestProject.zip

[C#/WPF/DEVEXPRESS] WindowedDocumentUIService 클래스 : 문서 관리하기

■ WindowedDocumentUIService 클래스를 사용해 문서를 관리하는 방법을 보여준다. ▶ 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:dxm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm"
    xmlns:local="clr-namespace:TestProject"
    Width="800"
    Height="600"
    Title="WindowedDocumentUIService를 통해 문서 관리하기">
    <Grid>
        <local:MainView
            HorizontalAlignment="Center"
            VerticalAlignment="Center">
            <dxm:Interaction.Behaviors>
                <dx:WindowedDocumentUIService>
                    <dx:WindowedDocumentUIService.WindowStyle>
                        <Style TargetType="Window">
                            <Setter Property="Width"  Value="400" />
                            <Setter Property="Height" Value="300" />
                        </Style>
                    </dx:WindowedDocumentUIService.WindowStyle>
                </dx:WindowedDocumentUIService>
            </dxm:Interaction.Behaviors>
        </local:MainView>
    </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:dxm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm"

xmlns:local="clr-namespace:TestProject"

Width="800"

Height="600"

Title="WindowedDocumentUIService를 통해 문서 관리하기">

<Grid>

<local:MainView

HorizontalAlignment="Center"

VerticalAlignment="Center">

<dxm:Interaction.Behaviors>

<dx:WindowedDocumentUIService>

<dx:WindowedDocumentUIService.WindowStyle>

</Style>

</dx:WindowedDocumentUIService.WindowStyle>

</dx:WindowedDocumentUIService>

</dxm:Interaction.Behaviors>

</local:MainView>

</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] TabbedDocumentUIService 클래스 : 문서 관리하기

■ TabbedDocumentUIService 클래스를 사용해 문서를 관리하는 방법을 보여준다. ▶ 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:dxm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm"
    xmlns:dxdo="http://schemas.devexpress.com/winfx/2008/xaml/docking"
    xmlns:local="clr-namespace:TestProject"
    Width="800"
    Height="600"
    Title="TabbedDocumentUIService를 통해 문서 관리하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxdo:DockLayoutManager>
            <dxdo:LayoutGroup Orientation="Vertical">
                <dxdo:LayoutPanel
                    Caption="Navigation"
                    ItemHeight="Auto">
                    <local:MainView>
                        <dxm:Interaction.Behaviors>
                            <dxdo:TabbedDocumentUIService DocumentGroup="{Binding ElementName=documentGroup}" />
                        </dxm:Interaction.Behaviors>
                    </local:MainView>
                </dxdo:LayoutPanel>
                <dxdo:DocumentGroup x:Name="documentGroup"
                    Caption="Documents"
                    ItemHeight="*" />
            </dxdo:LayoutGroup>
        </dxdo:DockLayoutManager>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

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

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

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

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

xmlns:local="clr-namespace:TestProject"

Width="800"

Height="600"

Title="TabbedDocumentUIService를 통해 문서 관리하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxdo:DockLayoutManager>

<dxdo:LayoutGroup Orientation="Vertical">

<dxdo:LayoutPanel

Caption="Navigation"

ItemHeight="Auto">

<local:MainView>

<dxm:Interaction.Behaviors>

<dxdo:TabbedDocumentUIService DocumentGroup="{Binding ElementName=documentGroup}" />

</dxm:Interaction.Behaviors>

</local:MainView>

</dxdo:LayoutPanel>

<dxdo:DocumentGroup x:Name="documentGroup"

Caption="Documents"

ItemHeight="*" />

</dxdo:LayoutGroup>

</dxdo:DockLayoutManager>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

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

        #region 생성자 - MainWindow()

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

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] FrameNavigationService 클래스 : 뷰 간 탐색하기

■ FrameNavigationService 클래스를 사용해 뷰 간 탐색하는 방법을 보여준다. ▶ 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:dxm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm"
    xmlns:dxwui="http://schemas.devexpress.com/winfx/2008/xaml/windowsui"
    xmlns:dxwuin="http://schemas.devexpress.com/winfx/2008/xaml/windowsui/navigation"
    xmlns:local="clr-namespace:TestProject"
    Width="800"
    Height="600"
    Title="FrameNavigationService를 통해 뷰 간 탐색하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.DataContext>
        <local:MainViewModel />
    </Window.DataContext>
    <dxm:Interaction.Triggers>
        <dxm:EventToCommand EventName="Loaded" Command="{Binding WindowLoadedCommand}" />
    </dxm:Interaction.Triggers>
    <dxm:Interaction.Behaviors>
        <dxwuin:FrameNavigationService Frame="{Binding ElementName=frame}" />
    </dxm:Interaction.Behaviors>
    <Grid>
        <dxwui:NavigationFrame x:Name="frame" />
    </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:dxm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm"

xmlns:dxwui="http://schemas.devexpress.com/winfx/2008/xaml/windowsui"

xmlns:dxwuin="http://schemas.devexpress.com/winfx/2008/xaml/windowsui/navigation"

xmlns:local="clr-namespace:TestProject"

Width="800"

Height="600"

Title="FrameNavigationService를 통해 뷰 간 탐색하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.DataContext>

<local:MainViewModel />

</Window.DataContext>

<dxm:Interaction.Triggers>

<dxm:EventToCommand EventName="Loaded" Command="{Binding WindowLoadedCommand}" />

</dxm:Interaction.Triggers>

<dxm:Interaction.Behaviors>

<dxwuin:FrameNavigationService Frame="{Binding ElementName=frame}" />

</dxm:Interaction.Behaviors>

<Grid>

<dxwui:NavigationFrame x:Name="frame" />

</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] DialogService 클래스 사용하기

■ DialogService 클래스를 사용하는 방법을 보여준다. ▶ DialogView.xaml


<UserControl
    x:Class="TestProject.DialogView"
    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">
    <Grid Margin="10">
        <StackPanel Orientation="Vertical">
            <StackPanel
                Margin="10"
                Orientation="Horizontal">
                <TextBlock Text="Name : " />
                <dxe:TextEdit
                    Width="200"
                    ValidateOnTextInput="True"
                    EditValue="{Binding UserName, UpdateSourceTrigger=PropertyChanged}" />
            </StackPanel>
            <dxe:CheckEdit
                Margin="10"
                Content="Can Close Dialog"
                EditValue="{Binding CanCloseDialog}" />
        </StackPanel>
    </Grid>
</UserControl>

<UserControl

x:Class="TestProject.DialogView"

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

<StackPanel

Margin="10"

Orientation="Horizontal">

<dxe:TextEdit

Width="200"

ValidateOnTextInput="True"

EditValue="{Binding UserName, UpdateSourceTrigger=PropertyChanged}" />

</StackPanel>

<dxe:CheckEdit

Margin="10"

Content="Can Close Dialog"

EditValue="{Binding CanCloseDialog}" />

</StackPanel>

</Grid>

</UserControl>

▶ DialogView.xaml.cs


using System.Windows.Controls;

namespace TestProject
{
    /// <summary>
    /// 대화 상자 뷰
    /// </summary>
    public partial class DialogView : UserControl
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - DialogView()

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

        #endregion
    }
}

using System.Windows.Controls;

namespace TestProject

{

/// <summary>

/// 대화 상자 뷰

/// </summary>

public partial class DialogView : UserControl

{

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

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

#region 생성자 - DialogView()

/// <summary>

/// 생성자

/// </summary>

public DialogView()

{

InitializeComponent();

}

#endregion

}

▶ DialogViewModel.cs


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

using DevExpress.Xpf.Mvvm;

namespace TestProject
{
    /// <summary>
    /// 대화 상자 뷰 모델
    /// </summary>
    public class DialogViewModel : ViewModelBase
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 사용자명
        /// </summary>
        private string _strUserName;

        /// <summary>
        /// 대화 상자 닫기 가능 여부
        /// </summary>
        private bool _bCanCloseDialog = false;

        #endregion

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

        #region 사용자명 - UserName

        /// <summary>
        /// 사용자명
        /// </summary>
        public string UserName
        {
            get
            {
                return _strUserName;
            }
            set
            {
                SetProperty(ref _strUserName, value, () => UserName);
            }
        }

        #endregion
        #region 대화 상자 닫기 가능 여부 - CanCloseDialog

        /// <summary>
        /// 대화 상자 닫기 가능 여부
        /// </summary>
        public bool CanCloseDialog
        {
            get
            {
                return _bCanCloseDialog;
            }
            set
            {
                SetProperty(ref _bCanCloseDialog, value, () => CanCloseDialog);
            }
        }

        #endregion
        #region 대화 상자 UI 명령 리스트 - DialogUICommandList

        /// <summary>
        /// 대화 상자 UI 명령 리스트
        /// </summary>
        public List<UICommand> DialogUICommandList { get; private set; }

        #endregion

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

        #region Register UI 명령 - RegisterUICommand

        /// <summary>
        /// Register UI 명령
        /// </summary>
        protected UICommand RegisterUICommand { get; private set; }

        #endregion
        #region Cancel UI 명령 - CancelUICommand

        /// <summary>
        /// Cancel UI 명령
        /// </summary>
        protected UICommand CancelUICommand { get; private set; }

        #endregion

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

        #region 생성자 - DialogViewModel()

        /// <summary>
        /// 생성자
        /// </summary>
        public DialogViewModel()
        {
            DialogUICommandList = new List<UICommand>();

            RegisterUICommand = new UICommand()
            {
                Caption   = "Register",
                Command   = new DelegateCommand<CancelEventArgs>(OnRegisterUICommandExecute, OnRegisterUICommandCanExecute),
                IsDefault = true,
                Id        = MessageBoxResult.OK,
            };

            CancelUICommand = new UICommand()
            {
                 Caption  = "Cancel",
                 Command  = new DelegateCommand<CancelEventArgs>(OnCancelUICommandExecute, OnCancelUICommandCanExecute),
                 IsCancel = true,
                 Id       = MessageBoxResult.Cancel,
            };

            DialogUICommandList.Add(RegisterUICommand);
            DialogUICommandList.Add(CancelUICommand);
        }

        #endregion

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

        #region Register UI 명령 실행시 처리하기 - OnRegisterUICommandExecute(e)

        /// <summary>
        /// Register UI 명령 실행시 처리하기
        /// </summary>
        /// <param name="e">이벤트 인자</param>
        private void OnRegisterUICommandExecute(CancelEventArgs e)
        {
            if(!CanCloseDialog)
            {
                e.Cancel = true;
            }
        }

        #endregion
        #region Register UI 명령 실행 가능 여부 조사시 처리하기 - OnRegisterUICommandCanExecute(e)

        /// <summary>
        /// Register UI 명령 실행 가능 여부 조사시 처리하기
        /// </summary>
        /// <param name="e">이벤트 인자</param>
        /// <returns>Register UI 명령 실행 가능 여부</returns>
        private bool OnRegisterUICommandCanExecute(CancelEventArgs e)
        {
            return !string.IsNullOrEmpty(UserName);
        }

        #endregion
        #region Cancel UI 명령 실행시 처리하기 - OnCancelUICommandExecute(e)

        /// <summary>
        /// Cancel UI 명령 실행시 처리하기
        /// </summary>
        /// <param name="e">이벤트 인자</param>
        private void OnCancelUICommandExecute(CancelEventArgs e)
        {
            if(!CanCloseDialog)
            {
                e.Cancel = true;
            }
        }

        #endregion
        #region Cancel UI 명령 실행 가능 여부 조사시 처리하기 - OnCancelUICommandCanExecute(e)

        /// <summary>
        /// Cancel UI 명령 실행 가능 여부 조사시 처리하기
        /// </summary>
        /// <param name="e">이벤트 인자</param>
        /// <returns>Cancel UI 명령 실행 가능 여부</returns>
        private bool OnCancelUICommandCanExecute(CancelEventArgs e)
        {
            return true;
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

using System.Collections.Generic;

using System.ComponentModel;

using System.Windows;

using DevExpress.Xpf.Mvvm;

namespace TestProject

{

/// <summary>

/// 대화 상자 뷰 모델

/// </summary>

public class DialogViewModel : ViewModelBase

{

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

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

#region Field

/// <summary>

/// 사용자명

/// </summary>

private string _strUserName;

/// <summary>

/// 대화 상자 닫기 가능 여부

/// </summary>

private bool _bCanCloseDialog = false;

#endregion

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

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

#region 사용자명 - UserName

/// <summary>

/// 사용자명

/// </summary>

public string UserName

{

get

{

return _strUserName;

}

set

{

SetProperty(ref _strUserName, value, () => UserName);

}

#endregion

#region 대화 상자 닫기 가능 여부 - CanCloseDialog

/// <summary>

/// 대화 상자 닫기 가능 여부

/// </summary>

public bool CanCloseDialog

{

get

{

return _bCanCloseDialog;

}

set

{

SetProperty(ref _bCanCloseDialog, value, () => CanCloseDialog);

}

#endregion

#region 대화 상자 UI 명령 리스트 - DialogUICommandList

/// <summary>

/// 대화 상자 UI 명령 리스트

/// </summary>

public List<UICommand> DialogUICommandList { get; private set; }

#endregion

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

#region Register UI 명령 - RegisterUICommand

/// <summary>

/// Register UI 명령

/// </summary>

protected UICommand RegisterUICommand { get; private set; }

#endregion

#region Cancel UI 명령 - CancelUICommand

/// <summary>

/// Cancel UI 명령

/// </summary>

protected UICommand CancelUICommand { get; private set; }

#endregion

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

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

#region 생성자 - DialogViewModel()

/// <summary>

/// 생성자

/// </summary>

public DialogViewModel()

{

DialogUICommandList = new List<UICommand>();

RegisterUICommand = new UICommand()

{

Caption = "Register",

Command = new DelegateCommand<CancelEventArgs>(OnRegisterUICommandExecute, OnRegisterUICommandCanExecute),

IsDefault = true,

Id = MessageBoxResult.OK,

};

CancelUICommand = new UICommand()

{

Caption = "Cancel",

Command = new DelegateCommand<CancelEventArgs>(OnCancelUICommandExecute, OnCancelUICommandCanExecute),

IsCancel = true,

Id = MessageBoxResult.Cancel,

};

DialogUICommandList.Add(RegisterUICommand);

DialogUICommandList.Add(CancelUICommand);

}

#endregion

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

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

#region Register UI 명령 실행시 처리하기 - OnRegisterUICommandExecute(e)

/// <summary>

/// Register UI 명령 실행시 처리하기

/// </summary>

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

private void OnRegisterUICommandExecute(CancelEventArgs e)

{

if(!CanCloseDialog)

{

e.Cancel = true;

}

#endregion

#region Register UI 명령 실행 가능 여부 조사시 처리하기 - OnRegisterUICommandCanExecute(e)

/// <summary>

/// Register UI 명령 실행 가능 여부 조사시 처리하기

/// </summary>

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

/// <returns>Register UI 명령 실행 가능 여부</returns>

private bool OnRegisterUICommandCanExecute(CancelEventArgs e)

{

return !string.IsNullOrEmpty(UserName);

}

#endregion

#region Cancel UI 명령 실행시 처리하기 - OnCancelUICommandExecute(e)

/// <summary>

/// Cancel UI 명령 실행시 처리하기

/// </summary>

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

private void OnCancelUICommandExecute(CancelEventArgs e)

{

if(!CanCloseDialog)

{

e.Cancel = true;

}

#endregion

#region Cancel UI 명령 실행 가능 여부 조사시 처리하기 - OnCancelUICommandCanExecute(e)

/// <summary>

/// Cancel UI 명령 실행 가능 여부 조사시 처리하기

/// </summary>

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

/// <returns>Cancel UI 명령 실행 가능 여부</returns>

private bool OnCancelUICommandCanExecute(CancelEventArgs e)

{

return true;

}

#endregion

}

▶ MainViewModel.cs


using System.Windows.Input;

using DevExpress.Xpf.Mvvm;

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

        #region Show Dialog 명령 - ShowDialogCommand

        /// <summary>
        /// Show Dialog 명령
        /// </summary>
        public ICommand ShowDialogCommand { get; private set; }

        #endregion

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

        #region 메시지 박스 서비스 - MessageBoxService

        /// <summary>
        /// 메시지 박스 서비스
        /// </summary>
        protected IMessageBoxService MessageBoxService
        {
            get
            {
                return GetService<IMessageBoxService>();
            }
        }

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

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

        #endregion
        #region 대화 상자 뷰 모델 - DialogViewModel

        /// <summary>
        /// 대화 상자 뷰 모델
        /// </summary>
        protected DialogViewModel DialogViewModel { get; private set; }

        #endregion

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

        #region 생성자 - MainViewModel()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainViewModel()
        {
            DialogViewModel = new DialogViewModel();

            ShowDialogCommand = new DelegateCommand(OnShowDialogCommandExecute);
        }

        #endregion

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

        #region Show Dialog 명령 실행시 처리하기 - OnShowDialogCommandExecute()

        /// <summary>
        /// Show Dialog 명령 실행시 처리하기
        /// </summary>
        private void OnShowDialogCommandExecute()
        {
            UICommand command = DialogService.ShowDialog(DialogViewModel.DialogUICommandList, "User name", DialogViewModel);

            if(command != null)
            {
                MessageBoxService.Show("Dialog Clicked Button: " + command.Caption + ", ");
            }
        }

        #endregion
    }
}

100

101

102

using System.Windows.Input;

using DevExpress.Xpf.Mvvm;

namespace TestProject

{

/// <summary>

/// 메인 뷰 모델

/// </summary>

public class MainViewModel : ViewModelBase

{

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

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

#region Show Dialog 명령 - ShowDialogCommand

/// <summary>

/// Show Dialog 명령

/// </summary>

public ICommand ShowDialogCommand { get; private set; }

#endregion

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

#region 메시지 박스 서비스 - MessageBoxService

/// <summary>

/// 메시지 박스 서비스

/// </summary>

protected IMessageBoxService MessageBoxService

{

get

{

return GetService<IMessageBoxService>();

}

#endregion

#region 대화 상자 서비스 - DialogService

/// <summary>

/// 대화 상자 서비스

/// </summary>

protected IDialogService DialogService

{

get

{

return GetService<IDialogService>();

}

#endregion

#region 대화 상자 뷰 모델 - DialogViewModel

/// <summary>

/// 대화 상자 뷰 모델

/// </summary>

protected DialogViewModel DialogViewModel { get; private set; }

#endregion

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

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

#region 생성자 - MainViewModel()

/// <summary>

/// 생성자

/// </summary>

public MainViewModel()

{

DialogViewModel = new DialogViewModel();

ShowDialogCommand = new DelegateCommand(OnShowDialogCommandExecute);

}

#endregion

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

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

#region Show Dialog 명령 실행시 처리하기 - OnShowDialogCommandExecute()

/// <summary>

/// Show Dialog 명령 실행시 처리하기

/// </summary>

private void OnShowDialogCommandExecute()

{

UICommand command = DialogService.ShowDialog(DialogViewModel.DialogUICommandList, "User name", DialogViewModel);

if(command != null)

{

MessageBoxService.Show("Dialog Clicked Button: " + command.Caption + ", ");

}

#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:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
    xmlns:dxm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm"
    xmlns:local="clr-namespace:TestProject"
    Width="600"
    Height="450"
    Title="DialogService 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.DataContext>
        <local:MainViewModel />
    </Window.DataContext>
    <dxm:Interaction.Behaviors>
        <dx:DXMessageBoxService />
        <dx:DialogService DialogWindowStartupLocation="CenterOwner">
            <dx:DialogService.ViewTemplate>
                <DataTemplate>
                    <local:DialogView />
                </DataTemplate>
            </dx:DialogService.ViewTemplate>
            <dx:DialogService.DialogStyle>
                <Style TargetType="dx:DXDialogWindow">
                    <Setter Property="SizeToContent" Value="WidthAndHeight" />
                </Style>
            </dx:DialogService.DialogStyle>
        </dx:DialogService>
    </dxm:Interaction.Behaviors>
    <Grid>
        <StackPanel
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Orientation="Vertical">
            <Button
                Margin="10"
                Padding="5"
                FontSize="16"
                Content="Show Dialog"
                Command="{Binding ShowDialogCommand}" />
        </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:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"

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

xmlns:local="clr-namespace:TestProject"

Width="600"

Height="450"

Title="DialogService 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.DataContext>

<local:MainViewModel />

</Window.DataContext>

<dxm:Interaction.Behaviors>

<dx:DXMessageBoxService />

<dx:DialogService DialogWindowStartupLocation="CenterOwner">

<dx:DialogService.ViewTemplate>

<local:DialogView />

</DataTemplate>

</dx:DialogService.ViewTemplate>

<dx:DialogService.DialogStyle>

</Style>

</dx:DialogService.DialogStyle>

</dx:DialogService>

</dxm:Interaction.Behaviors>

<Grid>

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center"

Orientation="Vertical">

<Button

Margin="10"

Padding="5"

FontSize="16"

Content="Show Dialog"

Command="{Binding ShowDialogCommand}" />

</StackPanel>

</Grid>

</Window>

▶

[C#/WPF] MVVM 패턴 사용하기

■ MVVM 패턴을 사용하는 방법을 보여준다. ▶ RelayCommand.cs


using System;
using System.Windows.Input;

namespace TestProject
{
    /// <summary>
    /// 릴레이 명령
    /// </summary>
    public class RelayCommand : ICommand
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Event
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 실행 가능 여부 변경시 - CanExecuteChanged

        /// <summary>
        /// 실행 가능 여부 변경시
        /// </summary>
        public event EventHandler CanExecuteChanged
        {
            add
            {
                CommandManager.RequerySuggested += value;
            }
            remove
            {
                CommandManager.RequerySuggested -= value;
            }
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 실행 액션
        /// </summary>
        private readonly Action<object> executeAction;

        /// <summary>
        /// 실행 가능 여부 프레디킷
        /// </summary>
        private readonly Predicate<object> canExecutePredicate;

        #endregion

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

        #region 생성자 - RelayCommand(executeAction, canExecutePredicate)

        /// <summary>
        /// 생성자
        /// </summary>
        /// <param name="executeAction">실행 액션</param>
        /// <param name="canExecutePredicate">실행 가능 여부 프레디킷</param>
        public RelayCommand(Action<object> executeAction, Predicate<object> canExecutePredicate)
        {
            if(executeAction == null)
            {
                throw new ArgumentNullException("executeAction");
            }

            this.executeAction       = executeAction;
            this.canExecutePredicate = canExecutePredicate;
        }

        #endregion
        #region 생성자 - RelayCommand(executeAction)

        /// <summary>
        /// 생성자
        /// </summary>
        /// <param name="executeAction">실행 액션</param>
        public RelayCommand(Action<object> executeAction) : this(executeAction, null)
        {
        }

        #endregion

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

        #region 실행하기 - Execute(parameter)

        /// <summary>
        /// 실행하기
        /// </summary>
        /// <param name="parameter">파라미터</param>
        public void Execute(object parameter)
        {
            this.executeAction(parameter);
        }

        #endregion
        #region 실행 가능 여부 구하기 - CanExecute(parameter)

        /// <summary>
        /// 실행 가능 여부 구하기
        /// </summary>
        /// <param name="parameter">파라미터</param>
        /// <returns>실행 가능 여부</returns>
        public bool CanExecute(object parameter)
        {
            return this.canExecutePredicate == null ? true : this.canExecutePredicate(parameter);
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

using System;

using System.Windows.Input;

namespace TestProject

{

/// <summary>

/// 릴레이 명령

/// </summary>

public class RelayCommand : ICommand

{

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

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

#region 실행 가능 여부 변경시 - CanExecuteChanged

/// <summary>

/// 실행 가능 여부 변경시

/// </summary>

public event EventHandler CanExecuteChanged

{

add

{

CommandManager.RequerySuggested += value;

}

remove

{

CommandManager.RequerySuggested -= value;

}

#endregion

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

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

#region Field

/// <summary>

/// 실행 액션

/// </summary>

private readonly Action<object> executeAction;

/// <summary>

/// 실행 가능 여부 프레디킷

/// </summary>

private readonly Predicate<object> canExecutePredicate;

#endregion

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

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

#region 생성자 - RelayCommand(executeAction, canExecutePredicate)

/// <summary>

/// 생성자

/// </summary>

/// <param name="executeAction">실행 액션</param>

/// <param name="canExecutePredicate">실행 가능 여부 프레디킷</param>

public RelayCommand(Action<object> executeAction, Predicate<object> canExecutePredicate)

{

if(executeAction == null)

{

throw new ArgumentNullException("executeAction");

}

this.executeAction = executeAction;

this.canExecutePredicate = canExecutePredicate;

}

#endregion

#region 생성자 - RelayCommand(executeAction)

/// <summary>

/// 생성자

/// </summary>

/// <param name="executeAction">실행 액션</param>

public RelayCommand(Action<object> executeAction) : this(executeAction, null)

{

}

#endregion

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

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

#region 실행하기 - Execute(parameter)

/// <summary>

/// 실행하기

/// </summary>

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

public void Execute(object parameter)

{

this.executeAction(parameter);

}

#endregion

#region 실행 가능 여부 구하기 - CanExecute(parameter)

/// <summary>

/// 실행 가능 여부 구하기

/// </summary>

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

/// <returns>실행 가능 여부</returns>

public bool CanExecute(object parameter)

{

return this.canExecutePredicate == null ? true : this.canExecutePredicate(parameter);

}

#endregion

}

▶ Employee.cs


namespace TestProject
{
    /// <summary>
    /// 직원
    /// </summary>
    public class Employee
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 사번 - EmployeeID

        /// <summary>
        /// 사번
        /// </summary>
        public int EmployeeID {  get; set; }

        #endregion
        #region 이름 - FirstName

        /// <summary>
        /// 이름
        /// </summary>
        public string FirstName { get; set; }

        #endregion
        #region 성 - LastName

        /// <summary>
        /// 성
        /// </summary>
        public string LastName { get; set; }

        #endregion
        #region 부서 - Department

        /// <summary>
        /// 부서
        /// </summary>
        public string Department { get; set; }

        #endregion
        #region 직함 - Title

        /// <summary>
        /// 직함
        /// </summary>
        public string Title { get; set; }

        #endregion

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

        #region 문자열 구하기 - ToString()

        /// <summary>
        /// 문자열 구하기
        /// </summary>
        /// <returns>문자열</returns>
        public override string ToString()
        {
            return string.Format("{0} {1} ({2})", FirstName, LastName, EmployeeID);
        }

        #endregion
    }
}

namespace TestProject

{

/// <summary>

/// 직원

/// </summary>

public class Employee

{

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

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

#region 사번 - EmployeeID

/// <summary>

/// 사번

/// </summary>

public int EmployeeID { get; set; }

#endregion

#region 이름 - FirstName

/// <summary>

/// 이름

/// </summary>

public string FirstName { get; set; }

#endregion

#region 성 - LastName

/// <summary>

/// 성

/// </summary>

public string LastName { get; set; }

#endregion

#region 부서 - Department

/// <summary>

/// 부서

/// </summary>

public string Department { get; set; }

#endregion

#region 직함 - Title

/// <summary>

/// 직함

/// </summary>

public string Title { get; set; }

#endregion

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

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

#region 문자열 구하기 - ToString()

/// <summary>

/// 문자열 구하기

/// </summary>

/// <returns>문자열</returns>

public override string ToString()

{

return string.Format("{0} {1} ({2})", FirstName, LastName, EmployeeID);

}

#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:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
    Width="800"
    Height="600"
    Title="MVVM 패턴 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid Margin="10">
        <Grid.RowDefinitions>
            <RowDefinition Height="110px" />
            <RowDefinition Height="*"     />
        </Grid.RowDefinitions>
        <ListBox Name="employeeListBox"
            ItemsSource="{Binding EmployeeList}"
            SelectedItem="{Binding SelectedEmployee}">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="SelectionChanged">
                    <i:InvokeCommandAction
                        Command="{Binding SelectionChangedCommand}"
                        CommandParameter="{Binding ElementName=employeeListBox, Path=SelectedValue}" />
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </ListBox>
        <Grid
            Grid.Row="1"
            DataContext="{Binding SelectedEmployee}">
            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="80" />
                <ColumnDefinition Width="*"  />
            </Grid.ColumnDefinitions>
                <Label Grid.Row="0" Grid.Column="0">First Name</Label>
                <Label Grid.Row="1" Grid.Column="0">Last Name</Label>
                <Label Grid.Row="2" Grid.Column="0">Title</Label>
                <Label Grid.Row="3" Grid.Column="0">Department</Label>
                <TextBox Grid.Row="0" Grid.Column="1" Text="{Binding Path=FirstName , Mode=TwoWay}" />
                <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding Path=LastName  , Mode=TwoWay}" />
                <TextBox Grid.Row="2" Grid.Column="1" Text="{Binding Path=Title     , Mode=TwoWay}" />
                <TextBox Grid.Row="3" Grid.Column="1" Text="{Binding Path=Department, Mode=TwoWay}" />
            </Grid>
    </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:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"

Width="800"

Height="600"

Title="MVVM 패턴 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<ListBox Name="employeeListBox"

ItemsSource="{Binding EmployeeList}"

SelectedItem="{Binding SelectedEmployee}">

<i:Interaction.Triggers>

<i:EventTrigger EventName="SelectionChanged">

<i:InvokeCommandAction

Command="{Binding SelectionChangedCommand}"

CommandParameter="{Binding ElementName=employeeListBox, Path=SelectedValue}" />

</i:EventTrigger>

</i:Interaction.Triggers>

</ListBox>

<Grid

Grid.Row="1"

DataContext="{Binding SelectedEmployee}">

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Label Grid.Row="0" Grid.Column="0">First Name</Label>

<Label Grid.Row="2" Grid.Column="0">Title</Label>

<Label Grid.Row="3" Grid.Column="0">Department</Label>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

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

        #region 생성자 - MainWindow()

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

            DataContext = new MainWindowViewModel();
        }

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

DataContext = new MainWindowViewModel();

}

#endregion

}

▶ MainWindowViewModel.cs


using System.Collections.Generic;
using System.ComponentModel;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우 뷰 모델
    /// </summary>
    public class  MainWindowViewModel : INotifyPropertyChanged
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Event
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 속성 변경시 - PropertyChanged

        /// <summary>
        /// 속성 변경시
        /// </summary>
        public event PropertyChangedEventHandler PropertyChanged;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

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

        /// <summary>
        /// 선택 직원
        /// </summary>
        private Employee selectedEmployee = null;

        #endregion

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

        #region 직원 리스트 - EmployeeList

        /// <summary>
        /// 직원 리스트
        /// </summary>
        public List<Employee> EmployeeList
        {
            get
            {
                return this.employeeList;
            }
            set
            {
                if(this.employeeList == value)
                {
                    return;
                }

                this.employeeList = value;

                FirePropertyChangedEvent("EmployeeList");
            }
        }

        #endregion
        #region 선택 직원 - SelectedEmployee

        /// <summary>
        /// 선택 직원
        /// </summary>
        public Employee SelectedEmployee
        {
            get
            {
                return this.selectedEmployee;
            }
            set
            {
                if(this.selectedEmployee == value)
                {
                    return;
                }

                this.selectedEmployee = value;

                FirePropertyChangedEvent("SelectedEmployee");
            }
        }

        #endregion
        #region 선택 변경시 명령 - SelectionChangedCommand

        /// <summary>
        /// 선택 변경시 명령
        /// </summary>
        public RelayCommand SelectionChangedCommand { get; set; }

        #endregion

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

        #region 생성자 - MainWindowViewModel()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindowViewModel()
        {
            List<Employee> employeeList = new List<Employee>();

            employeeList.Add
            (
                new Employee()
                {
                    EmployeeID = 1,
                    FirstName  = "John",
                    LastName   = "Dow",
                    Title      = "Accountant",
                    Department = "Payroll"
                }
            );

            employeeList.Add
            (
                new Employee()
                {
                    EmployeeID = 2,
                    FirstName  = "Jane",
                    LastName   = "Austin",
                    Title      = "Accountant Executive",
                    Department = "Employee Management"
                }
            );

            employeeList.Add
            (
                new Employee()
                {
                    EmployeeID = 3,
                    FirstName  = "Ralph",
                    LastName   = "Emmerson",
                    Title      = "QA Manager",
                    Department = "Product Development"
                }
            );

            employeeList.Add
            (
                new Employee()
                {
                    EmployeeID = 4,
                    FirstName  = "Patrick",
                    LastName   = "Fitzgerald",
                    Title      = "QA Manager",
                    Department = "Product Development"
                }
            );

            employeeList.Add
            (
                new Employee()
                {
                    EmployeeID = 5,
                    FirstName  = "Charles",
                    LastName   = "Dickens",
                    Title      = "QA Manager",
                    Department = "Product Development"
                }
            );

            EmployeeList = employeeList;

            SelectionChangedCommand = new RelayCommand(SelectionChangedCommand_Executed);
        }

        #endregion

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

        #region 선택 변경시 명령 실행시 처리하기 - SelectionChangedCommand_Executed(parameter)

        /// <summary>
        /// 선택 변경시 명령 실행시 처리하기
        /// </summary>
        /// <param name="parameter">매개 변수</param>
        public void SelectionChangedCommand_Executed(object parameter)
        {
            SelectedEmployee = parameter as Employee;
        }

        #endregion

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

        #region 속성 변경시 이벤트 발생시키기 - FirePropertyChangedEvent(propertyName)

        /// <summary>
        /// 속성 변경시 이벤트 발생시키기
        /// </summary>
        /// <param name="propertyName">속성명</param>
        protected void FirePropertyChangedEvent(string propertyName)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

using System.Collections.Generic;

using System.ComponentModel;

namespace TestProject

{

/// <summary>

/// 메인 윈도우 뷰 모델

/// </summary>

public class MainWindowViewModel : INotifyPropertyChanged

{

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

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

#region 속성 변경시 - PropertyChanged

/// <summary>

/// 속성 변경시

/// </summary>

public event PropertyChangedEventHandler PropertyChanged;

#endregion

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

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

#region Field

/// <summary>

/// 직원 리스트

/// </summary>

private List<Employee> employeeList = null;

/// <summary>

/// 선택 직원

/// </summary>

private Employee selectedEmployee = null;

#endregion

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

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

#region 직원 리스트 - EmployeeList

/// <summary>

/// 직원 리스트

/// </summary>

public List<Employee> EmployeeList

{

get

{

return this.employeeList;

}

set

{

if(this.employeeList == value)

{

return;

}

this.employeeList = value;

FirePropertyChangedEvent("EmployeeList");

}

#endregion

#region 선택 직원 - SelectedEmployee

/// <summary>

/// 선택 직원

/// </summary>

public Employee SelectedEmployee

{

get

{

return this.selectedEmployee;

}

set

{

if(this.selectedEmployee == value)

{

return;

}

this.selectedEmployee = value;

FirePropertyChangedEvent("SelectedEmployee");

}

#endregion

#region 선택 변경시 명령 - SelectionChangedCommand

/// <summary>

/// 선택 변경시 명령

/// </summary>

public RelayCommand SelectionChangedCommand { get; set; }

#endregion

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

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

#region 생성자 - MainWindowViewModel()

/// <summary>

/// 생성자

/// </summary>

public MainWindowViewModel()

{

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

employeeList.Add

(

new Employee()

{

EmployeeID = 1,

FirstName = "John",

LastName = "Dow",

Title = "Accountant",

Department = "Payroll"

}

);

employeeList.Add

(

new Employee()

{

EmployeeID = 2,

FirstName = "Jane",

LastName = "Austin",

Title = "Accountant Executive",

Department = "Employee Management"

}

);

employeeList.Add

(

new Employee()

{

EmployeeID = 3,

FirstName = "Ralph",

LastName = "Emmerson",

Title = "QA Manager",

Department = "Product Development"

}

);

employeeList.Add

(

new Employee()

{

EmployeeID = 4,

FirstName = "Patrick",

LastName = "Fitzgerald",

Title = "QA Manager",

Department = "Product Development"

}

);

employeeList.Add

(

new Employee()

{

EmployeeID = 5,

FirstName = "Charles",

LastName = "Dickens",

Title = "QA Manager",

Department = "Product Development"

}

);

EmployeeList = employeeList;

SelectionChangedCommand = new RelayCommand(SelectionChangedCommand_Executed);

}

#endregion

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

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

#region 선택 변경시 명령 실행시 처리하기 - SelectionChangedCommand_Executed(parameter)

/// <summary>

/// 선택 변경시 명령 실행시 처리하기

/// </summary>

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

public void SelectionChangedCommand_Executed(object parameter)

{

SelectedEmployee = parameter as Employee;

}

#endregion

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

#region 속성 변경시 이벤트 발생시키기 - FirePropertyChangedEvent(propertyName)

/// <summary>

/// 속성 변경시 이벤트 발생시키기

/// </summary>

/// <param name="propertyName">속성명</param>

protected void FirePropertyChangedEvent(string propertyName)

{

PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));

}

#endregion

}

TestProject.zip