Android端SearchBar取消按钮右侧存在空白，如何消除？

问题背景 #

在Android平台上使用MAUI的SearchBar组件时，取消按钮右侧存在一块空白区域，即使移除外层的StackLayout和Border容器，该空白仍然无法消除。

解决方案 #

这个空白来自Android原生SearchView的默认布局限制，需要通过自定义Handler（MAUI推荐的原生交互方式）修改原生控件的参数来解决：

1. 创建自定义SearchBar Handler

在项目中添加如下C#类文件：

using Microsoft.Maui.Handlers;
using AndroidX.AppCompat.Widget;

namespace YourAppNamespace; // 替换为你的应用命名空间

public class CustomSearchBarHandler : SearchBarHandler
{
    protected override void ConnectHandler(AppCompat.SearchView platformView)
    {
        base.ConnectHandler(platformView);
        
        // 设置SearchView占满可用最大宽度，突破原生宽度限制
        platformView.SetMaxWidth(int.MaxValue);
        
        // 移除右侧默认内边距
        platformView.SetPadding(platformView.PaddingLeft, platformView.PaddingTop, 0, platformView.PaddingBottom);
        
        // 调整内部输入框布局，确保完全占满宽度
        var editText = platformView.FindViewById<Android.Widget.EditText>(Resource.Id.search_src_text);
        if (editText != null)
        {
            var layoutParams = editText.LayoutParameters as Android.Widget.LinearLayout.LayoutParams;
            if (layoutParams != null)
            {
                layoutParams.Width = Android.Views.ViewGroup.LayoutParams.MatchParent;
                editText.LayoutParameters = layoutParams;
            }
        }
    }
}

2. 注册自定义Handler

在MauiProgram.cs中注册该Handler，仅针对Android平台生效：

var builder = MauiApp.CreateBuilder();
builder
    .UseMauiApp<App>()
    .ConfigureMauiHandlers(handlers =>
    {
#if ANDROID
        handlers.AddHandler<Microsoft.Maui.Controls.SearchBar, YourAppNamespace.CustomSearchBarHandler>();
#endif
    });

备选方案：通过Android样式文件修改

也可以在Android项目的Resources/values/styles.xml中定义自定义样式，调整SearchView的默认属性：

<?xml version="1.0" encoding="utf-8" ?>
<resources>
    <style name="CustomSearchViewStyle" parent="Widget.AppCompat.SearchView">
        <item name="android:maxWidth">@android:integer/config_screenWidthDp</item>
        <item name="android:paddingRight">0dp</item>
    </style>
</resources>

然后在自定义Handler中添加代码应用该样式：

platformView.SetStyle(Resource.Style.CustomSearchViewStyle);

说明 #

以上修改会覆盖Android原生SearchView的默认宽度限制和内边距设置，让SearchBar的取消按钮右侧不再保留空白，完全适配容器宽度。

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