我如何获得一个按钮来导航到另一个页面

Question

这是 MainViewModel.cs ：

 public MainViewModel()
            {
                Products = new ObservableRangeCollection<ProductViewModel>()
                {
                    new ProductViewModel()
                    {
                        HeroColor = "#95C9F7",
                        Name="Manager",
                        ImageUrl = "QRM",
                        IsFeatured = true,
                        Description = "Contained in a glass polygonal florarium",
                    },
                    new ProductViewModel()
                    {
                        HeroColor = "#FFCA81",
                        Name="Yellow Sun",
                        ImageUrl = "yellow_moss",
                        IsFeatured = true,
                        Description = "Contained in a yellow glass polygonal florarium",

问题是我想要每个（新的 ProductViewsModel）按钮让我转到另一个页面

-我尝试对主页执行此操作，但此按钮转到每个新 ProductViewsModel 的同一页面：

  <Grid Grid.Row="2">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
            </Grid>
            <Button x:Name="ClickButton" BackgroundColor="#FB9B63" CornerRadius="10" HeightRequest="60" FontSize="20" HorizontalOptions="Center"
                    Text="Entrer" TextColor="White" VerticalOptions="Center" Clicked="AddToCartButton_Clicked" />

（MainPage.xaml.cs）中的按钮代码：

private void AddToCartButton_Clicked(object sender, EventArgs e)
{

}

Answer 1

你可以这样做

private void AddToCartButton_Clicked(object sender, EventArgs e)
{
    var btn = (Button)sender;
    var item = (ProductViewModel)btn.BindingContext;

    ContentPage page = null;

    switch(item.Name)
    {
       case "Manager":
         page = new ManagerPage();
         break;
       ...
    }

    Navigation.PushAsync(page);
    
}