我想显示我在 上获得的分数MultiplicationPage
信息GameOverPage
。我想我已经从中提取了数据PlayerModal
,但它仍然没有显示。
GameOverPage.xaml
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:viewModels="clr-namespace:MauiApp2.ViewModels"
xmlns:models="clr-namespace:MauiApp2.Models"
x:Class="MauiApp2.Views.GameOverPage"
x:DataType="viewModels:GameOverPageViewModel"
Shell.BackButtonBehavior="{BackButtonBehavior IsVisible=False, IsEnabled=False}"
Title="GameOverPage">
<VerticalStackLayout Spacing="60">
<Label Text="GAME OVER AMK!"
VerticalOptions="Center"
HorizontalOptions="Center" />
<Label Text="Score"
VerticalOptions="Center"
HorizontalOptions="Center"/>
<Label Text="{Binding playerModal.Score}"
VerticalOptions="Center"
HorizontalOptions="Center"/>
<Button Text="Try Again" Command="{Binding TryAgainCommand}"/>
<Button Text="Main Menu" Command="{Binding MainMenuCommand}"/>
</VerticalStackLayout>
</ContentPage>
GameOverPageViewModel.cs
using CommunityToolkit.Mvvm.Input;
using MauiApp2.Models;
using MauiApp2.Services;
using MauiApp2.Views;
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace MauiApp2.ViewModels
{
public partial class GameOverPageViewModel : BaseViewModel
{
public ObservableCollection<PlayerModal> PlayerDetails { get; set; } = new ObservableCollection<PlayerModal>();
public PlayerModal playerModal { get; set; } = new PlayerModal();
public GameOverPageViewModel(INavigationService navigationService) : base(navigationService)
{
}
[RelayCommand]
public void TryAgain()
{
NavigationService.NavigateToAsync(nameof(MultiplicationPage));
}
[RelayCommand]
async Task MainMenu()
{
await Shell.Current.GoToAsync("../../..");
}
}
}
PlayerModal.cs
using CommunityToolkit.Mvvm.ComponentModel;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace MauiApp2.Models
{
public partial class PlayerModal : ObservableObject
{
[ObservableProperty]
int score;
[ObservableProperty]
int highScore;
[ObservableProperty]
int timeReaming;
[ObservableProperty]
int correctAnswer;
[ObservableProperty]
string answer;
[ObservableProperty]
string question;
}
}
乘法PageViewModel.cs
using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;
using MauiApp2.Models;
using MauiApp2.Services;
using MauiApp2.Views;
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Input;
namespace MauiApp2.ViewModels
{
public partial class MultiplicationPageViewModel : BaseViewModel
{
public ObservableCollection<PlayerModal> PlayerDetails { get; set; } = new ObservableCollection<PlayerModal>();
public PlayerModal playerModal { get; set; } = new PlayerModal();
public ICommand SubmitAnswerCommand { get; }
public MultiplicationPageViewModel(INavigationService navigationService) : base(navigationService)
{
playerModal.Score = 0;
playerModal.TimeReaming= 60;
SubmitAnswerCommand = new Command(SubmitAnswer);
// Create a question as an example
GenerateQuestion();
// Start the timer
StartTimer();
}
[RelayCommand]
public void GenerateQuestion()
{
Random random = new Random();
int number1 = random.Next(1, 11); // a random number between 1 and 10
int number2 = random.Next(1, 11); // a random number between 1 and 10
// playerModal.Answer = (number1 * number2).ToString(); Automatic Answer
playerModal.Question = $"{number1} x {number2}";
playerModal.CorrectAnswer = number1 * number2;
}
public async void StartTimer()
{
while (true)
{
await Task.Delay(1000); // wait 1 sec
playerModal.TimeReaming--;
if (playerModal.TimeReaming == 0)
{
GameOver(); // Finish the game when time is up
}
}
}
public void SubmitAnswer()
{
if (int.TryParse(playerModal.Answer, out int userAnswer))
{
int correctAnswer = playerModal.CorrectAnswer;
if (userAnswer == correctAnswer)
{
playerModal.Score += 10;
playerModal.TimeReaming += 5;
}
else
{
playerModal.Score -= 10;
playerModal.TimeReaming -= 55;
// Negative score and time control
if (playerModal.Score < 0)
{
playerModal.Score = 0;
}
if (playerModal.TimeReaming < 0)
{
GameOver();
playerModal.TimeReaming = 0;
}
}
GenerateQuestion();
}
playerModal.Answer = "";
}
public async void GameOver()
{
// Check earned score and update new high score
if (playerModal.Score > playerModal.HighScore)
{
playerModal.HighScore = playerModal.Score;
}
await NavigationService.NavigateToAsync(nameof(GameOverPage));
}
}
}
您的项目中的问题是
PlayerModal
和是不同MultiplicationPageViewModel
的GameOverPageViewModel
实例。所以你可以在BaseViewModel中声明它,例如:在 GameOverPageViewModel 中:
在 MultiplicationPageViewModel 中:
另外,你也可以尝试在导航时将playerModal或者分数传递到其他页面。