使用Xamarin.Forms自定义渲染器时转发事件/命令

时间:2016-10-02 11:38:02

标签: c# mvvm xamarin xamarin.forms

在我的Xamarin.Forms应用程序中,我希望自定义按钮的外观和感觉的程度高于允许的程度,因此我使用自定义渲染器在Windows Phone 8.1上使用我自己的按钮控件替换Xamarin.Forms中的默认控件

我的控件只是扩展Button,稍后会添加额外的属性。

public class ButtonControl : Button {}

Windows Phone 8.1上的自定义渲染器:

public class ButtonControlRenderer : ViewRenderer<ButtonControl, Button>
  {
    protected override void OnElementChanged(ElementChangedEventArgs<ButtonControl> e)
    {
      base.OnElementChanged(e);

      if (e.OldElement != null || Element == null)
        return;

      var button = new Button
      {
        Style = Application.Current.Resources["ButtonWithTilt"] as Style,
        Content = Element.Text,
        IsEnabled = Element.IsEnabled
      };

      Element.BackgroundColor = Color.Transparent;

      SetNativeControl(button);
    }
  }

而且,我如何在Xamarin.Forms XAML文件中使用该控件:

<StackLayout VerticalOptions="Center"
                         HorizontalOptions="Fill"
                         Margin="24,12,24,0">
              <controls:ButtonControl Text="{res:Translate LoginPageButtonText}"
                      TextColor="{x:Static const:Colours.OverlayColor}"
                      BackgroundColor="{x:Static const:Colours.PrimaryColor}"
                      BorderWidth="0"
                      Margin="0,24,0,0"
                      HeightRequest="50"
                      IsEnabled="{Binding LoginValid}"
                      Command="{Binding LoginCommand}"
                      StyleId="{x:Static const:StyleIds.LoginPageButton}"/>
            </StackLayout>

当我更换按钮时,我的命令无法开箱即用,我必须将以下内容添加到OnElementChanged中,以便在单击我的新按钮时执行命令:

button.Tapped += delegate
      {
        Element.Command.Execute(null);
      };

这似乎不是最干净的解决方案,是否有更好的方法来解决这个问题?

另外,如果有一个事件我想触发基础Xamarin.Forms控件,比如Clicked,我该怎么办?我是否会覆盖ButtonControl中的Clicked事件而不是继承自Button类,并添加一个方法来从那里触发事件?

1 个答案:

答案 0 :(得分:1)

button.Tapped += handler就是这样做的。但是,您只需在元素上调用SendClicked(),而不是执行命令。这将执行命令触发Clicked事件。标准渲染器也在做同样的事情。

您应该将匿名委托转换为类中的方法,以便能够在清理时取消注册事件,以防止内存泄漏。

public class ButtonControlRenderer : ViewRenderer<ButtonControl, Button>
{
    protected override void OnElementChanged(ElementChangedEventArgs<ButtonControl> e)
    {
        //your creation code ...            
        button.Tapped += OnButtonTapped;
    }

    private void OnButtonTapped(...)
    {
        ((IButtonController)Element)?.SendClicked();
    }

    protected override void Dispose(bool disposing)
    {
        if (Control != null)
            Control.Tapped -= OnButtonTapped;

        base.Dispose(disposing);
    }
}