使用按钮导航到导航窗口中的另一个页面

Question

我正在尝试使用 WPF 中的导航命令框架在 WPF 应用程序（桌面；不是 XBAP 或 Silverlight）内的页面之间导航。

我相信我已经正确配置了所有内容，但它不起作用。 我构建并运行时没有错误，在输出窗口中没有收到任何绑定错误，但我的导航按钮被禁用。

以下是示例应用程序的 app.xaml：

<Application x:Class="Navigation.App"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    StartupUri="First.xaml">
</Application>

请注意 StartupUri 指向 First.xaml。 First.xaml 是一个页面。 WPF 自动将我的页面托管在导航窗口中。 这是 First.xaml：

<Page x:Class="Navigation.First"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="First">
    <Grid>
        <Button 
            CommandParameter="/Second.xaml" 
            CommandTarget="{Binding RelativeSource=
                {RelativeSource 
                    FindAncestor, 
                    AncestorType={x:Type NavigationWindow}}}" 
            Command="NavigationCommands.GoToPage" 
            Content="Go!"/>
    </Grid>
</Page>

按钮的 CommandTarget 设置为 NavigationWindow。 命令是GoToPage，页面是/Second.xaml。 我尝试将 CommandTarget 设置为包含页面，将 CommandParameter 设置为“Second.xaml”（First.xaml 和 Second.xaml 都位于解决方案的根目录中），并且我尝试将 CommandTarget 留空。 我还尝试将绑定路径设置为导航窗口上各种与导航相关的公共属性。 到目前为止还没有任何效果。

我在这里缺少什么？ 我真的不想用代码进行导航。

---

澄清。

如果我不使用按钮，而是使用超链接：

<Grid>
    <TextBlock>
       <Hyperlink 
           NavigateUri="Second.xaml">Go!
       </Hyperlink>
    </TextBlock>
</Grid>

一切都会按预期工作。 然而，我的 UI 要求意味着使用超链接是正确的。 我需要一个又大又胖的按钮供人们按下。 这就是为什么我想使用按钮进行导航。 我只是想知道如何让按钮提供与超链接在本例中相同的功能。

Answer 1

根据文档，仅DocumentViewer和FlowDocumentViewer专门实现了这个命令。 您需要找到 NavigationWindow 实现的导航命令，或者为此命令设置 CommandBinding 并自行处理。

Answer 2

在 XAML 中：

<Button Command="{x:Static Views:Commands.NavigateHelp}" Content="Help"/>

在视图中（我们有一个包含所有这些内容的 Commands.cs 文件）：

public static RoutedCommand NavigateHelp = new RoutedCommand();

在页面构造函数中，您可以连接两者：

CommandBindings.Add(new CommandBinding(Commands.NavigateHelp, NavigateHelpExecute));

NavigateHelpExecute 可以位于后面的代码中（这就是我们do），挂接到 ViewModel 事件处理程序，或者其他什么。 这样做的好处是您可以像这样禁用其他导航：

CommandBindings.Add(new CommandBinding(NavigationCommands.Refresh, null));

希望这有帮助。

Answer 3

您将需要使用 NavigationWindow 的 NavigationService，如下所示：

XAML：

    <Button HorizontalAlignment="Right" Name="continueButton" Width="75" Margin="0,0,8,11" Height="23" VerticalAlignment="Bottom" Click="continueButton_Click">
        Continue
    </Button>

C#：

    private void continueButton_Click(object sender, RoutedEventArgs e)
    {
        this.NavigationService.GoForward();
        //or
        this.NavigationService.Navigate("Second.xaml")
    }

使用其中任何一个，您都可以使用 this，我只为了清楚起见，在此处显示 NavigationService

Answer 4

public class NavigateButton : Button
{
    public Uri NavigateUri { get; set; }

    public NavigateButton()
    {
        Click += NavigateButton_Click;
    }

    void NavigateButton_Click(object sender, System.Windows.RoutedEventArgs e)
    {
        var navigationService = NavigationService.GetNavigationService(this);
        if (navigationService != null)
            navigationService.Navigate(NavigateUri);
    }
}

然后您可以将以下内容放入 xaml 中：

然后您仍然不需要页面后面的代码，并且您不需要向视图模型添加命令。