如何在Xamarin.Forms的Editor控件键盘中添加发送按钮，同时保留回车换行功能？

嘿，这个需求我太熟了！Xamarin.Forms的Editor默认确实有点僵——要么回车换行没发送入口，要么把返回键改成Done后没法换行。不过有两个靠谱的方案能解决，看你偏好哪种：

方案一：组合键触发发送（纯Forms层，快速实现） #

这个方案不需要写平台特定代码，靠监听键盘事件就能实现：Shift+Enter换行，单独按Enter发送。用户只要记住这个简单的组合逻辑就行，适合对UI改动要求不高的场景。

实现步骤： #

1. 在XAML里给Editor绑定KeyPress事件：

<Editor x:Name="MessageEditor" KeyPress="MessageEditor_KeyPress" Placeholder="输入消息..." />

2. 在后台代码里处理事件逻辑：

private void MessageEditor_KeyPress(object sender, KeyPressEventArgs e)
{
    if (e.KeyChar == '\r') // 捕获回车键
    {
        if (Keyboard.Modifiers.HasFlag(ModifierKeys.Shift))
        {
            // Shift+Enter：允许默认换行行为
            e.Handled = false;
        }
        else
        {
            // 单独按Enter：触发发送逻辑，阻止默认换行
            SendMessage(MessageEditor.Text);
            MessageEditor.Text = string.Empty; // 清空输入框
            e.Handled = true;
        }
    }
}

// 替换成你的实际发送逻辑
private void SendMessage(string content)
{
    if (!string.IsNullOrWhiteSpace(content))
    {
        // 比如发送到服务器、更新聊天列表等
        Console.WriteLine($"已发送消息：{content}");
    }
}

方案二：给键盘添加顶部工具栏（自定义渲染器，体验更直观） #

如果想让用户操作更简单（不用记组合键），可以给键盘顶部加一个带“发送”按钮的工具栏，这样回车键依然负责换行，工具栏按钮负责发送，体验更友好。需要写iOS和Android的自定义渲染器，代码量不大但扩展性强。

步骤1：创建Forms层自定义Editor #

先定义一个带发送命令的自定义Editor，方便绑定ViewModel的逻辑：

using Xamarin.Forms;

namespace YourAppNamespace.Controls
{
    public class CustomEditor : Editor
    {
        public static readonly BindableProperty SendCommandProperty =
            BindableProperty.Create(nameof(SendCommand), typeof(ICommand), typeof(CustomEditor));

        public ICommand SendCommand
        {
            get => (ICommand)GetValue(SendCommandProperty);
            set => SetValue(SendCommandProperty, value);
        }
    }
}

步骤2：iOS平台自定义渲染器 #

在iOS项目里创建渲染器，给原生UITextView添加输入附件工具栏：

using UIKit;
using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;
using YourAppNamespace.Controls;
using YourAppNamespace.iOS.Renderers;

[assembly: ExportRenderer(typeof(CustomEditor), typeof(CustomEditorRenderer))]
namespace YourAppNamespace.iOS.Renderers
{
    public class CustomEditorRenderer : EditorRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Editor> e)
        {
            base.OnElementChanged(e);

            if (Control == null) return;

            // 创建工具栏
            var toolbar = new UIToolbar(new CGRect(0, 0, UIScreen.MainScreen.Bounds.Width, 44))
            {
                BarStyle = UIBarStyle.Default
            };

            // 发送按钮
            var sendBtn = new UIBarButtonItem("发送", UIBarButtonItemStyle.Done, (s, args) =>
            {
                if (Element is CustomEditor customEditor)
                {
                    customEditor.SendCommand?.Execute(null);
                }
                Control.ResignFirstResponder(); // 收起键盘
            });

            // 添加灵活空间，让发送按钮靠右
            var flexibleSpace = new UIBarButtonItem(UIBarButtonSystemItem.FlexibleSpace);
            toolbar.SetItems(new[] { flexibleSpace, sendBtn }, false);

            // 绑定到输入框的附件视图
            Control.InputAccessoryView = toolbar;
        }
    }
}

步骤3：Android平台自定义渲染器 #

在Android项目里创建渲染器，给原生EditText添加输入附件工具栏：

using Android.Content;
using Android.Views;
using AndroidX.AppCompat.Widget;
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;
using YourAppNamespace.Controls;
using YourAppNamespace.Droid.Renderers;

[assembly: ExportRenderer(typeof(CustomEditor), typeof(CustomEditorRenderer))]
namespace YourAppNamespace.Droid.Renderers
{
    public class CustomEditorRenderer : EditorRenderer
    {
        public CustomEditorRenderer(Context context) : base(context)
        {
        }

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

            if (Control == null) return;

            // 创建工具栏
            var toolbar = new Toolbar(Context)
            {
                BackgroundColor = Android.Graphics.Color.LightGray
            };

            // 发送按钮
            var sendBtn = new Android.Widget.Button(Context)
            {
                Text = "发送",
                SetTextColor(Android.Graphics.Color.Blue)
            };
            sendBtn.Click += (s, args) =>
            {
                if (Element is CustomEditor customEditor)
                {
                    customEditor.SendCommand?.Execute(null);
                }
                Control.ClearFocus(); // 收起键盘
            };

            // 设置按钮布局（靠右对齐）
            var btnLayoutParams = new Toolbar.LayoutParams(
                ViewGroup.LayoutParams.WrapContent,
                ViewGroup.LayoutParams.MatchParent)
            {
                Gravity = GravityFlags.End
            };
            toolbar.AddView(sendBtn, btnLayoutParams);

            // 绑定到输入框的附件视图
            Control.SetInputAccessoryView(toolbar);
        }
    }
}

步骤4：在XAML和ViewModel中使用 #

在XAML里引用自定义Editor，并绑定发送命令：

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:controls="clr-namespace:YourAppNamespace.Controls"
             x:Class="YourAppNamespace.Views.ChatPage">

    <controls:CustomEditor x:Name="MessageEditor" 
                           SendCommand="{Binding SendMessageCommand}"
                           Placeholder="输入消息..." />

</ContentPage>

在ViewModel里实现发送命令：

using Xamarin.Forms;

namespace YourAppNamespace.ViewModels
{
    public class ChatViewModel : BaseViewModel
    {
        public ICommand SendMessageCommand => new Command(() =>
        {
            if (!string.IsNullOrWhiteSpace(MessageEditor.Text)) // 建议通过绑定Text属性替代直接引用控件
            {
                SendMessage(MessageEditor.Text);
                MessageEditor.Text = string.Empty;
            }
        });

        private void SendMessage(string content)
        {
            // 替换成你的实际发送逻辑
            Console.WriteLine($"已发送消息：{content}");
        }
    }
}

总结 #

• 如果追求快速上线、不想写平台代码，选方案一；
• 如果想给用户更直观的操作体验，选方案二，还能扩展工具栏的功能（比如加表情按钮、清空按钮等）。

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