Xamarin:将参数从绑定传递到自定义控件

Question

我最近一直在学习 Xamarin 框架，我想创建一个可重用的控制元素来显示对象的某些属性。为了消除冗余，我想将整个对象传递给控件，并让它管理如何显示它。但是，在从绑定传递对象时，我遇到了奇怪的行为。

它不接收对象实例，而是只接收 Xamarin.Forms.internals<CoffeeCounter.Demo.Page、CoffeeCounter.Demo.Parameter> 的某个实例。我要么需要从中提取对象的实例，要么更改一些内容，以便实际实例已经通过。

这是该问题的紧凑演示。首先是一个简单的页面视图，其中包含可重用控件的实例。

<?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:demo="clr-namespace:CoffeeCounter.Demo;assembly=CoffeeCounter"
x:Class="CoffeeCounter.Demo.Page"
x:DataType="demo:Page">
<ContentPage.Content>
<StackLayout>
<demo:Control Parameter="{Binding Parameter}"/>
</StackLayout>
</ContentPage.Content>
</ContentPage>

它接收参数对象，其中包含要从代码隐藏中显示的属性。

using Xamarin.Forms;
namespace CoffeeCounter.Demo {
public partial class Page : ContentPage {
public Page() {
InitializeComponent();
}

public Parameter Parameter => new Parameter{Foo="Football", Bar="Barricade"};
}
}

参数类只是这样。

namespace CoffeeCounter.Demo {
public class Parameter {
public string Foo {get; set;}
public string Bar {get; set;}

public override string ToString() {
return "Foo: " + Foo + ", " + "Bar: " + Bar;
}
}
}

然后像这样构建控件。

<?xml version="1.0" encoding="UTF-8"?>
<ContentView 
xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="CoffeeCounter.Demo.Control">
<Label x:Name="Title" Text=""/>
</ContentView>

using Xamarin.Forms;
namespace CoffeeCounter.Demo {
public partial class Control {
public static readonly BindableProperty PARAMETER = BindableProperty.Create(
"Parameter",
typeof(object),
typeof(Control),
null,
BindingMode.TwoWay,
propertyChanged: (bindable, oldValue, newValue) => {
var control = (Control) bindable;
control.Title.Text = newValue.ToString();
}
);
public object Parameter {
set => SetValue(PARAMETER, value);
}
public Control() {
InitializeComponent();
}
}
}

我知道自定义控件可能也可以使用绑定来更新其内容，但这不是这个问题的重点。

提前感谢您的任何答案:)

Answer 1

您的代码是正确的，但错误很少。

public Page()
{
InitializeComponent();
BindingContext = this; //add this line
}
public Parameter Parameter => new Parameter { Foo = "Football", Bar = "Barricade" };

你的Control.Xaml.cs应该是这样的。

public Control()
{
InitializeComponent();
}
public static readonly BindableProperty ParameterProperty = BindableProperty.Create(
nameof(Parameter),
typeof(object),
typeof(Control),
null,
BindingMode.TwoWay,
propertyChanged: (bindable, oldValue, newValue) => {
var control = (Control)bindable;
control.Title.Text = newValue.ToString();
}
);
public object Parameter
{
set => SetValue(ParameterProperty, value);
}