是否有一种 MVVM 友好的方式来使用 WPF 中的 WebBrowser 控件？

Question

感谢this question (click me!)，我将WebBrowser 的Source 属性正确绑定到我的ViewModel。

现在我想实现另外两个目标：

1. 获取我的后退和前进按钮的IsEnabled 属性以正确绑定到WebBrowser 的CanGoBack 和CanGoForward 属性。
2. 弄清楚如何调用 GoForward() 和 GoBack() 方法，而无需借助代码隐藏，也无需 ViewModel 知道 WebBrowser。

我目前有以下（非工作）XAML 标记：

<WebBrowser
    x:Name="_instructionsWebBrowser"
    x:FieldModifier="private"
    clwm:WebBrowserUtility.AttachedSource="{Binding InstructionsSource}" />

<Button
    Style="{StaticResource Button_Style}"
    Grid.Column="2"
    IsEnabled="{Binding ElementName=_instructionsWebBrowser, Path=CanGoBack}"
    Command="{Binding GoBackCommand}"
    Content="&lt; Back" />

<Button
    Style="{StaticResource Button_Style}"
    Grid.Column="4"
    IsEnabled="{Binding ElementName=_instructionsWebBrowser, Path=CanGoForward}"
    Command="{Binding GoForwardCommand}"
    Content="Forward &gt;" />

我很确定问题在于 CanGoBack 和 CanGoForward 不是依赖属性（并且不实现 INotifyChanged），但我不太确定如何解决这个问题。

问题：

1. 是否有任何方法可以连接附加属性（就像我对 Source 所做的那样）或类似的方法来使 CanGoBack 和 CanGoForward 绑定工作？

2. 如何编写GoBackCommand 和GoForwardCommand，使其独立于代码隐藏和ViewModel 并可以在标记中声明？

Answer 1

对于遇到此问题并想要完整解决方案的任何人，这里就是。它结合了此主题中提出的所有建议以及链接的主题（以及链接到的其他主题）。

XAML： http://pastebin.com/aED9pvW8

C# 类： http://pastebin.com/n6cW9ZBB

XAML 用法示例： http://pastebin.com/JpuNrFq8

注意：该示例假定您的视图绑定到向浏览器提供源 URL 的 ViewModel。提供了一个非常基本的导航栏，带有后退、前进和刷新按钮以及地址栏，仅用于演示。

享受。我已将这些 pastebin 的过期时间设置为从不，因此只要 pastebin 存在，它们就应该可用。

Answer 2

您的问题似乎暗示，为了正确实现 MVVM 模式，您不允许有任何代码隐藏。但是也许在你的视图中添加一些代码隐藏会让你更容易将它与你的视图模型挂钩。你可以给视图添加依赖属性，让它监听INotifyPropertyChanged事件。

Answer 3

我在可绑定的网络浏览器包装器中使用了这个：

    CommandBindings.Add(new CommandBinding(NavigationCommands.BrowseBack, BrowseBack, CanBrowseBack));
    CommandBindings.Add(new CommandBinding(NavigationCommands.BrowseForward, BrowseForward, CanBrowseForward));
    CommandBindings.Add(new CommandBinding(NavigationCommands.BrowseHome, GoHome, TrueCanExecute));
    CommandBindings.Add(new CommandBinding(NavigationCommands.Refresh, Refresh, TrueCanExecute));
    CommandBindings.Add(new CommandBinding(NavigationCommands.BrowseStop, Stop, TrueCanExecute));

请注意，我将可绑定的 webbrowser 创建为 FrameworkElement，它公开 DependencyProperties 并在实际浏览器元素上调用方法，因此我可以在其上设置 CommandBindings。

这样，您可以在视图中使用默认的 NavigationCommands。 使用的处理程序是：

private void CanBrowseBack(object sender, CanExecuteRoutedEventArgs e) {
    e.CanExecute = webBrowser.CanGoBack;
}

private void BrowseBack(object sender, ExecutedRoutedEventArgs e) {
    webBrowser.GoBack();
}

private void CanBrowseForward(object sender, CanExecuteRoutedEventArgs e) {
    e.CanExecute = webBrowser.CanGoForward;
}

private void BrowseForward(object sender, ExecutedRoutedEventArgs e) {
    webBrowser.GoForward();
}

private void TrueCanExecute(object sender, CanExecuteRoutedEventArgs e) { e.CanExecute = true; }

private void Refresh(object sender, ExecutedRoutedEventArgs e) {
    try { webBrowser.Refresh(); }
    catch (Exception ex) { PmsLog.LogException(ex, true); }
}

private void Stop(object sender, ExecutedRoutedEventArgs e) {
    mshtml.IHTMLDocument2 doc = WebBrowser.Document as mshtml.IHTMLDocument2;
    if (doc != null)
        doc.execCommand("Stop", true, null);
}
private void GoHome(object sender, ExecutedRoutedEventArgs e) {
    Source = new Uri(Home);
}