将方法作为参数传递给 XAML 对象

Question

我目前正在使用一个CustomObject ，每个平台都需要一个CustomObjectRenderer 。

我想从 XAML 端将一个方法作为参数传递给这个对象，这样我就可以从我的渲染器使用这个回调。

<control:CustomObject Callback="CallbackFunction"/>

然后在 PCL 部分的MainPage.xaml.cs中声明CallbackFunction(object param) 。

public partial class MainPage : ContentPage
{
    public MainPage()
    {
        base.BindingContext = this;
    }

    public void CallbackFunction(object param)
    {
        Debug.WriteLine((object as Element).Name);
    }
}

---

所以，如果我理解得很好，我的CustomObject必须是这样的：

public CustomObject : Object
{
    public Action<object> Callback { get; set; }
}

但是我有一个关于 XAML 解析的错误.. 我不明白为什么会抛出这个错误..

最后，我想做的，就是从渲染器调用这个方法，然后处理事情，从MainPage.xaml.cs，从PCL部分做动作。

public class CustomObjectRenderer : ObjectRenderer
{
    NativeObject nativeObject;
    CustomObject customObject;

    protected override void OnElementChanged(ElementChangedEventArgs<CustomObject> e)
    {
        base.OnElementChanged(e);

        if (e.NewElement != null)
        {
            customObject = e.NewElement as CustomObject;
            nativeObject = Control as NativeObject;
        }
    }

    protected override void OnElementPropertyChanged(object sender, PropertyChangedEventArgs e)
    {
        base.OnElementPropertyChanged(sender, e);
    }

    // Etc etc .... 

    private void METHOD_CALLED_BY_EVENT(object o)
    {
        // This method get call by the renderer event and then, I want to call 
        // the method CallbackFunction(object); and do actions.
        customObject.Callback(o as OBJECT_PARAM);
    }
}

好吧，我向你解释我的问题有点困难，所以如果你不明白什么，让我知道。

Answer 1

您可以通过使用事件来实现这一点。

我的看法

public class MyView : View
{
    public event EventHandler<string> MyEvent;

    public void RaiseEvent(string parameter)
    {
        MyEvent?.Invoke(this, parameter);
    }
}

页面.xaml

<local:MyView MyEvent="MyView_OnMyEvent"></local:MyView>

页面.xaml.cs

public partial class MainPage : ContentPage
{
    public MainPage()
    {
        InitializeComponent();
    }

    private void MyView_OnMyEvent(object sender, string e)
    {
        Debug.WriteLine(e);
    }
}

渲染器

public class MyViewRenderer : ViewRenderer<MyView, SomeNativeView>
{
    private void METHOD_CALLED_BY_EVENT(string param)
    {
        Element.RaiseEvent(param);
    }
}

Answer 2

经过多次尝试，但没有奏效，我有了一个想法，我尝试并通过提出我的问题来按我想要的方式工作。

---

首先，创建您的自定义对象！

自定义视图

public class CustomView : View
{
    public static readonly BindableProperty MainPageCallbackProperty =
        BindableProperty.Create(nameof(MainPageCallback), typeof(Action<object>), typeof(CustomMap), null);
    public Action<object> MainPageCallback
    {
        get { return (Action<object>)GetValue(MainPageCallbackProperty); }
        set { SetValue(MainPageCallbackProperty, value); }
    }
}

我们因此使用Action ，它是方法/回调的容器。 但在我的示例中，我们将使用Action<object> 。 为什么？ 因为它允许我们有一个对象具有我们的回调参数，所以我们将能够从渲染器带回数据。

然后，通过示例创建一个名为MainPage.xaml的页面。 在这个新页面的 XAML 部分，添加以下代码：

<?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:control="clr-namespace:Project.CustomControl;assembly=Project"
             x:Class="Project.Page.MainPage">

  <ContentPage.Content>
    <control:CustomView MainPageCallback="{Binding MainPageCallbackAction}"
                        VerticalOptions="Fill" HorizontalOptions="Fill"/>
  </ContentPage.Content>

</ContentPage>

关于这个 XAML，我们感兴趣的有两部分。

• XAML“参考”

  xmlns:control="clr-namespace:Project.CustomControl;assembly=Project"

通过这些xmlns ，您可以访问您的自定义控件。

• 页面内容

  <ContentPage.Content> <control:CustomView MainPageCallback="{Binding MainPageCallbackAction}" VerticalOptions="Fill" HorizontalOptions="Fill"/> </ContentPage.Content>

现在，我们绑定MainPageCallback我们的对象到的MainPageCallbackAction ，在C＃方声明。

之后，我们的MainPage.xaml.cs看起来像这样：

public partial class MainPage : ContentPage
{
    public Action<object> MainPageCallbackAction { get; set; }

    public MainPage()
    {
        base.BindingContext = this;
        MainPageCallbackAction = MainPageCallbackMethod;
        InitializeComponent();
    }

    private void MainPageCallbackMethod(object param)
    {
        Device.BeginInvokeOnMainThread(() =>
        {
            Debug.WriteLine("Welcome to the Callback :)");
            Debug.WriteLine("Emixam23 - Example");
        });
    }
}

现在，最后要看的是CustomViewRenderer ！

public class CustomViewRenderer : ViewRenderer<CustomView, NativeView>
{
    CustomView customView;
    NativeView nativeView;

    protected override void OnElementChanged(ElementChangedEventArgs<CustomView> e)
    {
        base.OnElementChanged(e);

        if (e.NewElement != null)
        {
            customView = e.NewElement as CustomView;
            nativeView = Control as NativeView;
            NativeView.CLicked += METHOD_CALLED_BY_EVENT;
        }
    }

    protected override void OnElementPropertyChanged(object sender, PropertyChangedEventArgs e)
    {
        base.OnElementPropertyChanged(sender, e);
    }

    private void METHOD_CALLED_BY_EVENT(object sender, EventArgs ea)
    {
        customView.MainPageCallback(ea.something.information);
    }
}

然后，查看输出，您将能够看到以下内容：

• 欢迎回电:)
• Emixam23 - 示例

---

我希望这个答案很清楚并能帮助你！