这是一个 MVVM 示例,说明了我如何将 TextCell“Text”属性绑定到结构类型实例的 int 属性。
我为重要的线路放了 cmets。
视觉结果应该是一个表格视图,其中一个部分标题为“Cool Struct Section”,一个文本单元格作为子项,显示文本“123”,这是结构的当前值。
XAML 页面内容:
<ContentPage.Content>
<TableView Intent="Settings">
<TableRoot>
<TableSection Title="{Binding TableSectionTitle}">
<TextCell Text="{Binding StruValues.A}" />
</TableSection>
</TableRoot>
</TableView>
</ContentPage.Content>
后面的C#页面代码:
using MVVMExample.ViewModel;
using Xamarin.Forms;
using Xamarin.Forms.Xaml;
namespace MVVMExample
{
[XamlCompilation(XamlCompilationOptions.Compile)]
public partial class TableViewPage : ContentPage
{
public TableViewPage()
{
InitializeComponent();
BindingContext = new TableViewPageVM(); //Assing the ViewModel to the binding context!
}
}
}
C# ViewModel(也是页面的 BindingContext):
using MVVMExample.Utils;
namespace MVVMExample.ViewModels
{
public class TableViewPageVM : BindableBase
{
//Simple text to bind to the TableSection Title property
private string tableSectionTitle;
public string TableSectionTitle { get { return tableSectionTitle; } set { SetProperty(ref tableSectionTitle, value); } }
//Property that will hold our struValues instance. The TextCell "Text" Property will be bound to the A property of this instance.
//The A property exposes the value of the actual "a" property of the facades struct instance
private struValuesFacade _struValues;
public struValuesFacade StruValues { get { return _struValues; } set { SetProperty(ref _struValues, value); } }
public TableViewPageVM()
{
TableSectionTitle = "Cool Struct Section"; //Set the title text
StruValues = new struValuesFacade(123); //Create an instance of our facade
}
/// <summary>
/// A "facade" of the actual struct, that exposes the "a" property of the struct instance
/// Also holds the instances of the struct
/// </summary>
public class struValuesFacade : BindableBase
{
struValues origin;
public int A
{
get { return origin.a; }
set
{
SetProperty(ref origin.a, value);
}
}
public struValuesFacade(int value)
{
origin = new struValues() { a = value };
}
}
/// <summary>
/// Your beloved struct
/// </summary>
struct struValues
{
public int a;
}
}
}
C#“BindableBase”类,继承自 INotifyPropertyChanged(归功于 msdn.microsoft.com)
(在 MVVM 环境中属性更改时必须更新视图)
using System.ComponentModel;
using System.Runtime.CompilerServices;
namespace MVVMTest.Utils
{
public class BindableBase : INotifyPropertyChanged
{
///
/// Multicast event for property change notifications.
///
public event PropertyChangedEventHandler PropertyChanged;
///
/// Checks if a property already matches a desired value. Sets the property and
/// notifies listeners only when necessary.
///
///Type of the property.
///Reference to a property with both getter and setter.
///Desired value for the property.
///Name of the property used to notify listeners. This
/// value is optional and can be provided automatically when invoked from compilers that
/// support CallerMemberName.
///True if the value was changed, false if the existing value matched the
/// desired value.
protected bool SetProperty<T>(ref T storage, T value, [CallerMemberName] string propertyName = null)
{
if (object.Equals(storage, value)) return false;
storage = value;
this.OnPropertyChanged(propertyName);
return true;
}
///
/// Notifies listeners that a property value has changed.
///
///Name of the property used to notify listeners. This
/// value is optional and can be provided automatically when invoked from compilers
/// that support .
protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
{
this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}
}
}