Xamarin iOS键盘打开时按钮无法点击问题排查求助

问题描述 #

开发聊天页面时，将Entry与发送按钮置于ScrollView内的AbsoluteLayout中，出现以下异常：

• 键盘弹出状态下，点击发送按钮会先关闭键盘，需再次点击才能触发发送逻辑
• 页面顶部的关闭按钮在键盘打开时可正常点击，排除C#逻辑问题
• 将发送按钮移至顶部可正常工作，更换为ImageButton后问题依旧

相关XAML代码：

<ImageButton x:Name="CloseBtn" Source="close.png" WidthRequest="25" TranslationX="352" TranslationY="30" Clicked="Close"></ImageButton>
<Entry x:Name="EntryChat" Text="" HeightRequest="45" TranslationX="25" WidthRequest="335" Completed="Chat" Placeholder="Saisissez votre message" BackgroundColor="#e9e9e9" TextColor="#8f8983" PlaceholderColor="#8f8983" TranslationY="650" />
<Button x:Name="Btn" CornerRadius="10"  BackgroundColor="#cecece" WidthRequest="70" HeightRequest="45" TranslationX="325" TranslationY="650"  Clicked="Chat"  ></Button>

可行解决方案 #

方案1：调整事件处理逻辑，手动控制焦点 #

在发送按钮的点击事件中，先强制让Entry失去焦点，再执行发送逻辑，通过短暂延迟确保键盘关闭完成：

private async void Chat(object sender, EventArgs e)
{
    EntryChat.Unfocus();
    await Task.Delay(100);
    // 此处执行发送消息的业务逻辑
}

方案2：替换布局方式，避免AbsoluteLayout的偏移问题 #

AbsoluteLayout结合Translation属性容易导致视觉位置与实际触摸区域错位（尤其键盘弹出时布局重绘），改用Grid布局底部输入区域适配性更强：

<Grid>
    <ScrollView Grid.Row="0">
        <!-- 聊天消息列表内容 -->
    </ScrollView>
    <Grid Grid.Row="1" VerticalOptions="End" Padding="25,0">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="70"/>
        </Grid.ColumnDefinitions>
        <Entry Grid.Column="0" 
               x:Name="EntryChat" 
               Text="" 
               HeightRequest="45" 
               Completed="Chat" 
               Placeholder="Saisissez votre message" 
               BackgroundColor="#e9e9e9" 
               TextColor="#8f8983" 
               PlaceholderColor="#8f8983" />
        <Button Grid.Column="1" 
                x:Name="Btn" 
                CornerRadius="10"  
                BackgroundColor="#cecece" 
                WidthRequest="70" 
                HeightRequest="45" 
                Clicked="Chat" />
    </Grid>
</Grid>

方案3：修正AbsoluteLayout的触摸交互属性 #

给发送按钮添加InputTransparent="False"，确保按钮优先响应触摸事件，同时检查AbsoluteLayout的IsClippedToBounds属性是否设为True，避免触摸区域溢出：

<Button x:Name="Btn" 
        InputTransparent="False"
        CornerRadius="10"  
        BackgroundColor="#cecece" 
        WidthRequest="70" 
        HeightRequest="45" 
        TranslationX="325" 
        TranslationY="650"  
        Clicked="Chat" />

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