xamarin 表单 - 与选择器的两种方式绑定 - 为什么我不能从后面的代码更新选择器？

Question

我的产品页面只显示“产品名称”和“数量”，数量被显示/绑定到选择器。

出于测试目的，仅从 VM 加载了 2 个产品。葡萄酒 1 和葡萄酒 2。

应用程序加载时，为什么选择器是空的，没有选择任何值。当每个项目的数量设置为 1 时，从 VM 加载时

数量设置为 1，选择器在最初加载时没有更新，我知道这是因为如果我单击空选择器并选择 1。没有任何反应，因为代码命中

if (quantity != value)

//其中选择的数量1在后面的代码中已经是1，所以不会在数量中从setter调用propertyChanged，

还有... 如果我选择选择器并选择另一个数字，例如 4。数量上的setter被击中，OnPropertyChanged被击中，picker上显示4。 （如果选择了 3，我什至测试了更改产品名称） 这行得通。

我知道这一切都有效，因为我已经逐步完成了代码。 但是现在发生的另一个问题是，由于某种原因，代码在每次单击后再次达到 get/set AGAIN 的数量并将值设置为 0。

例如，如果单击 4，则选择器将在屏幕上更新为 4，然后如果我通过单步执行代码，再次调用数量设置器，将值设置为 0，因此什么都不选择在选择器中。将其留空，就像它最初加载时一样。

任何有助于解决此问题的帮助将不胜感激，感谢 Y

感谢 Y 提供的任何帮助

public class ProductModel : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;
        private int quantity;
        private string productName;

        public ProductModel()
        { }

        [PrimaryKey, AutoIncrement]
        public int ProductId { get; set; }

        [MaxLength(50)]
        public string ProductName
        {
            get
            {
                return productName;
            }
            set
            {
                productName = value;
                OnPropertyChanged();
            }
        }

        public int Quantity
        {
            get
            {
                return quantity;
            }
            set
            {
                if (quantity != value)
                {
                    quantity = value;
                    OnPropertyChanged();

                    //test to check if binding works, successfully changed ProductName to "test" if 3 is picked from picker
                    if (quantity == 3)
                        ProductName = "test;";
                }

            }
        }
        protected void OnPropertyChanged([CallerMemberName] string name = null)
        {
            var changed = PropertyChanged;
            if (changed == null)
                return;

            changed.Invoke(this, new PropertyChangedEventArgs(name));
        }

    }
    public class ProductPageViewModel : BindableObject
        {
           public ObservableCollection<ProductModel> WineList { get; set; }
            public ProductPageViewModel ()
            {
                WineList = new ObservableCollection<ProductModel>();
                WineList.Add(new ProductModel { ProductId = 1, ProductName = "Wine 1", Quantity = 1});
                WineList.Add(new ProductModel { ProductId = 2, ProductName = "Wine 2", Quantity = 1});
            }
   
        
    
    
 <?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="ScrollApp2.Views.ProductPage">
    <ContentPage.Content>
        <StackLayout>
         
            <ListView  x:Name="producttablelist" IsVisible="True" VerticalOptions="FillAndExpand" HasUnevenRows="True" ItemsSource="{Binding WineList}" HeightRequest="1500">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <ViewCell>
                            <StackLayout HeightRequest="120" BackgroundColor="Green" HorizontalOptions="StartAndExpand">
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto"/>
                                        <RowDefinition Height="Auto"/>
                                    </Grid.RowDefinitions>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="*"/>
                                </Grid.ColumnDefinitions>
                                <Label Grid.Row="0" Grid.Column="0" Text="{Binding ProductName}" TextColor="Black" VerticalOptions="Start"></Label>

                                    <Picker Grid.Column="1" Grid.Row="0" SelectedItem="{Binding Quantity,Mode=TwoWay}">
                                        <Picker.Items>
                                            <x:String>0</x:String>
                                            <x:String>1</x:String>
                                            <x:String>2</x:String>
                                            <x:String>3</x:String>
                                            <x:String>4</x:String>
                                            <x:String>5</x:String>
                                            <x:String>6</x:String>
                                        </Picker.Items>
                                    </Picker>
                                </Grid>
                            </StackLayout>
                        </ViewCell>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>

            
        </StackLayout>
       
    </ContentPage.Content>
</ContentPage>

    
   namespace ScrollApp2.Views
{
    [XamlCompilation(XamlCompilationOptions.Compile)]
    public partial class ProductPage : ContentPage
    {
        public ProductPage()
        {
            InitializeComponent();
            BindingContext = new ProductPageViewModel();
        }
    }
}

Answer 1

您的ProductModel 类不继承自INotifyPropertyChanged 接口，您需要将接口添加到您的类并实现它，同时确保在Quantity setter 中引发INotifyPropertyChanged.PropertyChanged 事件.

此时您可能想要创建一个ProductViewModel，因为我不确定您是否要将INotifyPropertyChanged 添加到像ProductModel 这样的POCO 类中。

---

请不要用其他问题编辑您的问题，请打开一个新问题。您之前的问题可能已经帮助其他人在更改不从IPropertyChanged 继承的类的属性时面临相同的 UI 未更新问题。我之前的回答现在与新问题无关，并且永远不会使其他任何人受益。

对于您的新问题，您的Quantity 类型为int，您的选择器项目类型为string，将Quantity 类型更改为string 应该有助于解决您的问题，您也可以使用@987654335 @ 而不是 SelectedItem 如果项目的索引匹配。

<Picker SelectedIndex="{Binding Quantity, Mode=TwoWay}">
    <Picker.Items>
        <x:String>0</x:String>
        <x:String>1</x:String>
        <x:String>2</x:String>
        <x:String>3</x:String>
        <x:String>4</x:String>
        <x:String>5</x:String>
        <x:String>6</x:String>
    </Picker.Items>
</Picker>

Answer 2

看起来您已经在您的ProductModel 上正确实现了INotifyPropertyChanged，但现在您需要在ProductModel 类的构造函数中订阅它。

我已经对您正在寻找的内容进行了简单的实现（我排除了您的其余代码，以便更容易消化）

public class ProductModel : INotifyPropertyChanged {
        
        //Event
        public event PropertyChangedEventHandler PropertyChanged;

        //Fields
        private string _ProductName;
        private int _Quantity;

        //Properties
        public int Quantity {
            get { return _Quantity; }
            set {
                _Quantity = value;
                OnPropertyChanged();
            }
        }

        public string ProductName {
            get { return _ProductName; }
            set {
                _ProductName = value;
                OnPropertyChanged();
            }
        }


        //Constructor
        public ProductModel() {
            //Subscription
            this.PropertyChanged += OnPropertyChanged;
        }

        //OnPropertyChanged
        private void OnPropertyChanged(object sender, PropertyChangedEventArgs e) {
            if (e.PropertyName == nameof(Quantity)) {
                //Do anything that needs doing when the Quantity changes here...
            }
        }

        [NotifyPropertyChangedInvocator]
        protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null) {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }

如果这能让你继续前进，请告诉我