在ViewModel上未更新BindableProperty

JMa*_*Man 3 data-binding xaml xamarin.forms

在Xamarin.Forms中,我实现了一个自定义Picker。该ItemsSource设置正确。但是,当我更改所选项目时,它不会更新ViewModel上的属性。

BindablePicker

public class BindablePicker : Picker
{
    public BindablePicker()
    {
        this.SelectedIndexChanged += OnSelectedIndexChanged;
    }

    public static BindableProperty ItemsSourceProperty =
        BindableProperty.Create<BindablePicker, IEnumerable>(o => o.ItemsSource, default(IEnumerable), propertyChanged: OnItemsSourceChanged);

    public static BindableProperty SelectedItemProperty =
        BindableProperty.Create<BindablePicker, object>(o => o.SelectedItem, default(object), propertyChanged: OnSelectedItemChanged);


    public IEnumerable ItemsSource
    {
        get { return (IEnumerable)GetValue(ItemsSourceProperty); }
        set { SetValue(ItemsSourceProperty, value); }
    }

    public object SelectedItem
    {
        get { return (object)GetValue(SelectedItemProperty); }
        set { SetValue(SelectedItemProperty, value); }
    }

    private static void OnItemsSourceChanged(BindableObject bindable, IEnumerable oldvalue, IEnumerable newvalue)
    {
        var picker = bindable as BindablePicker;
        picker.Items.Clear();
        if (newvalue != null)
        {
            //now it works like "subscribe once" but you can improve
            foreach (var item in newvalue)
            {
                picker.Items.Add(item.ToString());
            }
        }
    }

    private void OnSelectedIndexChanged(object sender, EventArgs eventArgs)
    {
        if (SelectedIndex < 0 || SelectedIndex > Items.Count - 1)
        {
            SelectedItem = null;
        }
        else
        {
            SelectedItem = Items[SelectedIndex];
        }
    }
    private static void OnSelectedItemChanged(BindableObject bindable, object oldvalue, object newvalue)
    {
        var picker = bindable as BindablePicker;
        if (newvalue != null)
        {
            picker.SelectedIndex = picker.Items.IndexOf(newvalue.ToString());
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

Xaml页面:

<controls:BindablePicker Title="Category"
        ItemsSource="{Binding Categories}"
        SelectedItem="{Binding SelectedCategory}"
        Grid.Row="2"/>
Run Code Online (Sandbox Code Playgroud)

这些ViewModel属性未NotifyPropertyChanged在属性上实现,因为它们仅需要从“ View to theViewModel” 进行更新:

public Category SelectedCategory { get; set; }
public ObservableCollection<Category> Categories { get; set; }
Run Code Online (Sandbox Code Playgroud)

Ste*_*oix 5

创建BindableProperty时:

public static BindableProperty SelectedItemProperty =
    BindableProperty.Create<BindablePicker, object>(o => o.SelectedItem, default(object), propertyChanged: OnSelectedItemChanged);
Run Code Online (Sandbox Code Playgroud)

如果未指定defaultBindingMode,则将BindingMode设置为OneWay,表示绑定从源(您的视图模型)更新为目标(您的视图)。

这可以通过更改defaultBindingMode来解决:

public static BindableProperty SelectedItemProperty =
    BindableProperty.Create<BindablePicker, object>(o => o.SelectedItem, default(object), BindingMode.TwoWay, propertyChanged: OnSelectedItemChanged);
Run Code Online (Sandbox Code Playgroud)

或者,如果这是您选择器的默认设置,但只想在此视图中更新源,则可以仅为此绑定实例指定BindingMode:

<controls:BindablePicker Title="Category"
    ItemsSource="{Binding Categories}"
    SelectedItem="{Binding SelectedCategory, Mode=TwoWay}"
    Grid.Row="2"/>
Run Code Online (Sandbox Code Playgroud)