C# Xamarin开发中如何触发其他自定义类内部的Button点击事件

问题概述 #

基于C# + Xamarin.Forms开发时，自定义继承自Grid的通用输入控件InputClass，内部封装标签、输入框、提交按钮，通过对外暴露自定义Clicked事件的方式，期望在主页面MainPage绑定该事件实现点击按钮执行业务逻辑，但实际运行时事件无法正常触发。

复现代码 #

MainPage 主页面代码 #

class MainPage
{
   public MainPage()
   {
      Content = new StackLayout
      {
         Children =
         {
            new InputClass()
            .Invoke(ic => ic.Clicked += WhenButtonPressedMethod)
         }
      }
   }

   public async void WhenButtonPressedMethod (object sender, EventArgs e)
   {
       // 按钮点击后待执行的搜索逻辑
   }
}

InputClass 自定义输入控件代码 #

public class InputClass : Grid
{
   public delegate void OnClickedHandler(object sender, EventArgs e);
   public event OnClickedHandler Clicked;

   public InputClass()
   {
      Children.Add(
        new Button {}
        .Invoke(button => button.Clicked += Button_Clicked)
      );
   }

   private void Button_Clicked(object sender, EventArgs e)
   {
       Clicked?.Invoke(this, e);
   }
}

根因定位 #

这类问题的常见诱因有4个：

1. 基础语法错误：原代码中类构造函数、对象实例化缺失括号()，会直接导致编译不通过，控件无法正常初始化。
2. 自定义Invoke扩展方法实现错误：如果链式调用的Invoke方法没有正确返回原操作对象、或者委托执行时机异常，会导致事件根本没有绑定到InputClass的Clicked事件上。
3. 内部按钮被遮挡：Grid布局下未显式指定子元素行列时，所有子元素默认堆叠在(0,0)位置，后续添加的标签、输入框会覆盖在按钮上层，拦截所有点击操作，按钮无法接收输入。
4. 控件属性异常：自定义控件或内部按钮被设置了InputTransparent=true、IsEnabled=false、IsVisible=false，导致点击事件被拦截或控件本身不可交互。

修复方案 #

按以下步骤逐一排查修复即可：

• 补全所有语法缺失的括号，确保构造函数、实例化逻辑符合C#语法规范。
• 校验自定义Invoke扩展方法的实现，确保其逻辑为在传入对象上执行委托后返回原对象，正确实现参考：

public static class ObjectExtensions
{
    public static T Invoke<T>(this T obj, Action<T> action)
    {
        action?.Invoke(obj);
        return obj;
    }
}

如果嫌链式调用排查麻烦，可以直接拆分实例化和事件绑定逻辑，从根源上避免对象错配问题，写法更稳定：

public MainPage()
{
    var inputControl = new InputClass();
    inputControl.Clicked += WhenButtonPressedMethod;
    Content = new StackLayout
    {
        Children = { inputControl }
    };
}

• 给InputClass内部的Grid布局显式定义行列规则，给每个子元素指定对应的行列位置，确保按钮不被其他控件遮挡，参考实现：

public InputClass()
{
    // 定义3行布局，分别放标题、输入框、按钮
    RowDefinitions.Add(new RowDefinition { Height = GridLength.Auto });
    RowDefinitions.Add(new RowDefinition { Height = GridLength.Auto });
    RowDefinitions.Add(new RowDefinition { Height = GridLength.Auto });

    // 标题标签
    var title = new Label { Text = "搜索关键词" };
    Grid.SetRow(title, 0);
    Children.Add(title);

    // 输入框
    var keywordEntry = new Entry { Placeholder = "请输入要搜索的内容" };
    Grid.SetRow(keywordEntry, 1);
    Children.Add(keywordEntry);

    // 提交按钮，放在第三行，避免被遮挡
    var submitBtn = new Button { Text = "搜索" };
    Grid.SetRow(submitBtn, 2);
    submitBtn.Clicked += Button_Clicked;
    Children.Add(submitBtn);
}

• 最后检查控件交互属性：确保InputClass和内部按钮的IsEnabled为true、IsVisible为true、InputTransparent为false，没有被上层布局拦截点击事件。

内容的提问来源于stack exchange，提问作者chiken nuget