Как перейти на страницу при нажатии GridViewItem?

Question

У меня есть GridView, который содержит 2 элемента определяется следующим образом:

<GridView Name="Grd1" HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="1" Width="Auto" SelectionMode="None" IsItemClickEnabled="True" ItemClick="GridViewItem_Click"> 
     <GridView.ItemsPanel> 
      <ItemsPanelTemplate> 
       <WrapGrid Orientation="Horizontal" Width="Auto"/> 
      </ItemsPanelTemplate> 
     </GridView.ItemsPanel> 
     <GridViewItem Name ="GrdI1"> 
      <StackPanel> 
       <Image HorizontalAlignment="Center" Height="100" Width="100" Source="Image1.png" /> 
       <TextBlock Text="Some sutff"/> 
      </StackPanel> 
     </GridViewItem> 
     <GridViewItem Name="GrdI2" > 
      <StackPanel> 
       <Image HorizontalAlignment="Center" Height="100" Width="100" Source="Image2.png"/> 
       <TextBlock Text="Some stuff"/> 
      </StackPanel> 
     </GridViewItem> 
    </GridView> 

Как я могу обрабатывать событие на код позади, чтобы перейти к странице 1, когда элемент GrdI1 нажата и страница 2, когда элемент GrdI2 нажата ?

Answer 1

Чтобы обработать события щелчка в GridView, вы должны установить свойство IsItemClickEnabled GridView в True и SelectionMode равным None.

Установите новый обработчик событий для события ItemClick и в параметре ItemClickEventArgs (e по умолчанию) вы можете поймать событие с щелчком. (e.ClickedItem)

Это даст вам, какой элемент вы нажали в GridView, и вы можете использовать метод Frame.Navigate для навигации по вашим страницам.

Изменить ваш XAML-код, как этот

<GridView Name="Grd1" HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="1" Width="Auto" SelectionMode="None" IsItemClickEnabled="True" ItemClick="GridViewItem_Click"> 
     <GridView.ItemsPanel> 
      <ItemsPanelTemplate> 
       <WrapGrid Orientation="Horizontal" Width="Auto"/> 
      </ItemsPanelTemplate> 
     </GridView.ItemsPanel> 
     <GridViewItem Name ="GrdI1"> 
      <StackPanel Tag="Grid1"> 
       <Image HorizontalAlignment="Center" Height="100" Width="100" Source="Image1.png" /> 
       <TextBlock Text="Some sutff"/> 
      </StackPanel> 
     </GridViewItem> 
     <GridViewItem Name="GrdI2" > 
      <StackPanel Tag="Grid2"> 
       <Image HorizontalAlignment="Center" Height="100" Width="100" Source="Image2.png"/> 
       <TextBlock Text="Some stuff"/> 
      </StackPanel> 
     </GridViewItem> 
    </GridView> 

И обработчик событий должен быть, как это

private void Grd1_ItemClick(object sender, ItemClickEventArgs e) 
    { 
     var clickedItem = ((StackPanel)e.ClickedItem); 
     if (clickedItem.Tag != null) 
      if (clickedItem.Tag.ToString() == "Grid1") 
       Frame.Navigate(typeof(Page1)); 
      else 
       Frame.Navigate(typeof(Page2)); 
    }