Windows应用商店应用导航

Question

我正在制作一个Pacman Windows Store应用程序游戏。 我使用win2d库制作动画。 我在页面之间导航时遇到问题。 这是我的主页，它创建新游戏。

public sealed partial class MainPage : Page
{
    public MainPage()
    {
        this.InitializeComponent();
        //Game gm = new Game();
    }

    private void playButton_Click(object sender, RoutedEventArgs e)
    {
        Game gm = new Game();
    }

    private void exitButton_Click(object sender, RoutedEventArgs e)
    {
        Application.Current.Exit();
    }

    private void resultsButton_Click(object sender, RoutedEventArgs e)
    {

    }
}

但是在游戏课结束后，我不得不以某种方式返回到我的主页。 我尝试了很多方法，但是它们对我不起作用。 游戏类别：

public Game()
{
    this.InitializeComponent();
    Window.Current.Content = this;
}

private void canvas_CreateResources(CanvasAnimatedControl sender, Microsoft.Graphics.Canvas.UI.CanvasCreateResourcesEventArgs args)
{
    args.TrackAsyncAction(CreateResourcesAsync(sender).AsAsyncAction());
}

async Task CreateResourcesAsync(CanvasAnimatedControl sender)
{
    ghostImages = new List<CanvasBitmap>();
    ghostImages.Add(await CanvasBitmap.LoadAsync(sender.Device, new Uri("ms-appx:///Assets/ghost1.png")));
    ghostImages.Add(await CanvasBitmap.LoadAsync(sender.Device, new Uri("ms-appx:///Assets/ghost2.png")));
    ghostImages.Add(await CanvasBitmap.LoadAsync(sender.Device, new Uri("ms-appx:///Assets/ghost3.png")));
    ghostImages.Add(await CanvasBitmap.LoadAsync(sender.Device, new Uri("ms-appx:///Assets/ghost4.png")));
    ghostImages.Add(await CanvasBitmap.LoadAsync(sender.Device, new Uri("ms-appx:///Assets/Pacman_25.png")));
    StartNewGame();
}

private void Canvas_Draw(ICanvasAnimatedControl sender, CanvasAnimatedDrawEventArgs args)
{
    Map.drawBorders(args);
    using (var session = args.DrawingSession)
    {
        session.DrawImage(hero.getImage1(), hero.getX(), hero.getY());
        for (int i = 0; i < ghostList.ToArray().Length; i++)
        {
            session.DrawImage(ghostList[i].getImage(), ghostList[i].getX(), ghostList[i].getY());
        }
        int bestScore = 1, score = 3;
        session.DrawText("Rekordas: " + bestScore, Constants.WIDTH / 3 * 1.8f, Constants.HEIGHT + Constants.SHOWINFOSIZE / 2, Windows.UI.Colors.White);
        session.DrawText("Rezultatas: " + score, Constants.BLOCKSIZE, Constants.HEIGHT + Constants.SHOWINFOSIZE / 2, Windows.UI.Colors.White);
        session.DrawText("Gyvybės: ", Constants.BLOCKSIZE, Constants.HEIGHT + Constants.SHOWINFOSIZE / 1, Windows.UI.Colors.White);
        for (int i = 0; i < 3; i++)
            session.DrawImage(hero.getImage1(), Constants.BLOCKSIZE + 150 + (Constants.BLOCKSIZE + 5) * i, (int)Constants.HEIGHT + Constants.SHOWINFOSIZE / 1 - Constants.BLOCKSIZE + 5);
    }
}

public void GameOver()
{
    playing = false;
    //Frame.Navigate(typeof(MainPage));
    //Dispose();
    //this.Dispose();
    //var page = new MainPage();
    //Window.Current.Content = page;
    //MainPage mn = new MainPage();
    //if (name == null)
    //{
    //    name = "Student";
    //}
    //Window.Current.Content = new MainPage();
    //mn.UpdateLayout();
}

如何浏览页面？ 谢谢。

Answer 1

以下是一些您可能会觉得有用的方法（来自用于包装导航逻辑的类）

//Better made the class a singleton but I've skipped that part to for brifety
public class Navigation 
{
    public bool CanGoBack
    {
        get
        {
            var frame = ((Frame)Window.Current.Content);
            return frame.CanGoBack;
        }
    }

    public Type CurrentPageType
    {
        get
        {
            var frame = ((Frame)Window.Current.Content);
            return frame.CurrentSourcePageType;
        }
    }

    public virtual void GoBack()
    {
        var frame = ((Frame)Window.Current.Content);

        if (frame.CanGoBack)
        {
            frame.GoBack();
        }
    }

    public virtual void NavigateTo(Type sourcePageType)
    {
        ((Frame)Window.Current.Content).Navigate(sourcePageType);
    }

    public virtual void NavigateTo(Type sourcePageType, object parameter)
    {
        ((Frame)Window.Current.Content).Navigate(sourcePageType, parameter);
    }

    public virtual void GoForward()
    {
        var frame = ((Frame)Window.Current.Content);

        if (frame.CanGoForward)
        {
            frame.GoForward();
        }
    }
}

您可以像这样使用它（如果我们假设上述方法驻留在您具有其实例的名为Navigation的类中）：

//To go to Game page
Navigation.NavigateTo(typeof(Game));

//To go to Main page and pass some arguments
Navigation.NavigateTo(typeof(MainPage), winnerId);

//To go back
Navigation.GoBack();

加成

您可以在视图中接收传递的参数，如下所示：

protected override void OnNavigatedTo(NavigationEventArgs e)
{
    var receivedParameter = e.Parameter as TheTypeOfThePassedParameter;
}

传递数据的另一种选择是创建一个静态或单例的应用程序明智的类（在任何地方都可见），其中包含一些您希望在整个应用程序中可用的值

Answer 2

我建议您考虑使用Model View View Model模式来管理应用程序的导航逻辑和内容。 （Channel9简介视频）

为了帮助您进行导航，您可以使用MVVM Light库 ，该库提供了一些有用的导航方法：

在ViewModelLocator.cs中，您可以为每个要浏览的页面定义一个字符串：

static ViewModelLocator()
{
    ServiceLocator.SetLocatorProvider(() => SimpleIoc.Default);

    var nav = new NavigationService();
    nav.Configure("MainMenu", typeof(MainMenuView));
    nav.Configure("About", typeof(AboutView));
    nav.Configure("Game", typeof(GameView));

    SimpleIoc.Default.Register<INavigationService>(() => nav);

    SimpleIoc.Default.Register<MainMenuViewModel>();
    SimpleIoc.Default.Register<AboutViewModel>();
    SimpleIoc.Default.Register<GameViewModel>();
}

典型的ViewModel可以是：

public class GameViewModel : ViewModelBase
{
    private INavigationService _navigationService;
    public GameViewModel(INavigationService NavigationService)
    {
        _navigationService = NavigationService;
    }

    // Then, when you want to expose a navigation command:
    private RelayCommand _navigateToMenuCommand;
    public RelayCommand NavigateToMenuCommand
    {
        get
        {
            return _navigateToMenuCommand
                ?? (_navigateToMenuCommand = new RelayCommand(
                () =>
                {
                    _navigationService.NavigateTo("MainMenu");
                }
        {
    }
}

和.XAML：

<Button Content="Back to Main Menu" Command={Binding GameViewModel} />