c# - 导航到特定的 PivotItem

Question

当我点击 Main-Page 上的图像时，如何导航到 Pivot-Page 的特定 Pivot-item ？

XAML 代码如下用于主页上的图像

 <Image  Source="Assets/5.jpg" Stretch="UniformToFill" Height="150" Width="150" Margin="12,12,0,0"/>

Pivot-Page 的代码如下

<phone:PivotItem Header="fifth">
    ..........         
    ..........                      
        </phone:PivotItem>

当我点击主页上的图像时，我想导航到第五个 Pivot-Item。

Answer 1

您可能希望在导航参数中发送要导航到的索引PivotItem（如果您的 Pivot 有 static PivotItems）

所以你想导航到 FIFTH PivotItem，那么你可能想传递一个带有 PivotItem 索引的导航参数（即 4）。在您的PivotItem页面中，您将从传递的参数中获取索引并选择PivotItem使用属性SelectedIndex

例如，您Pivot包含在 中PivotPage.xaml，那么您可能希望像这样导航到该页面（当然，您将导航调用添加到图像点击事件处理程序）：

this.NavigationService.Navigate(new Uri("/PivotPage.xaml?item=4", UriKind.RelativeOrAbsolute));

item=4是你的导航参数

然后在您的PivotPage.xaml代码隐藏中，为 的OnNavigateTo()方法添加一个覆盖PhoneApplicationPage，如下所示：

protected override void OnNavigatedTo(NavigationEventArgs e)
{
        base.OnNavigatedTo(e);
        if (NavigationContext.QueryString.ContainsKey("item"))
        {
            var index = NavigationContext.QueryString["item"];
            var indexParsed = int.Parse(index);
            Pivot.SelectedIndex = indexParsed;
        }
}

Answer 2

Pivot 控件具有类似SelectedItem或SelectedIndex可以设置为执行此操作的属性。

<phone:Pivot x:Name="pvControl">
<phone:PivotItem x:Name="piFive" Header="fifth">
    ..........         
    ..........                      
        </phone:PivotItem>

pvControl.SelectedItem = piFive;