Как отображать сведения о продукте при выборе продукта с помощью Xamarin Forms

Question

• 1000 затем пользователь может добавить его в корзину.

Мне нужна помощь, чтобы наилучшим образом отобразить детали отдельного продукта, когда пользователь нажимает на продукт в списке.

Так, например, когда я нажмите на категорию продукта, появится список продуктов.

Как мне отобразить отдельные сведения о продукте на другой странице при выборе продукта?

Любая помощь будет принята с благодарностью!

Вот мой productpage.xaml, где все продукты отображаются правильно.

<ListView x:Name="productsListView"
                      HasUnevenRows="True"                       
                        VerticalOptions="FillAndExpand"
                      SeparatorVisibility="None"
                      ItemSelected="OnItemSelected">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <ViewCell>
                            <ViewCell.View>
                                <Frame HasShadow="True" Padding="20" Margin="20">
                                    <StackLayout>
                                        <Image Source="{Binding featured_src}"/>
                                        <Label Text="{Binding title}" FontSize="Medium"/>
                                        <Frame BackgroundColor="Red" Padding="5" HorizontalOptions="Center" WidthRequest="80" HeightRequest="20" CornerRadius="00">
                                            <Label WidthRequest="40" Text="{Binding price , StringFormat='${0}'}" TextColor="White" HorizontalTextAlignment="Center"></Label>
                                        </Frame>

                                    </StackLayout>
                                </Frame>
                        
                            </ViewCell.View>
                        </ViewCell>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>

Мне просто нужно выяснить, как отображать отдельные продукты.

Answer 1

Как мне отображать отдельные сведения о продукте на другой странице при выборе продукта?

Во-первых, ваше приложение должно начинаться с NavigationPage:

public App()
{
    InitializeComponent();

    MainPage = new NavigationPage(new MainPage());
}

Вы можете перенаправить sh на другую страницу с указанием c продукта dataModel, чтобы отобразить детали выбранного продукта в OnItemSelected методе:

private void OnItemSelected(object sender, SelectedItemChangedEventArgs e)
{

    dataModel selectedProductModel = e.SelectedItem as dataModel;

    Navigation.PushAsync(new ProductDetail(selectedProductModel));
}

И у вас должен быть ProductDetail страница для отображения подробностей:

public partial class ProductDetail : ContentPage
{
    public ProductDetail()
    {
        InitializeComponent();
    }

    public ProductDetail(dataModel model)
    {
        InitializeComponent();

        //get the produce info from model and show it in this page
    }
}