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

时间:2020-06-23 11:43:44

标签: c# xamarin xamarin.forms

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

它仅接收Xamarin.Forms.internals 的某些实例,而不是接收对象实例。我要么需要从中提取对象的实例,要么需要进行一些更改以使实际实例已经通过。

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

<?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();
        }
    }
}

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

在此先感谢您的回答:)

1 个答案:

答案 0 :(得分:1)

您的代码正确,但几乎没有错误。

mongoengine

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

    public Page()
    {
        InitializeComponent();
        BindingContext = this; //add this line
    }

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