navigation - detail - uwp navigate to page

Problema de navegación en UWP

Question

tl; dr

Tengo 3 páginas MainPage.xaml , BlankPage1.xaml , BlankPage2.xaml con Button en MainPage y BlankPage1 que navega a BlankPage1 y BlankPage2 Respectively. He habilitado el botón Atrás del sistema para que pueda volver a la página anterior.

Button Tocar en MainPage navega a BlankPage1 y Button Tocar en BlankPage1 navega a BlankPage2 . Esto funciona bien

Problema: cuando BlankPage2 el Back Button en BlankPage2 , vuelvo a BlankPage . Ahora, cuando BlankPage1 el Button en BlankPage1 , BlankPage1 a BlankPage2 pero cuando BlankPage2 el Back Button , en lugar de ir a BlankPage1 , navega directamente a MainPage .

A continuación está mi código.

MainPage.xaml

<Page
x:Class="App2.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:App2"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Button Content="GoTo Page 1" HorizontalAlignment="Center" VerticalAlignment="Center" Tapped="Button_Tapped"/>
</Grid>
</Page>

MainPage.xaml.cs

using Windows.UI.Xaml.Controls;
namespace App2
{
public sealed partial class MainPage : Page
{
public MainPage()
{
this.InitializeComponent();
}
private void Button_Tapped(object sender, Windows.UI.Xaml.Input.TappedRoutedEventArgs e)
{
Frame.Navigate(typeof(BlankPage1));
}
}
}

BlankPage1.xaml

<Page
x:Class="App2.BlankPage1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:App2"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Button Content="GoTo Page 2" HorizontalAlignment="Center" VerticalAlignment="Center" Tapped="Button_Tapped"/>
</Grid>
</Page>

BlankPage1.xaml.cs

using Windows.UI.Core;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Navigation;
namespace App2
{
public sealed partial class BlankPage1 : Page
{
public BlankPage1()
{
this.InitializeComponent();
}
protected override void OnNavigatedTo(NavigationEventArgs e)
{
if (Frame.CanGoBack)
{
SystemNavigationManager.GetForCurrentView().AppViewBackButtonVisibility = AppViewBackButtonVisibility.Visible;
SystemNavigationManager.GetForCurrentView().BackRequested += (s, a) =>
{
if (Frame.Content.GetType() == typeof(BlankPage1))
{
if (Frame.CanGoBack)
{
Frame.GoBack();
a.Handled = true;
}
}
};
}
else
{
SystemNavigationManager.GetForCurrentView().AppViewBackButtonVisibility = AppViewBackButtonVisibility.Collapsed;
}
}
private void Button_Tapped(object sender, Windows.UI.Xaml.Input.TappedRoutedEventArgs e)
{
Frame.Navigate(typeof(BlankPage2));
}
}
}

BlankPage2.xaml

<Page
x:Class="App2.BlankPage2"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:App2"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<TextBlock Text="Final Page" HorizontalAlignment="Center" VerticalAlignment="Center" />
</Grid>
</Page>

BlankPage2.xaml.cs

using Windows.UI.Core;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Navigation;
namespace App2
{
public sealed partial class BlankPage2 : Page
{
public BlankPage2()
{
this.InitializeComponent();
}
protected override void OnNavigatedTo(NavigationEventArgs e)
{
if (Frame.CanGoBack)
{
SystemNavigationManager.GetForCurrentView().AppViewBackButtonVisibility = AppViewBackButtonVisibility.Visible;
SystemNavigationManager.GetForCurrentView().BackRequested += (s, a) =>
{
if (Frame.Content.GetType() == typeof(BlankPage2))
{
if (Frame.CanGoBack)
{
Frame.GoBack();
a.Handled = true;
}
}
};
}
else
{
SystemNavigationManager.GetForCurrentView().AppViewBackButtonVisibility = AppViewBackButtonVisibility.Collapsed;
}
}
}
}

Answer 1

Cada vez que OnNavigatedTo hacia una página, se OnNavigatedTo método OnNavigatedTo y estás registrando un nuevo controlador para el evento BackRequested , lo que significa que se ejecutará varias veces cuando presiones el botón Atrás. Debe darse de baja de ese evento en su método OnNavigatedFrom de cada página.

Establecer Handled = true no significa que no se ejecutarán otras suscripciones para ese evento, solo significa:

Si no marca el evento como manejado, el sistema decide si navegará desde la aplicación (en la familia de dispositivos móviles) o ignorará el evento (en la familia de dispositivos de escritorio).

Answer 2

Continuando con la respuesta de @Decade Moon, sugeriría que incluso pudieras centralizar la lógica en la clase App para una administración más sencilla y códigos subyacentes más limpios.

Agregue la siguiente línea al método App.OnLaunched :

SystemNavigationManager.GetForCurrentView().BackRequested += App_BackRequested;

E implemente el controlador de esta manera:

private void App_BackRequested(object sender, BackRequestedEventArgs e)
{
var frame = ( Frame )Window.Current.Content;
if ( frame.CanGoBack )
{
frame.GoBack();
e.Handled = true;
}
}

Tomamos el marco de la ventana actual y verificamos si podemos navegar hacia atrás. En caso de que sea posible, manejamos el evento y navegamos. La ventaja de esto es que ahora puede eliminar todas las acciones relacionadas con BackRequested en todas las páginas.

También puede hacer algo similar para AppViewBackButtonVisibility : agregue lo siguiente al final de OnLaunched :

rootFrame.Navigated += RootFrame_Navigated;

Y ahora implementa el controlador como:

private void RootFrame_Navigated(object sender, NavigationEventArgs e)
{
var frame = (Frame)Window.Current.Content;
SystemNavigationManager.GetForCurrentView().AppViewBackButtonVisibility =
frame.CanGoBack ? AppViewBackButtonVisibility.Visible :
AppViewBackButtonVisibility.Collapsed;
}

Cada vez que el marco navega, la visibilidad del botón Atrás se actualizará automáticamente.