ViewModelからウィンドウを閉じる
window controlを使用してログインを作成し、作成中のWPFアプリケーションにユーザーがログインできるようにします。
これまで、ユーザーがログイン画面のusernameのpasswordとtextboxのbindingとpropertiesの正しい資格情報を入力したかどうかを確認するメソッドを作成しました。 _[変数]_。
boolメソッドを作成することでこれを達成しました。
public bool CheckLogin()
{
var user = context.Users.Where(i => i.Username == this.Username).SingleOrDefault();
if (user == null)
{
MessageBox.Show("Unable to Login, incorrect credentials.");
return false;
}
else if (this.Username == user.Username || this.Password.ToString() == user.Password)
{
MessageBox.Show("Welcome " + user.Username + ", you have successfully logged in.");
return true;
}
else
{
MessageBox.Show("Unable to Login, incorrect credentials.");
return false;
}
}
public ICommand ShowLoginCommand
{
get
{
if (this.showLoginCommand == null)
{
this.showLoginCommand = new RelayCommand(this.LoginExecute, null);
}
return this.showLoginCommand;
}
}
private void LoginExecute()
{
this.CheckLogin();
}
command内のボタンにbindというxamlもあります。
<Button Name="btnLogin" IsDefault="True" Content="Login" Command="{Binding ShowLoginCommand}" />
ユーザー名とパスワードを入力すると、正しいか間違っているかにかかわらず、適切なコードが実行されます。しかし、ユーザー名とパスワードの両方が正しいときにViewModelからこのウィンドウを閉じるにはどうすればよいですか？
以前にdialog modalを使用してみましたが、うまくいきませんでした。さらに、app.xaml内で、次のような処理を行いました。最初にログインページを読み込み、次にtrueになったら実際のアプリケーションを読み込みます。
private void ApplicationStart(object sender, StartupEventArgs e)
{
Current.ShutdownMode = ShutdownMode.OnExplicitShutdown;
var dialog = new UserView();
if (dialog.ShowDialog() == true)
{
var mainWindow = new MainWindow();
Current.ShutdownMode = ShutdownMode.OnMainWindowClose;
Current.MainWindow = mainWindow;
mainWindow.Show();
}
else
{
MessageBox.Show("Unable to load application.", "Error", MessageBoxButton.OK);
Current.Shutdown(-1);
}
}
質問：ViewModelからログインWindow controlを閉じるにはどうすればよいですか？
前もって感謝します。
CommandParameterを使用して、ViewModelにウィンドウを渡すことができます。以下の例を参照してください。
Windowsをパラメーターとして使用して閉じるCloseWindowメソッドを実装しました。ウィンドウは、CommandParameterを介してViewModelに渡されます。閉じるべきウィンドウに対してx:Nameを定義する必要があることに注意してください。私のXAMLウィンドウでは、Commandを介してこのメソッドを呼び出し、CommandParameterを使用してウィンドウ自体をパラメーターとしてViewModelに渡します。
Command="{Binding CloseWindowCommand, Mode=OneWay}"
CommandParameter="{Binding ElementName=TestWindow}"
ViewModel
public RelayCommand<Window> CloseWindowCommand { get; private set; }
public MainViewModel()
{
this.CloseWindowCommand = new RelayCommand<Window>(this.CloseWindow);
}
private void CloseWindow(Window window)
{
if (window != null)
{
window.Close();
}
}
表示
<Window x:Class="ClientLibTestTool.ErrorView"
x:Name="TestWindow"
xmlns="http://schemas.Microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.Microsoft.com/winfx/2006/xaml"
xmlns:localization="clr-namespace:ClientLibTestTool.ViewLanguages"
DataContext="{Binding Main, Source={StaticResource Locator}}"
Title="{x:Static localization:localization.HeaderErrorView}"
Height="600" Width="800"
ResizeMode="NoResize"
WindowStartupLocation="CenterScreen">
<Grid>
<Button Content="{x:Static localization:localization.ButtonClose}"
Height="30"
Width="100"
Margin="0,0,10,10"
IsCancel="True"
VerticalAlignment="Bottom"
HorizontalAlignment="Right"
Command="{Binding CloseWindowCommand, Mode=OneWay}"
CommandParameter="{Binding ElementName=TestWindow}"/>
</Grid>
</Window>
私はMVVMライトフレームワークを使用していますが、原則はすべてのwpfアプリケーションに適用されることに注意してください。
このソリューションはMVVMパターンに違反しています。これは、ビューモデルがUI実装について何も知らないためです。 MVVMプログラミングパラダイムに厳密に従うには、インターフェイスでビューのタイプを抽象化する必要があります。
MVVM適合ソリューション（以前のEDIT2）
ユーザーCronoは、コメントセクションで有効なポイントに言及しています。
Windowオブジェクトをビューモデルに渡すと、MVVMパターンIMHOが壊れます。これは、VMに表示されている内容を強制的に認識させるためです。
これを解決するには、closeメソッドを含むインターフェイスを導入します。
インターフェース：
public interface ICloseable
{
void Close();
}
リファクタリングされたViewModelは次のようになります。
ViewModel
public RelayCommand<ICloseable> CloseWindowCommand { get; private set; }
public MainViewModel()
{
this.CloseWindowCommand = new RelayCommand<IClosable>(this.CloseWindow);
}
private void CloseWindow(ICloseable window)
{
if (window != null)
{
window.Close();
}
}
ビューでICloseableインターフェイスを参照および実装する必要があります
ビュー（コードビハインド）
public partial class MainWindow : Window, ICloseable
{
public MainWindow()
{
InitializeComponent();
}
}
元の質問に対する回答：（以前のEDIT1）
ログインボタン（CommandParameterを追加）：
<Button Name="btnLogin" IsDefault="True" Content="Login" Command="{Binding ShowLoginCommand}" CommandParameter="{Binding ElementName=LoginWindow}"/>
あなたのコード：
public RelayCommand<Window> CloseWindowCommand { get; private set; } // the <Window> is important for your solution!
public MainViewModel()
{
//initialize the CloseWindowCommand. Again, mind the <Window>
//you don't have to do this in your constructor but it is good practice, thought
this.CloseWindowCommand = new RelayCommand<Window>(this.CloseWindow);
}
public bool CheckLogin(Window loginWindow) //Added loginWindow Parameter
{
var user = context.Users.Where(i => i.Username == this.Username).SingleOrDefault();
if (user == null)
{
MessageBox.Show("Unable to Login, incorrect credentials.");
return false;
}
else if (this.Username == user.Username || this.Password.ToString() == user.Password)
{
MessageBox.Show("Welcome "+ user.Username + ", you have successfully logged in.");
this.CloseWindow(loginWindow); //Added call to CloseWindow Method
return true;
}
else
{
MessageBox.Show("Unable to Login, incorrect credentials.");
return false;
}
}
//Added CloseWindow Method
private void CloseWindow(Window window)
{
if (window != null)
{
window.Close();
}
}
MVVMのままで、Blend SDK（System.Windows.Interactivity）のBehaviorsまたはPrismからのカスタムインタラクションリクエストを使用すると、この種の状況に非常にうまく機能すると思います。
行動ルートに行く場合の一般的な考え方は次のとおりです。
public class CloseWindowBehavior : Behavior<Window>
{
public bool CloseTrigger
{
get { return (bool)GetValue(CloseTriggerProperty); }
set { SetValue(CloseTriggerProperty, value); }
}
public static readonly DependencyProperty CloseTriggerProperty =
DependencyProperty.Register("CloseTrigger", typeof(bool), typeof(CloseWindowBehavior), new PropertyMetadata(false, OnCloseTriggerChanged));
private static void OnCloseTriggerChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
var behavior = d as CloseWindowBehavior;
if (behavior != null)
{
behavior.OnCloseTriggerChanged();
}
}
private void OnCloseTriggerChanged()
{
// when closetrigger is true, close the window
if (this.CloseTrigger)
{
this.AssociatedObject.Close();
}
}
}
次に、ウィンドウで、CloseTriggerを、ウィンドウを閉じたいときに設定されるブール値にバインドします。
<Window x:Class="TestApp.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"
xmlns:local="clr-namespace:TestApp"
Title="MainWindow" Height="350" Width="525">
<i:Interaction.Behaviors>
<local:CloseWindowBehavior CloseTrigger="{Binding CloseTrigger}" />
</i:Interaction.Behaviors>
<Grid>
</Grid>
</Window>
最後に、DataContext/ViewModelには、ウィンドウを次のように閉じたいときに設定するプロパティがあります。
public class MainWindowViewModel : INotifyPropertyChanged
{
private bool closeTrigger;
/// <summary>
/// Gets or Sets if the main window should be closed
/// </summary>
public bool CloseTrigger
{
get { return this.closeTrigger; }
set
{
this.closeTrigger = value;
RaisePropertyChanged("CloseTrigger");
}
}
public MainWindowViewModel()
{
// just setting for example, close the window
CloseTrigger = true;
}
protected void RaisePropertyChanged(string propertyName)
{
if (PropertyChanged != null)
{
PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
}
}
public event PropertyChangedEventHandler PropertyChanged;
}
（Window.DataContext = new MainWindowViewModel（）を設定します）
通常、これを行う必要があるときにビューモデルにイベントを配置し、ビューモデルをウィンドウにバインドするときにWindow.Close()に接続します
public class LoginViewModel
{
public event EventHandler OnRequestClose;
private void Login()
{
// Login logic here
OnRequestClose(this, new EventArgs());
}
}
そして、ログインウィンドウを作成するとき
var vm = new LoginViewModel();
var loginWindow = new LoginWindow
{
DataContext = vm
};
vm.OnRequestClose += (s, e) => loginWindow.Close();
loginWindow.ShowDialog();
遅いかもしれませんが、ここに私の答えがあります
foreach (Window item in Application.Current.Windows)
{
if (item.DataContext == this) item.Close();
}
さて、ここに私がいくつかのプロジェクトで使用したものがあります。ハックのように見えるかもしれませんが、うまく機能します。
public class AttachedProperties : DependencyObject //adds a bindable DialogResult to window
{
public static readonly DependencyProperty DialogResultProperty =
DependencyProperty.RegisterAttached("DialogResult", typeof(bool?), typeof(AttachedProperties),
new PropertyMetaData(default(bool?), OnDialogResultChanged));
public bool? DialogResult
{
get { return (bool?)GetValue(DialogResultProperty); }
set { SetValue(DialogResultProperty, value); }
}
private static void OnDialogResultChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
var window = d as Window;
if (window == null)
return;
window.DialogResult = (bool?)e.NewValue;
}
}
これで、DialogResultをVMにバインドし、プロパティの値を設定できます。値が設定されると、Windowは閉じます。
<!-- Assuming that the VM is bound to the DataContext and the bound VM has a property DialogResult -->
<Window someNs:AttachedProperties.DialogResult={Binding DialogResult} />
これは、本番環境で実行されているものの要約です
<Window x:Class="AC.Frontend.Controls.DialogControl.Dialog"
xmlns="http://schemas.Microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.Microsoft.com/winfx/2006/xaml"
xmlns:DialogControl="clr-namespace:AC.Frontend.Controls.DialogControl"
xmlns:hlp="clr-namespace:AC.Frontend.Helper"
MinHeight="150" MinWidth="300" ResizeMode="NoResize" SizeToContent="WidthAndHeight"
WindowStartupLocation="CenterScreen" Title="{Binding Title}"
hlp:AttachedProperties.DialogResult="{Binding DialogResult}" WindowStyle="ToolWindow" ShowInTaskbar="True"
Language="{Binding UiCulture, Source={StaticResource Strings}}">
<!-- A lot more stuff here -->
</Window>
ご覧のとおり、名前空間xmlns:hlp="clr-namespace:AC.Frontend.Helper"を最初に宣言し、その後バインディングhlp:AttachedProperties.DialogResult="{Binding DialogResult}"を宣言しています。
AttachedPropertyは次のようになります。昨日投稿したものとは異なりますが、私見では何の効果もありません。
public class AttachedProperties
{
#region DialogResult
public static readonly DependencyProperty DialogResultProperty =
DependencyProperty.RegisterAttached("DialogResult", typeof (bool?), typeof (AttachedProperties), new PropertyMetadata(default(bool?), OnDialogResultChanged));
private static void OnDialogResultChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
var wnd = d as Window;
if (wnd == null)
return;
wnd.DialogResult = (bool?) e.NewValue;
}
public static bool? GetDialogResult(DependencyObject dp)
{
if (dp == null) throw new ArgumentNullException("dp");
return (bool?)dp.GetValue(DialogResultProperty);
}
public static void SetDialogResult(DependencyObject dp, object value)
{
if (dp == null) throw new ArgumentNullException("dp");
dp.SetValue(DialogResultProperty, value);
}
#endregion
}
簡単な方法
public interface IRequireViewIdentification
{
Guid ViewID { get; }
}
ViewModelに実装する
public class MyViewVM : IRequireViewIdentification
{
private Guid _viewId;
public Guid ViewID
{
get { return _viewId; }
}
public MyViewVM()
{
_viewId = Guid.NewGuid();
}
}
一般的なウィンドウマネージャーヘルパーを追加する
public static class WindowManager
{
public static void CloseWindow(Guid id)
{
foreach (Window window in Application.Current.Windows)
{
var w_id = window.DataContext as IRequireViewIdentification;
if (w_id != null && w_id.ViewID.Equals(id))
{
window.Close();
}
}
}
}
そして、viewmodelでこのように閉じます
WindowManager.CloseWindow(ViewID);
this についてはどうですか？
ViewModel：
class ViewModel
{
public Action CloseAction { get; set; }
private void Stuff()
{
// Do Stuff
CloseAction(); // closes the window
}
}
ViewModelで、CloseAction（）を使用して、上記の例のようにウィンドウを閉じます。
見る：
public View()
{
InitializeComponent();
ViewModel vm = new ViewModel (); // this creates an instance of the ViewModel
this.DataContext = vm; // this sets the newly created ViewModel as the DataContext for the View
if (vm.CloseAction == null)
vm.CloseAction = new Action(() => this.Close());
}
これは私がかなり簡単にやった方法です：
YourWindow.xaml.cs
//In your constructor
public YourWindow()
{
InitializeComponent();
DataContext = new YourWindowViewModel(this);
}
YourWindowViewModel.cs
private YourWindow window;//so we can kill the window
//In your constructor
public YourWindowViewModel(YourWindow window)
{
this.window = window;
}
//to close the window
public void CloseWindow()
{
window.Close();
}
私はあなたが選んだ答えに何の問題も見ていません。これはもっと簡単な方法だと思っただけです！
イベントの代わりにMVVM Light Messengerを使用した簡単な例を次に示します。ビューモデルは、ボタンがクリックされると閉じるメッセージを送信します。
public MainViewModel()
{
QuitCommand = new RelayCommand(ExecuteQuitCommand);
}
public RelayCommand QuitCommand { get; private set; }
private void ExecuteQuitCommand()
{
Messenger.Default.Send<CloseMessage>(new CloseMessage());
}
次に、ウィンドウの背後のコードで受信されます。
public Main()
{
InitializeComponent();
Messenger.Default.Register<CloseMessage>(this, HandleCloseMessage);
}
private void HandleCloseMessage(CloseMessage closeMessage)
{
Close();
}
このようにViewModelで新しいイベントハンドラーを作成できます。
public event EventHandler RequestClose;
protected void OnRequestClose()
{
if (RequestClose != null)
RequestClose(this, EventArgs.Empty);
}
次に、ExitCommandのRelayCommandを定義します。
private RelayCommand _CloseCommand;
public ICommand CloseCommand
{
get
{
if(this._CloseCommand==null)
this._CloseCommand=new RelayCommand(CloseClick);
return this._CloseCommand;
}
}
private void CloseClick(object obj)
{
OnRequestClose();
}
次に、XAMLファイルセットで
<Button Command="{Binding CloseCommand}" />
Xaml.csファイルでDataContextを設定し、作成したイベントにサブスクライブします。
public partial class MainWindow : Window
{
private ViewModel mainViewModel = null;
public MainWindow()
{
InitializeComponent();
mainViewModel = new ViewModel();
this.DataContext = mainViewModel;
mainViewModel.RequestClose += delegate(object sender, EventArgs args) { this.Close(); };
}
}
MVVMLightツールキットのMessengerを使用できます。 ViewModelに次のようなメッセージを送信します。Messenger.Default.Send(new NotificationMessage("Close"));
次に、Windowsのコードビハインドで、InitializeComponentの後に、次のようにそのメッセージを登録します。
Messenger.Default.Register<NotificationMessage>(this, m=>{
if(m.Notification == "Close")
{
this.Close();
}
});
mVVMLightツールキットの詳細については、こちらをご覧ください。 CodeplexのMVVMLightツールキット
MVVMには「コードビハインドルールはありません」であり、ビュービハインドコードでメッセージの登録を行うことができます。
私が提供する方法は、ViewModelでイベントを宣言し、InvokeMethodActionを以下のように使用することです。
サンプルViewModel
public class MainWindowViewModel : BindableBase, ICloseable
{
public DelegateCommand SomeCommand { get; private set; }
#region ICloseable Implementation
public event EventHandler CloseRequested;
public void RaiseCloseNotification()
{
var handler = CloseRequested;
if (handler != null)
{
handler.Invoke(this, EventArgs.Empty);
}
}
#endregion
public MainWindowViewModel()
{
SomeCommand = new DelegateCommand(() =>
{
//when you decide to close window
RaiseCloseNotification();
});
}
}
I Closeableインターフェイスは以下のとおりですが、このアクションを実行する必要はありません。 ICloseableは汎用ビューサービスの作成に役立ちます。したがって、依存関係の注入によってビューとViewModelを構築する場合、できることは
internal interface ICloseable
{
event EventHandler CloseRequested;
}
ICloseableの使用
var viewModel = new MainWindowViewModel();
// As service is generic and don't know whether it can request close event
var window = new Window() { Content = new MainView() };
var closeable = viewModel as ICloseable;
if (closeable != null)
{
closeable.CloseRequested += (s, e) => window.Close();
}
以下はXamlです。インターフェイスを実装しない場合でも、このxamlを使用できます。CloseRquestedを発生させるにはビューモデルのみが必要です。
<Window xmlns="http://schemas.Microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.Microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.Microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:WPFRx"
xmlns:i="http://schemas.Microsoft.com/expression/2010/interactivity"
xmlns:ei="http://schemas.Microsoft.com/expression/2010/interactions"
xmlns:ViewModels="clr-namespace:WPFRx.ViewModels" x:Name="window" x:Class="WPFRx.MainWindow"
mc:Ignorable="d"
Title="MainWindow" Height="350" Width="525"
d:DataContext="{d:DesignInstance {x:Type ViewModels:MainWindowViewModel}}">
<i:Interaction.Triggers>
<i:EventTrigger SourceObject="{Binding Mode=OneWay}" EventName="CloseRequested" >
<ei:CallMethodAction TargetObject="{Binding ElementName=window}" MethodName="Close"/>
</i:EventTrigger>
</i:Interaction.Triggers>
<Grid>
<Button Content="Some Content" Command="{Binding SomeCommand}" Width="100" Height="25"/>
</Grid>
次のコードを使用するだけで、現在のウィンドウを閉じることができます。
Application.Current.Windows[0].Close();
私はこれが古い投稿であることを知っています、おそらくここまで誰もスクロールしないでしょう、私はしませんでした。だから、何時間もさまざまなことを試した後、私はこのブログを見つけ、男はそれを殺した。これを行う最も簡単な方法は、試してみて、それが魅力のように機能することです。
それは簡単です。 Login-LoginViewModelの独自のViewModelクラスを作成できます。 view var dialog = new UserView（）;を作成できます。 LoginViewModel内。また、コマンドLoginCommandをボタンに設定できます。
<Button Name="btnLogin" IsDefault="True" Content="Login" Command="{Binding LoginCommand}" />
そして
<Button Name="btnCancel" IsDefault="True" Content="Login" Command="{Binding CancelCommand}" />
ViewModelクラス：
public class LoginViewModel
{
Window dialog;
public bool ShowLogin()
{
dialog = new UserView();
dialog.DataContext = this; // set up ViewModel into View
if (dialog.ShowDialog() == true)
{
return true;
}
return false;
}
ICommand _loginCommand
public ICommand LoginCommand
{
get
{
if (_loginCommand == null)
_loginCommand = new RelayCommand(param => this.Login());
return _loginCommand;
}
}
public void CloseLoginView()
{
if (dialog != null)
dialog.Close();
}
public void Login()
{
if(CheckLogin()==true)
{
CloseLoginView();
}
else
{
// write error message
}
}
public bool CheckLogin()
{
// ... check login code
return true;
}
}