■ TextEdit 엘리먼트의 DisplayFormatString 속성을 사용해 복합 포맷을 설정하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
1 2 3 4 5 6 7 8 9 10 11 |
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:TextEdit x:Name="textEdit" Width="200" Height="30" FontFamily="바탕체" FontSize="16" DisplayFormatString="ID {0}" EditValue="00075" /> </Grid> |
■ TextEdit 엘리먼트의 EditValue 속성에 바인딩을 설정하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:TextEdit x:Name="textEdit" Width="200" Height="90" FontFamily="바탕체" FontSize="16" VerticalContentAlignment="Top" AcceptsReturn="True" ValidateOnTextInput="True" EditValue="{Binding Text, UpdateSourceTrigger=PropertyChanged}" /> </Grid> |
■ TextEdit 엘리먼트에서 SQL Server DECIMAL(18, 2) 타입 숫자를 입력하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<Grid xmlns:s="clr-namespace:System;assembly=mscorlib" xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:TextEdit x:Name="decimalTextEdit" Width="230" Height="30" FontFamily="바탕체" FontSize="16" HorizontalContentAlignment="Right" MaskType="Numeric" Mask="###,###,###,###,###,##0.00" MaskUseAsDisplayFormat="True"> <dxe:TextEdit.EditValue> <s:Decimal>0</s:Decimal> </dxe:TextEdit.EditValue> </dxe:TextEdit> </Grid> |
※ 양수/음수에 관계없이 정수 부분은
■ DateEdit 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
1 2 3 4 5 6 7 8 9 |
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:DateEdit x:Name="shortDateDateEdit" Width="120" Height="30" FontFamily="바탕체" FontSize="16" /> </Grid> |
■ SpinEdit 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
1 2 3 4 5 6 7 8 9 |
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:SpinEdit x:Name="currencySpinEdit" Width="200" Height="30" FontFamily="바탕체" FontSize="16" /> </Grid> |
■ DataViewBase 클래스의 MoveColumnTo 메소드를 사용해 컬럼을 이동하는 방법을 보여준다. ▶ 예제 코드 (C#)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
using DevExpress.Xpf.Grid; ... /// <summary> /// 그리드 컨트롤 /// </summary> private GridControl gridControl = null; /// <summary> /// 테이블 뷰 /// </summary> private TableView tableView = null; ... GridColumn gridColumn = this.gridControl.View.ColumnChooserColumns[0] as GridColumn; if(gridColumn != null) { this.gridControl.View.MoveColumnTo ( gridColumn, 1, HeaderPresenterType.ColumnChooser, HeaderPresenterType.Headers ); } ... |
■ DXWindow 클래스에서 레이아웃 설정을 로드하고 저장하는 방법을 보여준다. ▶ 예제 코드 (C#)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 |
using System.ComponentModel; using System.Windows; using DevExpress.Xpf.Core; using DevExpress.Xpf.Core.Serialization; /// <summary> /// 테스트 DX 윈도우 /// </summary> public partial class TestDXWindow : DXWindow { ... Loaded += dxWindow_Loaded; Closing += dxWindow_Closing; ... #region DX 윈도우 로드시 처리하기 - dxWindow_Loaded(sender, e) /// <summary> /// DX 윈도우 로드시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void dxWindow_Loaded(object sender, RoutedEventArgs e) { string filePath = "c:\\layout.xml"; string applicationName = "TestApplication"; DXSerializer.Deserialize(this, filePath, applicationName, null); } #endregion ... #region DX 윈도우 닫을 경우 처리하기 - dxWindow_Closing(sender, e) /// <summary> /// DX 윈도우 닫을 경우 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void dxWindow_Closing(object sender, CancelEventArgs e) { string filePath = "c:\\layout.xml"; string applicationName = "TestApplication"; DXSerializer.Serialize(this, filePath, applicationName, null); } ... } |
■ GroupBox 엘리먼트를 사용하는 기본적인 방법을 보여준다. ▶ 예제 코드 (XAML)
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<Grid xmlns:dxlc="http://schemas.devexpress.com/winfx/2008/xaml/layoutcontrol"> <dxlc:GroupBox x:Name="groupBox" FontSize="16" Header="Standard Specifiers" Padding="10"> ... </dxlc:GroupBox> </Grid> |
■ ThemeManager 클래스의 ApplicationThemeName 속성을 사용해 테마를 설정하는 방법을 보여준다. ▶ 예제 코드 (C#)
|
1 2 3 4 5 |
using DevExpress.Xpf.Core; ThemeManager.ApplicationThemeName = "TouchlineDark"; |
■ ViewModelExtensions 클래스의 Parameter 첨부 속성을 사용해 뷰 모델 간 데이터를 공유하는 방법을 보여준다. ▶ User.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 |
namespace TestProject { /// <summary> /// 사용자 /// </summary> public class User { //////////////////////////////////////////////////////////////////////////////////////////////////// Field ////////////////////////////////////////////////////////////////////////////////////////// Static //////////////////////////////////////////////////////////////////////////////// Public #region Field /// <summary> /// 사용자 배열 /// </summary> public static User[] UserArray = new User[] { new User() { FirstName = "Nancy" , LastName = "Davolio" , Country = "USA" , City = "Los Angeles"}, new User() { FirstName = "Andrew", LastName = "Fuller" , Country = "UK" , City = "London" }, new User() { FirstName = "Laura" , LastName = "Callahan", Country = "Australia" , City = "Sydney" }, }; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 이름 - FirstName /// <summary> /// 이름 /// </summary> public string FirstName { get; set; } #endregion #region 성 - LastName /// <summary> /// 성 /// </summary> public string LastName { get; set; } #endregion #region 전체 이름 - FullName /// <summary> /// 전체 이름 /// </summary> public string FullName { get { return FirstName + " " + LastName; } } #endregion #region 국가 - Country /// <summary> /// 국가 /// </summary> public string Country { get; set; } #endregion #region 도시 - City /// <summary> /// 도시 /// </summary> public string City { get; set; } #endregion } } |
▶ DetailViewModel.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 |
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 = pParameter as User; } } #endregion } } |
▶ DetailView.xaml
■ EventToCommand 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<Window x:Class="HowToNavigateBetweenViewsViaFrameNavigationService.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:local="clr-namespace:HowToNavigateBetweenViewsViaFrameNavigationService" Title="FrameNavigationService" Width="600" Height="450"> <Window.DataContext> <local:MainViewModel /> </Window.DataContext> <dxm:Interaction.Triggers> <dxm:EventToCommand EventName="Loaded" Command="{Binding WindowLoadedCommand}" /> </dxm:Interaction.Triggers> ... </Window> |
▶ 예제 코드 (C#)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
/// <summary> /// 메인 뷰 모델 /// </summary> public class MainViewModel : ViewModelBase { //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 윈도우 로드시 명령 - WindowLoadedCommand /// <summary> /// 윈도우 로드시 명령 /// </summary> public ICommand WindowLoadedCommand { get; private set; } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - MainViewModel() /// <summary> /// 생성자 /// </summary> public MainViewModel() { WindowLoadedCommand = new DelegateCommand(OnWindowLoadedCommandExecute); } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Private #region 윈도우 로드시 명령 실행시 처리하기 - OnWindowLoadedCommandExecute() /// <summary> /// 윈도우 로드시 명령 실행시 처리하기 /// </summary> private void OnWindowLoadedCommandExecute() { ServiceContainer.GetService<INavigationService>().Navigate("HomeView", null, this); } #endregion } |
■ DXSplashScreenService 엘리먼트를 사용하는 방법을 보여준다. ▶ SplashScreenWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 |
<Window x:Class="TestProject.SplashScreenWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" ShowInTaskbar="False" Topmost="True" WindowStyle="None" ResizeMode="NoResize" Width="800" Height="600" AllowsTransparency="True" Background="Transparent"> <Window.Triggers> <EventTrigger RoutedEvent="Window.Unloaded"> <BeginStoryboard> <Storyboard x:Name="storyboard"> <DoubleAnimation Storyboard.TargetName="splashWindow" Storyboard.TargetProperty="Opacity" From="1.0" To="0" Duration="0:0:0.5" /> </Storyboard> </BeginStoryboard> </EventTrigger> </Window.Triggers> <Grid x:Name="layoutGrid"> <Grid x:Name="splashGrid" HorizontalAlignment="Center" VerticalAlignment="Top" Width="450" Margin="0 100 0 0"> <Grid x:Name="shadowGrid" Margin="-10 -10 -10 -11"> <Grid.Background> <ImageBrush ImageSource="Images/shadow.png" /> </Grid.Background> </Grid> <Grid x:Name="backgroundGrid"> <Border Background="Black" CornerRadius="3" Opacity="0.15" /> <Border Margin="1" CornerRadius="2" Background="White" /> </Grid> <Grid x:Name="contentGrid" Margin="12"> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="Auto" /> <RowDefinition Height="*" /> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <Image x:Name="mainImage" Source="Images/main.png" Stretch="None" /> <TextBlock x:Name="messageTextBlock" Grid.Row="1" Margin="0 12 0 0" Foreground="#ff2d2d2d" TextWrapping="Wrap" Text="DevExpress engineers feature-complete Presentation Controls, IDE Productivity Tools, Business Application Frameworks, and Reporting Systems for Visual Studio. Whether using WPF, Silverlight, ASP.NET or WinForms, DevExpress tools help you build and deliver your best in the shortest time possible." /> <ProgressBar x:Name="progressBar" Grid.Row="2" Margin="32 12" Height="12" /> <DockPanel x:Name="footerDockPanel" Grid.Row="3" Margin="0 12 0 0"> <TextBlock x:Name="footerTextBlock" HorizontalAlignment="Left" VerticalAlignment="Bottom" Opacity="0.5" Foreground="#ff2d2d2d" TextWrapping="Wrap" Text="Copyright © 1998-2013 Developer Express Inc." /> <Image x:Name="logoImage" DockPanel.Dock="Right" HorizontalAlignment="Right" Stretch="None" Source="Images/logo.png" /> </DockPanel> </Grid> </Grid> </Grid> </Window> |
▶ SplashScreenWindow.xaml.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 |
using System; using System.Windows; using DevExpress.Xpf.Core; namespace TestProject { /// <summary> /// 스플래시 /// </summary> public partial class SplashScreenWindow : Window, ISplashScreen { //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - SplashScreenWindow() /// <summary> /// 생성자 /// </summary> public SplashScreenWindow() { InitializeComponent(); this.storyboard.Completed += storyboard_Completed; } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public // ISplashScreen #region 진행하기 - Progress(value) /// <summary> /// 진행하기 /// </summary> /// <param name="value">값</param> public void Progress(double value) { this.progressBar.Value = value; } #endregion // ISplashScreen #region 스플래시 화면 닫기 - CloseSplashScreen() /// <summary> /// 스플래시 화면 닫기 /// </summary> public void CloseSplashScreen() { this.storyboard.Begin(this); } #endregion // ISplashScreen #region 진행 상태 설정하기 - SetProgressState(isIndeterminate) /// <summary> /// 진행 상태 설정하기 /// </summary> /// <param name="isIndeterminate">미결정 여부</param> public void SetProgressState(bool isIndeterminate) { this.progressBar.IsIndeterminate = isIndeterminate; } #endregion ////////////////////////////////////////////////////////////////////////////////////////// Private #region 스토리 보드 완료시 처리하기 - storyboard_Completed(sender, e) /// <summary> /// 스토리 보드 완료시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void storyboard_Completed(object sender, EventArgs e) { this.storyboard.Completed -= storyboard_Completed; Close(); } #endregion } } |
▶ MainViewModel.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 |
using System; using System.Threading; using System.Windows.Input; using DevExpress.Xpf.Mvvm; namespace TestProject { /// <summary> /// 메인 뷰 모델 /// </summary> public class MainViewModel : ViewModelBase { //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region Show Splash Screen 명령 - ShowSplashScreenCommand /// <summary> /// Show Splash Screen 명령 /// </summary> public ICommand ShowSplashScreenCommand { get; private set; } #endregion #region 스플래시 화면 서비스 - SplashScreenService /// <summary> /// 스플래시 화면 서비스 /// </summary> ISplashScreenService SplashScreenService { get { return GetService<ISplashScreenService>(); } } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - MainViewModel() /// <summary> /// 생성자 /// </summary> public MainViewModel() { ShowSplashScreenCommand = new DelegateCommand(OnShowSplashScreenCommandExecute); } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Private #region Show Splash Screen 명령 실행시 처리하기 - OnShowSplashScreenCommandExecute() /// <summary> /// Show Splash Screen 명령 실행시 처리하기 /// </summary> private void OnShowSplashScreenCommandExecute() { if(!SplashScreenService.IsSplashScreenActive) { SplashScreenService.ShowSplashScreen(); Thread.Sleep(TimeSpan.FromSeconds(3)); SplashScreenService.HideSplashScreen(); } } #endregion } } |
▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
<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" Title="DXSplashScreenService" Width="600" Height="450"> <Window.DataContext> <local:MainViewModel /> </Window.DataContext> <dxm:Interaction.Behaviors> <dx:DXSplashScreenService SplashScreenType="{x:Type local:SplashScreenWindow}" /> </dxm:Interaction.Behaviors> <Grid> <Button HorizontalAlignment="Center" VerticalAlignment="Center" Padding="5" FontSize="16" Content="Show Splash Screen" Command="{Binding ShowSplashScreenCommand}" /> </Grid> </Window> |
■ DialogService 엘리먼트를 사용하는 방법을 보여준다. ▶ DialogViewModel.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 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 |
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 userName; /// <summary> /// 대화 상자 닫기 가능 여부 /// </summary> private bool canCloseDialog = false; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 사용자명 - UserName /// <summary> /// 사용자명 /// </summary> public string UserName { get { return this.userName; } set { SetProperty(ref this.userName, value, () => UserName); } } #endregion #region 대화 상자 닫기 가능 여부 - CanCloseDialog /// <summary> /// 대화 상자 닫기 가능 여부 /// </summary> public bool CanCloseDialog { get { return this.canCloseDialog; } set { SetProperty(ref this.canCloseDialog, 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="pCancelEventArgs">이벤트 인자</param> private void e(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 } } |
▶ DialogView.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<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> |
▶ MainViewModel.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 |
using System.Windows; 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 uiCommand = DialogService.ShowDialog(DialogViewModel.DialogUICommandList, "User name", DialogViewModel); if(uiCommand != null) { MessageBoxService.Show("Dialog Clicked Button: " + uiCommand.Caption + ", "); } } #endregion } } |
▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 |
<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" Title="DialogService" Width="600" Height="450"> <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> |
■ DelegateCommand 클래스를 사용하는 방법을 보여준다. ▶ 예제 코드 (C#)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 |
using System.Windows.Input; using DevExpress.Xpf.Mvvm; /// <summary> /// 바인딩 가능한 객체 /// </summary> public class BindableObject : BindableBase { //////////////////////////////////////////////////////////////////////////////////////////////////// Field ////////////////////////////////////////////////////////////////////////////////////////// Private #region Field /// <summary> /// 정수 속성 /// </summary> private int integerProperty; /// <summary> /// 명령 1 /// </summary> private ICommand command1; /// <summary> /// 명령 2 /// </summary> private ICommand command2; /// <summary> /// 명령 3 /// </summary> private ICommand command3; /// <summary> /// 명령 4 /// </summary> private ICommand command4; /// <summary> /// 명령 5 /// </summary> private DelegateCommand command5; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 정수 속성 - IntegerProperty /// <summary> /// 정수 속성 /// </summary> public int IntegerProperty { get { return this.integerProperty; } set { SetProperty(ref this.integerProperty, value, () => IntegerProperty, () => Command5.RaiseCanExecuteChanged()); } } #endregion #region 명령 1 - Command1 /// <summary> /// 명령 1 /// </summary> public ICommand Command1 { get { if(this.command1 == null) { this.command1 = new DelegateCommand(OnCommand1Execute); } return this.command1; } } #endregion #region 명령 2 - Command2 /// <summary> /// 명령 2 /// </summary> public ICommand Command2 { get { if(command2 == null) { this.command2 = new DelegateCommand(OnCommand2Execute, OnCommand2CanExecute); } return this.command2; } } #endregion #region 명령 3 - Command3 /// <summary> /// 명령 3 /// </summary> public ICommand Command3 { get { if(this.command3 == null) { this.command3 = new DelegateCommand<object>(OnCommand3Execute, OnCommand3CanExecute); } return this.command3; } } #endregion #region 명령 4 - Command4 /// <summary> /// 명령 4 /// </summary> public ICommand Command4 { get { if(this.command4 == null) { this.command4 = new DelegateCommand<int>(OnCommand4Execute, OnCommand4CanExecute); } return this.command4; } } #endregion // 정수 속성 값 설정시 명령 5 실행 가능 여부 조사 요청 처리를 위해 ICommand가 아닌 DelegateCommand로 정의된다. #region 명령 5 - Command5 /// <summary> /// 명령 5 /// </summary> public DelegateCommand Command5 { get { if(this.command5 == null) { this.command5 = new DelegateCommand(OnCommand5Execute, OnCommand5CanExecute); } return this.command5; } } #endregion // 생성자에서 초기화 한다. #region 명령 6 - Command6 /// <summary> /// 명령 6 /// </summary> public ICommand Command6 { get; private set; } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - BindableObject() /// <summary> /// 생성자 /// </summary> public BindableObject() { Command6 = new DelegateCommand(() => { /* 처리 코드 */ ; }); } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Private #region 명령 1 실행시 처리하기 - OnCommand1Execute() /// <summary> /// 명령 1 실행시 처리하기 /// </summary> private void OnCommand1Execute() { } #endregion #region 명령 2 실행시 처리하기 - OnCommand2Execute() /// <summary> /// 명령 2 실행시 처리하기 /// </summary> private void OnCommand2Execute() { } #endregion #region 명령 2 실행 가능 여부 조사시 처리하기 - OnCommand2CanExecute() /// <summary> /// 명령 2 실행 가능 여부 조사시 처리하기 /// </summary> /// <returns>명령 2 실행 가능 여부</returns> private bool OnCommand2CanExecute() { return true; } #endregion #region 명령 3 실행시 처리하기 - OnCommand3Execute(parameter) /// <summary> /// 명령 3 실행시 처리하기 /// </summary> /// <param name="parameter">매개 변수</param> private void OnCommand3Execute(object parameter) { } #endregion #region 명령 3 실행 가능 여부 조사시 처리하기 - OnCommand3CanExecute(parameter) /// <summary> /// 명령 3 실행 가능 여부 조사시 처리하기 /// </summary> /// <param name="parameter">매개 변수</param> /// <returns>명령 3 실행 가능 여부</returns> private bool OnCommand3CanExecute(object parameter) { return true; } #endregion #region 명령 4 실행시 처리하기 - OnCommand4Execute(parameter) /// <summary> /// 명령 4 실행시 처리하기 /// </summary> /// <param name="parameter">매개 변수</param> private void OnCommand4Execute(int parameter) { } #endregion #region 명령 4 실행 가능 여부 조사시 처리하기 - OnCommand4CanExecute(parameter) /// <summary> /// 명령 4 실행 가능 여부 조사시 처리하기 /// </summary> /// <param name="parameter">매개 변수</param> /// <returns>명령 4 실행 가능 여부</returns> private bool OnCommand4CanExecute(int parameter) { return true; } #endregion #region 명령 5 실행시 처리하기 - OnCommand5Execute() /// <summary> /// 명령 5 실행시 처리하기 /// </summary> private void OnCommand5Execute() { } #endregion #region 명령 5 실행 가능 여부 조사시 처리하기 - OnCommand5CanExecute() /// <summary> /// 명령 5 실행 가능 여부 조사시 처리하기 /// </summary> /// <returns>명령 5 실행 가능 여부</returns> private bool OnCommand5CanExecute() { return IntegerProperty % 2 == 0; } #endregion } |
■ BindableBase 클래스를 사용하는 방법을 보여준다. ▶ 예제 코드 (C#)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 |
using DevExpress.Xpf.Mvvm; /// <summary> /// 바인딩 가능한 객체 /// </summary> public class BindableObject : BindableBase { //////////////////////////////////////////////////////////////////////////////////////////////////// Field ////////////////////////////////////////////////////////////////////////////////////////// Private #region Field /// <summary> /// 문자열 속성 1 /// </summary> private string stringProperty1; /// <summary> /// 문자열 속성 2 /// </summary> private string stringProperty2; /// <summary> /// 문자열 속성 3 /// </summary> private string stringProperty3; /// <summary> /// 문자열 속성 4 /// </summary> private string stringProperty4; /// <summary> /// 문자열 속성 5 /// </summary> private string stringProperty5; /// <summary> /// 문자열 속성 6 /// </summary> private string stringProperty6; /// <summary> /// 문자열 속성 7 /// </summary> private string stringProperty7; /// <summary> /// 문자열 속성 8 /// </summary> private string stringProperty8; /// <summary> /// 문자열 속성 9 /// </summary> private string stringProperty9; /// <summary> /// 문자열 속성 10 /// </summary> private string stringProperty10; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 문자열 속성 1 - StringProperty1 /// <summary> /// 문자열 속성 1 /// </summary> public string StringProperty1 { get { return this.stringProperty1; } set { SetProperty(ref this.stringProperty1, value, () => StringProperty1); } } #endregion #region 문자열 속성 2 - StringProperty2 /// <summary> /// 문자열 속성 2 /// </summary> public string StringProperty2 { get { return this.stringProperty2; } set { SetProperty(ref this.stringProperty2, value, "StringProperty2"); } } #endregion #region 문자열 속성 3 - StringProperty3 /// <summary> /// 문자열 속성 3 /// </summary> public string StringProperty3 { get { return this.stringProperty3; } set { SetProperty(ref this.stringProperty3, value, () => StringProperty3, OnStringProperty3Changed); } } #endregion #region 문자열 속성 4 - StringProperty4 /// <summary> /// 문자열 속성 4 /// </summary> public string StringProperty4 { get { return this.stringProperty4; } set { SetProperty(ref this.stringProperty4, value, () => StringProperty4, () => OnStringProperty4Changed()); } } #endregion #region 문자열 속성 5 - StringProperty5 /// <summary> /// 문자열 속성 5 /// </summary> public string StringProperty5 { get { return this.stringProperty5; } set { if(SetProperty(ref this.stringProperty5, value, () => StringProperty5)) { // 속성이 변경되면 SetProperty 메소드가 true를 반환한다. } } } #endregion #region 문자열 속성 6 - StringProperty6 /// <summary> /// 문자열 속성 6 /// </summary> public string StringProperty6 { get { return this.stringProperty6; } set { if(this.stringProperty6 == value) { return; } this.stringProperty6 = value; RaisePropertyChanged("StringProperty6"); } } #endregion #region 문자열 속성 7 - StringProperty7 /// <summary> /// 문자열 속성 7 /// </summary> public string StringProperty7 { get { return this.stringProperty7; } set { if(this.stringProperty7 == value) { return; } this.stringProperty7 = value; RaisePropertyChanged(() => StringProperty7); } } #endregion #region 문자열 속성 8 - StringProperty8 /// <summary> /// 문자열 속성 8 /// </summary> public string StringProperty8 { get { return this.stringProperty8; } set { SetProperty(ref this.stringProperty8, value, () => StringProperty8, () => RaisePropertiesChanged(() => StringProperty1, () => StringProperty2)); } } #endregion #region 문자열 속성 9 - StringProperty9 /// <summary> /// 문자열 속성 9 /// </summary> public string StringProperty9 { get { return this.stringProperty9; } set { if(SetProperty(ref this.stringProperty9, value, () => StringProperty9)) { RaisePropertiesChanged(() => StringProperty1, () => StringProperty2); } } } #endregion #region 문자열 속성 10 - StringProperty10 /// <summary> /// 문자열 속성 10 /// </summary> public string StringProperty10 { get { return this.stringProperty10; } set { if(SetProperty(ref this.stringProperty10, value, () => StringProperty10)) { RaisePropertiesChanged("StringProperty", "StringProperty2"); } } } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Private #region 문자열 속성 3 변경시 처리하기 - OnStringProperty3Changed() /// <summary> /// 문자열 속성 3 변경시 처리하기 /// </summary> private void OnStringProperty3Changed() { } #endregion #region 문자열 속성 4 변경시 처리하기 - OnStringProperty4Changed() /// <summary> /// 문자열 속성 4 변경시 처리하기 /// </summary> private void OnStringProperty4Changed() { } #endregion } |
※ BindableBase 클래스는 System.ComponentModel.INotifyPropertyChanged 인터페이스를 구현한다.
■ CheckEdit 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
1 2 3 4 5 6 7 |
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:CheckEdit Content="Can Close Dialog" EditValue="{Binding CanCloseDialog}" /> </Grid> |
■ DXMessageBoxService 엘리먼트를 사용하는 방법을 보여준다. ▶ MainViewModel.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 |
using System.Windows; using System.Windows.Input; using DevExpress.Xpf.Mvvm; namespace HowToUseDXMessageBoxService { /// <summary> /// 메인 뷰 모델 /// </summary> public class MainViewModel : ViewModelBase { //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region Show Message Box 명령 - ShowMessageBoxCommand /// <summary> /// Show Message Box 명령 /// </summary> public ICommand ShowMessageBoxCommand { get; private set; } #endregion ////////////////////////////////////////////////////////////////////////////////////////// Protected #region 메시지 박스 서비스 - MessageBoxService /// <summary> /// 메시지 박스 서비스 /// </summary> protected IMessageBoxService MessageBoxService { get { return GetService<IMessageBoxService>(); } } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - MainViewModel() /// <summary> /// 생성자 /// </summary> public MainViewModel() { ShowMessageBoxCommand = new DelegateCommand(OnShowMessageBoxCommandExecute); } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Private #region Show Message Box 명령 실행시 처리하기 - OnShowMessageBoxCommandExecute() /// <summary> /// Show Message Box 명령 실행시 처리하기 /// </summary> private void OnShowMessageBoxCommandExecute() { MessageBoxService.Show ( "This is a message box", "Information", MessageBoxButton.OK, MessageBoxImage.Information ); } #endregion } } |
▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
<Window x:Class="HowToUseDXMessageBoxService.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:HowToUseDXMessageBoxService" Title="Message Box Service" Width="600" Height="450"> <Window.DataContext> <local:MainViewModel /> </Window.DataContext> <dxm:Interaction.Behaviors> <dx:DXMessageBoxService /> </dxm:Interaction.Behaviors> <Grid> <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Orientation="Vertical"> <Button Margin="10" Padding="5" FontSize="16" Content="Show Message Box" Command="{Binding ShowMessageBoxCommand}"/> </StackPanel> </Grid> </Window> |
■ PageAdornerControl 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<Grid xmlns:dxwui="http://schemas.devexpress.com/winfx/2008/xaml/windowsui"> <dxwui:PageAdornerControl Header="Details" Padding="10"> <Button Content="Back" HorizontalAlignment="Right" VerticalAlignment="Bottom" Width="75" Command="{Binding NavigateBackCommand}" /> </dxwui:PageAdornerControl> </Grid> |
■ FrameNavigationService 엘리먼트를 사용하는 방법을 보여준다. ▶ HomeViewModel.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 |
using System.Windows.Input; using DevExpress.Xpf.Mvvm; namespace TestProject { /// <summary> /// 홈 뷰 모델 /// </summary> public class HomeViewModel : ViewModelBase { //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 상세 뷰 탐색 명령 - NavigateDetailViewCommand /// <summary> /// 상세 뷰 탐색 명령 /// </summary> public ICommand NavigateDetailViewCommand { get; private set; } #endregion ////////////////////////////////////////////////////////////////////////////////////////// Private #region 탐색 서비스 - NavigationService /// <summary> /// 탐색 서비스 /// </summary> private INavigationService NavigationService { get { return ServiceContainer.GetService<INavigationService>(); } } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - HomeViewModel() /// <summary> /// 생성자 /// </summary> public HomeViewModel() { NavigateDetailViewCommand = new DelegateCommand(OnNavigateDetailViewCommandExecute); } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Private #region 상세 뷰 탐색 명령 실행시 처리하기 - OnNavigateDetailViewCommandExecute() /// <summary> /// 상세 뷰 탐색 명령 실행시 처리하기 /// </summary> private void OnNavigateDetailViewCommandExecute() { NavigationService.Navigate("DetailView", null, this); } #endregion } } |
▶ HomeView.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<UserControl x:Class="TestProject.HomeView" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:dxlc="http://schemas.devexpress.com/winfx/2008/xaml/layoutcontrol" xmlns:local="clr-namespace:FrameNavigationServiceApplication"> <UserControl.DataContext> <local:HomeViewModel /> </UserControl.DataContext> <Grid> <dxlc:TileLayoutControl> <dxlc:Tile Size="Small" Command="{Binding NavigateDetailViewCommand}"> <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="Details" /> </dxlc:Tile> </dxlc:TileLayoutControl> </Grid> </UserControl> |
▶ DetailViewModel.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 |
using System.Windows.Input; using DevExpress.Xpf.Mvvm; namespace TestProject { /// <summary> /// 상세 뷰 모델 /// </summary> public class DetailViewModel : NavigationViewModelBase { //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region Back 탐색 명령 - NavigateBackCommand /// <summary> /// Back 탐색 명령 /// </summary> public ICommand NavigateBackCommand { get; private set; } #endregion ////////////////////////////////////////////////////////////////////////////////////////// Private #region 탐색 서비스 - NavigationService /// <summary> /// 탐색 서비스 /// </summary> private INavigationService NavigationService { get { return ServiceContainer.GetService<INavigationService>(); } } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - DetailViewModel() /// <summary> /// 생성자 /// </summary> public DetailViewModel() { NavigateBackCommand = new DelegateCommand(OnNavigateBackCommandExecute, OnNavigateBackCommandCanExecute); } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Protected #region 탐색된 경우 처리하기 - OnNavigatedTo() /// <summary> /// 탐색된 경우 처리하기 /// </summary> protected override void OnNavigatedTo() { base.OnNavigatedTo(); (NavigateBackCommand as DelegateCommand).RaiseCanExecuteChanged(); } #endregion ////////////////////////////////////////////////////////////////////////////////////////// Private #region Back 탐색 명령 실행시 처리하기 - OnNavigateBackCommandExecute() /// <summary> /// Back 탐색 명령 실행시 처리하기 /// </summary> private void OnNavigateBackCommandExecute() { NavigationService.GoBack(); } #endregion #region Back 탐색 명령 실행 가능 여부 조사시 처리하기 - OnNavigateBackCommandCanExecute() /// <summary> /// Back 탐색 명령 실행 가능 여부 조사시 처리하기 /// </summary> /// <returns>Back 탐색 명령 실행 가능 여부</returns> private bool OnNavigateBackCommandCanExecute() { return NavigationService != null && NavigationService.CanGoBack; } #endregion } } |
▶ DetailView.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<UserControl x:Class="TestProject.DetailView" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:dxwui="http://schemas.devexpress.com/winfx/2008/xaml/windowsui" xmlns:local="clr-namespace:TestProject"> <UserControl.DataContext> <local:DetailViewModel /> </UserControl.DataContext> <Grid> <dxwui:PageAdornerControl Header="Details" Padding="10"> <Button Content="Back" HorizontalAlignment="Right" VerticalAlignment="Bottom" Width="75" Command="{Binding NavigateBackCommand}" /> </dxwui:PageAdornerControl> </Grid> </UserControl> |
▶ MainViewModel.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 |
using System.Windows.Input; using DevExpress.Xpf.Mvvm; namespace TestProject { /// <summary> /// 메인 뷰 모델 /// </summary> public class MainViewModel : ViewModelBase { //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 윈도우 로드시 명령 - WindowLoadedCommand /// <summary> /// 윈도우 로드시 명령 /// </summary> public ICommand WindowLoadedCommand { get; private set; } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - MainViewModel() /// <summary> /// 생성자 /// </summary> public MainViewModel() { WindowLoadedCommand = new DelegateCommand(OnWindowLoadedCommandExecute); } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Private #region 윈도우 로드시 명령 실행시 처리하기 - OnWindowLoadedCommandExecute() /// <summary> /// 윈도우 로드시 명령 실행시 처리하기 /// </summary> private void OnWindowLoadedCommandExecute() { ServiceContainer.GetService<INavigationService>().Navigate("HomeView", null, this); } #endregion } } |
▶
■ NavigationFrame 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<Window x:Class="HowToNavigateBetweenViewsViaFrameNavigationService.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:dxwui="http://schemas.devexpress.com/winfx/2008/xaml/windowsui" Title="FrameNavigationService" Width="600" Height="450"> <Grid> <dxwui:NavigationFrame x:Name="frame" /> </Grid> </Window> |
■ TileLayoutControl 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<Grid xmlns:dxlc="http://schemas.devexpress.com/winfx/2008/xaml/layoutcontrol"> <dxlc:TileLayoutControl> <dxlc:Tile Size="Small" Command="{Binding NavigateDetailViewCommand}"> <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="Details" /> </dxlc:Tile> </dxlc:TileLayoutControl> </Grid> |
■ TextEdit 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
1 2 3 4 5 6 7 8 9 |
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:TextEdit x:Name="textEdit" Width="200" Height="30" FontFamily="바탕체" FontSize="16" /> </Grid> |
■ GridControl 엘리먼트에서 ICollectionView 데이터 소스를 바인딩하는 방법을 보여준다. ▶ 예제 코드 (C#)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
using System.Collections.Generic; using System.Windows.Data; using System.ComponentModel; /// <summary> /// 뷰 모델 /// </summary> public class ViewModel { //////////////////////////////////////////////////////////////////////////////////////////////////// Field ////////////////////////////////////////////////////////////////////////////////////////// Private #region Field /// <summary> /// 컬렉션 뷰 /// </summary> private ICollectionView collectionView; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 컬렉션 뷰 - CollectionView /// <summary> /// 컬렉션 뷰 /// </summary> public ICollectionView CollectionView { get { if(this.collectionView == null) { List<SampleData> list = new List<SampleData>(); for(int i = 0; i < 100; i++) { list.Add(new SampleData() { Number1 = i, Number2 = i * 10, Text1 = "row " + i, Text2 = "ROW " + i }); } this.collectionView = new ListCollectionView(list); } return this.collectionView; } } #endregion } |
▶ 예제 코드 (XAML)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<Grid xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid" xmlns:local="clr-namespace:HowToBindTheDXGridToICollectionView"> <Grid.DataContext> <local:ViewModel /> </Grid.DataContext> <dxg:GridControl x:Name="gridControl" ItemsSource="{Binding Path=CollectionView}" AutoGenerateColumns="AddNew"> <dxg:GridControl.View> <dxg:TableView IsSynchronizedWithCurrentItem="True" ShowGroupPanel="False" AllowGrouping="False" AutoWidth="True" AllowEditing="False" ShowAutoFilterRow="True" /> </dxg:GridControl.View> </dxg:GridControl> </Grid> |