Question

在我的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类，并添加一个方法来从那里触发事件？

Answer 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);
    }
}

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

1 个答案: