10

Без шаблона MVVM, вызов нового окна в приложениях WPF довольно прост:

// Обработчик кнопки открытия другого окна

void OpenOtherWindow(object sender, RoutedEventArgs e) {
    OtherWindow otherWindow = new OtherWindow();
    otherWindow.ViewModel = "ViewModel"; 
    otherWindow.Show();
    otherWindow.ShowViewModel();
}

// Другое окно
public partial class OtherWindow : Window {
    public string ViewModel { get; set; }

        public OtherWindow(){
            InitializeComponent();
        }

        public void ShowViewModel(){
            MessageBox.Show(ViewModel);
        }
}

Предположим, что новое окно должно открываться как с помощью кнопки, так и сочетания клавиш. На данный момент, я могу предложить только такой способ:

MainWindowView.xaml (Элемент View)

<Window.CommandBindings>
    <CommandBinding Command="local:AutomationCommands.OpenOtherWindow" Executed="OpenOtherWindow_Executed"/>
</Window.CommandBindings>

MainWindowView.xaml.cs

private void OpenOtherWindow_Executed(object sender, ExecutedRoutedEventArgs e) {
    OtherWindow otherWindow = new OtherWindow();
    otherWindow.ViewModel = "ViewModel"; 
    otherWindow.Show();
    otherWindow.ShowViewModel();
}

AutomationCommands.cs

public static RoutedCommand OpenList = new RoutedCommand("OpenOtherWindow", typeof(AutomationCommands), new InputGestureCollection(){
        new KeyGesture(Key.N, ModifierKeys.Control)
});

Согласно концепции шаблона MVVM, в MainWindowView.xaml.cs особо логики быть не должно. Какие альтернативные, более правильные с точки зрения MVVM подходы Вы можете преложить?


Обновление (Конкурс)

Несколько часов смотрел разные примеры по данной теме на разных языках. Все они либо неполные, потому не получается довести их до рабочего приложения, либо слишком сложные, а потому крайне трудны для понимания и адаптировать их под своё приложение, понимая при этом что делаешь, невозможно без помощи более опытных wpf-разработчиков. Потому, в данном конкурсе задача будет такая:

  • Сделать минимальное, но рабочее приложение, на основе которого уже можно будет дальше что-то усложнять.
  • Ничего лишнего: две кнопки на главном экране; одна открывает обычное окно, другая - диалоговое (в чём разница в случае с WPF - честно говоря не понимаю, поэтому включите, пожалуйста, это объяснение в ответ). В новых окнах будет по одной надписи, что окно успешно открыто. Всё, больше нам в разметке ничего не нужно.

введите сюда описание изображения введите сюда описание изображения введите сюда описание изображения

  • Мы будем придерживаться паттерна MVVM, но в данном примере нам модель не нужна. Также не уведен, нужна ли ViewModel но на всякий случай добавил соответствующие классы. Таким образом организация файлом будет такая (папка Models присутствует, но она пустая):

введите сюда описание изображения

  • Не надо писать мини-фреймворки - люди, у которых нет опыта разработки в WPF, их не поймут, а потому не смогут воспользоваться ими с понимаем. Нам нужен только код для открытия окон (в рамках MVVM - с использование сервисов) а так же оповещение сервисов для закрытия окна.
  • Поскольку приложение простейшее, то никаких особых действий при закрытии окна не будет. Однако прошу Вас добавить пустой метод для обработки закрытия окна, чтобы при дальнейшем усложнении данного примера было понятно, куда этот метод вставлять (в этом методе может быть, например, сохранение введённых данных).

Заготовки кода:

MainWindowView.xaml - элемент View главного окна

<Window x:Class="MVVM_OpenNewWindowMinimalExample.MainWindow"
        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"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="350">
    <StackPanel>
        <Button Content="Открыть обычное дочернее окно" Command="{Binding OpenChildWindow}"/>
        <Button Content="Открыть диалоговое окно" Command="{Binding OpenDialogWindow}"/>
    </StackPanel>
</Window>

MainWindowView.xaml.cs - это backcode называется, да?

namespace MVVM_OpenNewWindowMinimalExample.Views {
    public partial class MainWindowView : Window {
        public MainWindowView() {
            InitializeComponent();
        }
    }
}

App.xaml.cs

