如何从所选项目的集合中将数据从一页输出到另一页？ 在ViewModel中在ContentPage

如何解决如何从所选项目的集合中将数据从一页输出到另一页？ 在ViewModel中在ContentPage

我有两个XAML页面，一个有其通用的ViewModel页面，我想从所选项目的集合中将数据从一个页面输出到另一个页面。它必须是Label的文本。 我有两个问题

1）我无法将文本从标签绑定到对象字段

2）如果我将Label的Text绑定到一个变量，我只能在当前页面上看到数据。但是如果我转到另一页并在此处放置相同的标签，则不会显示信息。我不明白为什么会这样，因为在下一页上，同一变量已经包含数据

第一个XAML页面

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="App1.TryPage">
    <ContentPage.Content>
        <StackLayout>
            <CollectionView  x:Name="AddCar" ItemsSource="{Binding Hearts}"      
                  SelectionMode="None">
                <CollectionView.ItemsLayout>
                    <GridItemsLayout Orientation="Vertical"
                Span="2" />
                </CollectionView.ItemsLayout>
                <CollectionView.ItemTemplate>
                    <DataTemplate>
                        <Grid >
                            <Grid.RowDefinitions>
                                <RowDefinition Height="135" />
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="150" />
                                <ColumnDefinition Width="150" />
                            </Grid.ColumnDefinitions>
                            <Frame CornerRadius="10" BorderColor="Black" Padding="0" >
                                <Button 
                           CornerRadius="10" HorizontalOptions="Center" VerticalOptions="Center" HeightRequest="135" WidthRequest="150"
                         BackgroundColor="{Binding CustButtonColor}" ImageSource="{Binding Image}"
                          Command="{ Binding BindingContext.ChangeColor,Source={x:Reference Name=AddCar} }"  CommandParameter="{Binding .}"/>
                            </Frame>
                        </Grid>
                    </DataTemplate>
                </CollectionView.ItemTemplate>
            </CollectionView>
            <Label x:Name="small12" FontSize="Large" HorizontalOptions="Center"  VerticalOptions="Start"  Text="{Binding  tryHeart.TypeHeart}" />
        <Button Text="Navigate" Command="{Binding navigateCommand }">
        </StackLayout>
    </ContentPage.Content>
</ContentPage>

代码隐藏

 public partial class TryPage : ContentPage
    {
        public TryPage()
        {
            InitializeComponent();
            BindingContext = new TryPageCS(this.Navigation);
        }
    }

查看模型页面

 public   class TryPageCS : INotifyPropertyChanged
{
     public ObservableCollection<CircleColor> Hearts { get; set; }
    public ICommand ChangeColor { protected set; get; }

    public TryHeart tryHeart { get; set; }
    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this,new PropertyChangedEventArgs(propertyName));
    }
    INavigation Navigation { get; set; }

    public Command navigateCommand { get; set; }

    public async Task GotoPage2()
    {
        await Navigation.PushModalAsync(new MainPage());
    }



    public TryPageCS(INavigation navigation)
    {
        tryHeart = new TryHeart();

        this.Navigation = navigation;
        this.navigateCommand = new Command(async () => await GotoPage2());


        Hearts = new ObservableCollection<CircleColor>();
        Hearts.Add(new CircleColor() { Name = "one",Image = "heart",CustButtonColor = Color.White });
        Hearts.Add(new CircleColor() { Name = "two",Image =  "heart",CustButtonColor = Color.White });
        Hearts.Add(new CircleColor() { Name = "three",CustButtonColor = Color.White });
        Hearts.Add(new CircleColor() { Name = "four",CustButtonColor = Color.White });
  
        var DefaultCars = new ObservableCollection<CircleColor>();
        DefaultCars = Hearts;

        ChangeColor = new Command<CircleColor>((key) =>
        {

            foreach (var item in Hearts)
            {
                item.CustButtonColor = Color.White;
                item.Image = "heart";
            }
            var car = key as CircleColor;
            car.CustButtonColor = Color.LightCoral;
            tryHeart.TypeHeart = car.Name;
            
        });
    }
}

第二页

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d"
              xmlns:controls="clr-namespace:App1"
             x:Class="App1.MainPage">
    <StackLayout>

        <Label  FontSize="Large"   Text="{Binding  tryHeart.TypeHeart}" />
    
    </StackLayout>
</ContentPage>

代码隐藏

 public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();
            BindingContext = new TryPageCS(this.Navigation);

        }

    }

我还有一堂课

 public class TryHeart : INotifyPropertyChanged
    {
        string typeHeart;

        public string TypeHeart
        {
            set
            {
                if (typeHeart != value)
                {
                    typeHeart = value;
                    OnPropertyChanged("TypeHeart");

                }
            }
            get
            {
                return typeHeart;
            }

        }
        public event PropertyChangedEventHandler PropertyChanged;

        protected virtual void OnPropertyChanged(string propertyName)
        {
            PropertyChanged?.Invoke(this,new PropertyChangedEventArgs(propertyName));
        }
    }

我将解释为什么我需要它。在我的真实项目中，我必须从不同页面收集有关汽车的信息。此类的对象将是我的机器。因此，我想在一个类的对象中写下收集的数据，然后在最后一页上显示数据

在第二个XAML页面上，我只写了相同的标签

 <Label x:Name="small123" FontSize="Large" HorizontalOptions="Center" VerticalOptions="Start"  Text="{Binding   Name}" />

请帮我解决两个问题 1）为什么我不能写

<Label x:Name="small12" FontSize="Large" HorizontalOptions="Center" VerticalOptions="Start"  Text="{Binding    tryHeart.TypeHeart}" />

信息不显示

2）如何显示从选定项目的集合视图到另一页的页面中的信息

导航不包含PushModalAsync的定义

解决方法

问题1

ViewModel中的

TryHeart 是您的私人财产。您需要将其设置为公开。

public TryHeart tryHeart {get;set;}

public TryPageCS()
{
  //...
  tryHeart = new TryHeart();
  //...
}

问题2

如果要在VM中处理导航逻辑，则需要从当前页面传递当前导航。

在ViewModel中

添加属性

INavigation CurrentNavigation { get; set; }

public TryPageCS(INavigation navigation)
{
    CurrentNavigation = navigation;
}

现在您可以在方法中使用属性

await CurrentNavigation.PushModalAsync(new MainPage());

在ContentPage

将导航作为参数传递

BindingContext = new TryPageCS(this.Navigation);