了解 Xamarin 表单中的数据绑定

Question

我对 Xamarin 绑定的工作方式感到困惑。

单向

表示绑定应该只传播来自源的更改 （通常是视图模型）到目标（BindableObject）。这是 大多数 BindableProperty 值的默认模式。

所以默认情况下，如果在视图模型中设置了值，它将反映在 xaml 页面中。

但在 Xamarin 默认模板中，下面是插入新项目的代码。页面没有在标记中设置任何双向绑定模式。

<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"
             x:Class="Christianity.Mobile.Views.NewItemPage"
             Title="New Item">

    <ContentPage.ToolbarItems>
        <ToolbarItem Text="Cancel" Clicked="Cancel_Clicked" />
        <ToolbarItem Text="Save" Clicked="Save_Clicked" />
    </ContentPage.ToolbarItems>

    <ContentPage.Content>
        <StackLayout Spacing="20" Padding="15">
            <Label Text="Text" FontSize="Medium" />
            <Entry Text="{Binding Item.Text}" d:Text="Item name" FontSize="Small" />
            <Label Text="Description" FontSize="Medium" />
            <Editor Text="{Binding Item.Description}" d:Text="Item description" FontSize="Small" Margin="0" />
        </StackLayout>
    </ContentPage.Content>
</ContentPage>

在这里我可以看到在创建新页面时会填充项目的默认值，并且在保存项目时可以使用已编辑的名称和描述。

我的问题 - 默认情况下是否实现了两种方式绑定而没有设置任何绑定模式？

public partial class NewItemPage : ContentPage
{
    public Item Item { get; set; }
    public NewItemPage()
    {
        InitializeComponent();
        Item = new Item
        {
            Text = "Item name",
            Description = "This is an item description."
        };
        BindingContext = this;
    }
    async void Save_Clicked(object sender, EventArgs e)
    {
        MessagingCenter.Send(this, "AddItem", Item);
        await Navigation.PopModalAsync();
    }
    async void Cancel_Clicked(object sender, EventArgs e)
    {
        await Navigation.PopModalAsync();
    }
}

更新 这是我异步加载数据的代码

<?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"
             x:Class="Christianity.Mobile.Views.ItemDetailPage"
             Title="{Binding Title}">

    <StackLayout Spacing="20" Padding="15">
        <Label Text="Text:" FontSize="Medium" />
        <Label Text="{Binding Item.Title}" d:Text="Item title" FontSize="Small"/>
        <Label Text="Description:" FontSize="Medium" />
        <Label Text="{Binding Item.Description}" d:Text="Item description" FontSize="Small"/>
    </StackLayout>
</ContentPage>

public class ItemDetailViewModel : BaseViewModel
{
    public ItemListItemDTO SelectedItem { get; set; }

    public ItemDTO Item { get; set; }
    public ICommand LoadItemCommand;

    public ItemDetailViewModel(IPageService pageService, ItemListItemDTO selectedItem)
    {
        SelectedItem = selectedItem;

        LoadItemCommand = new Command(async () => await LoadItem());

    }

    public async Task LoadItem()
    {
        IsBusy = true;

        try
        {
            // Both are not working
            Item = await ItemsDataStore.GetItemAsync(SelectedItem.Id);
            //await Device.InvokeOnMainThreadAsync(async () =>
            //{
            //    Item = await ItemsDataStore.GetItemAsync(SelectedItem.Id);
            //});
        }
        catch (Exception ex)
        {
            Debug.WriteLine(ex);
        }
        finally
        {
            IsBusy = false;
        }
    }
}

Answer 1

根据Xamarin.Forms Binding Mode，您可以看到大多数可绑定属性的默认绑定模式为OneWay，但以下属性的默认绑定模式为TwoWay：

1. DatePicker 的日期属性

2. Editor、Entry、SearchBar 和 EntryCell 的文本属性

3. ListView 的 IsRefreshing 属性

4. MultiPage 的SelectedItem 属性

5. Picker 的 SelectedIndex 和 SelectedItem 属性

6. Slider 和 Stepper 的 Value 属性

7. Switch 的 IsToggled 属性

8. SwitchCell 的 On 属性

9. TimePicker 的时间属性

这些特殊属性被定义为 TwoWay 是有充分理由的：

当数据绑定与 Model-View-ViewModel (MVVM) 应用程序架构一起使用时，ViewModel 类是数据绑定源，而由 Slider 等视图组成的 View 是数据绑定目标。 MVVM 绑定与Reverse Binding 示例的相似之处多于之前示例中的绑定。您很可能希望页面上的每个视图都使用 ViewModel 中相应属性的值进行初始化，但视图中的更改也会影响 ViewModel 属性。

默认绑定模式为 TwoWay 的属性是最有可能在 MVVM 场景中使用的属性。

更新：

例如你使用Web Api获取数据，然后加载到ItemDTO Item中，请确认你已经为ItemDTO类实现了INotifyPropertyChanged接口来通知数据发生变化。

public class ItemDTO:ViewModelBase
{
    private string _Text;
    public string Text
    {
        get { return _Text; }
        set
        {
            _Text = value;
            RaisePropertyChanged("Text");
        }
    }

    private string _Description;
    public string Description
    {
        get
        { return _Description; }
        set
        {
            _Description = value;
            RaisePropertyChanged("Description");
        }
    }
}

ViewModelBase 是实现 INotifyPropertyChanged 的类。

public class ViewModelBase : INotifyPropertyChanged
{

    public event PropertyChangedEventHandler PropertyChanged;

    public void RaisePropertyChanged(string propertyName)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null)
        {
            handler(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}