namespace MVVM_OpenNewWindowMinimalExample {
    public partial class App : Application {
        protected override void OnStartup(StartupEventArgs e) {
            base.OnStartup(e);
            var modelView = new MainWindowView {
                DataContext = new MainWindowViewModel()
            };
            modelView.Show();
        }
    } 
}

Ссылка на Visual Studio-проект (Yandex Диск). Возможно, станет недоступной через некоторое время после окончания конкурса.

1

3 ответа 3

12

Очень хороший вопрос. Открытие новых окон — это сложный момент в рамках паттерна MVVM.

Смотрите. С одной стороны, решение об открытии нового окна принадлежит уровню бизнес-логики, то есть, VM. С другой стороны, VM не имеет права ничего знать о View. Получается противоречие.

Обычно это противоречие решают, создавая дополнительный сервис открытия окон, который настраивается в начале работы программы, и лежит между VM и View. С таким подходом VM-код создаёт VM-объект некоторого типа, и просит сервис обеспечить показ. Сервис проверяет тип объекта, создаёт окно нужного типа, и показывает его, установив переданный объект в качестве DataContext.

Пример кода, реализующего этот подход, можно найти здесь (и посмотрите связанные вопросы).


Вам ещё придётся организовывать логику, оповещающую сервис о закрытии окна (и, возможно, запрашивающую подтверждение этого в VM).

9
  • Благодарю Вас за ответ! Я видел примеры с сервисом для открытия окон, но не понял одного момента, потому во всех примерах было только одно дополнительное окно. Подскажите пожалуйста, сервис нужно создавать отдельный для каждого окна, или достаточно одного для нескольких окон? 8 окт 2017 в 0:12
  • @GurebuBokofu: Многочисленные сервисы не имеют смысла, по-моему. Достаточно одного сервиса.
    – VladD
    8 окт 2017 в 8:03
  • Имеют. У меня каждый инстанс такого сервиса отвечает за стек окон начиная от немодального, чтобы выставлять верный Owner
    – vitidev
    9 окт 2017 в 3:50
  • Возможно, в идеале, сервис должен связывать между собой VM и делегат, возвращающий FrameworkElement (который имеет свойство DataContext). В этом делегате может быть как открытие нового окна, так и, например, просто показ и возврат какой-то панели основного окна или вообще какая-то логика, которая проверяет, например, ориентацию экрана, его разрешение или размеры... 9 окт 2017 в 6:10
  • @vitidev: Код получится чересчур джаваобразным. Я бы всё упаковал в один сервис, за счёт небольшого усложнения кода сервиса при этом упростится код клиента.
    – VladD
    9 окт 2017 в 8:46
8
+50

Написано приложение, демонстрирующее открытие и закрытие окон с использованием паттерна MVVM. Так же, команды отвечающие за открытие окон привязаны на горячие клавиши (Ctrl-Y - открыть первое окно, Ctrl-Z - открыть второе окно) Код приложения находится в git https://github.com/bakulev/MVVM_OpenNewWindowMinimalExample Работоспособность приложения проверена. В коде использованы советы описанные в вопросе Сервис создания модальных и немодальных окон в контексте паттерна MVVM

3
  • 1
    Отличная работа! Примите, пожалуйста, призовые очки репутации в качестве благодарности. Уверен, Ваш пример в репозитории поможет многим быстрее освоить разработку WPF. 14 окт 2017 в 7:43
  • А как программно закрыть модальное окно непосредственно из view model окна? CancellationToken? 8 авг 2018 в 6:56
  • 1
    Получается await ShowDialog'a и он ждет window.Close 8 авг 2018 в 7:05
1

Как вариант, можно воспользоваться классическим паттерном "Команда", как показано здесь. Тогда, в идеале, можно достичь того, что в представлении останется только инициализация модели представления.

2
  • Пожалуйста, покажите пример прямо в этом ответе. Ссылки не годятся в качестве ответов, потому что они ненадежны и не вечны.
    – Nick Volynkin
    13 окт 2017 в 3:51
  • Кстати, похоже что вы на свой блог даете ссылку. Это вообще очень здорово, что вы делитесь знаниями в блоге. Но в таком случае принято явно упоминать, что блог ваш. (Иначе участники могут посчитать, что это спам.)
    – Nick Volynkin
    13 окт 2017 в 3:52

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.