如何移除MAUI中Picker/Switch控件的原生内边距/外边距？

针对MAUI里Switch、Picker这类控件自带不可编辑的内置边距问题，不同平台需要针对性处理，以下是可行的解决方案：

Android平台 #

Picker处理 #

通过修改PickerHandler的映射，延迟执行布局参数调整（避免初始化时LayoutParameters为null的问题）：

Microsoft.Maui.Handlers.PickerHandler.Mapper.AppendToMapping("RemovePickerPadding", (handler, view) =>
{
    if (handler.PlatformView == null) return;
    
    handler.PlatformView.Post(() =>
    {
        // 清除外边距
        if (handler.PlatformView.LayoutParameters is MarginLayoutParams layoutParams)
        {
            layoutParams.SetMargins(0, 0, 0, 0);
            handler.PlatformView.LayoutParameters = layoutParams;
        }
        // 清除内边距
        handler.PlatformView.SetPadding(0, 0, 0, 0);
        
        // 处理Picker内部的EditText（部分Android版本会有内嵌输入框）
        if (handler.PlatformView is Android.Widget.Spinner spinner)
        {
            for (int i = 0; i < spinner.ChildCount; i++)
            {
                if (spinner.GetChildAt(i) is Android.Widget.EditText editText)
                {
                    editText.SetPadding(0, 0, 0, 0);
                }
            }
        }
    });
});

Switch处理 #

类似Picker，通过SwitchHandler调整边距：

Microsoft.Maui.Handlers.SwitchHandler.Mapper.AppendToMapping("RemoveSwitchPadding", (handler, view) =>
{
    if (handler.PlatformView == null) return;
    
    handler.PlatformView.Post(() =>
    {
        handler.PlatformView.SetPadding(0, 0, 0, 0);
        if (handler.PlatformView.LayoutParameters is MarginLayoutParams layoutParams)
        {
            layoutParams.SetMargins(0, 0, 0, 0);
            handler.PlatformView.LayoutParameters = layoutParams;
        }
    });
});

iOS平台 #

Picker处理 #

MAUI的Picker在iOS基于UITextField实现，需要调整其内容边距：

Microsoft.Maui.Handlers.PickerHandler.Mapper.AppendToMapping("RemovePickerPadding", (handler, view) =>
{
    if (handler.PlatformView == null) return;
    
    handler.PlatformView.ContentEdgeInsets = UIKit.UIEdgeInsets.Zero;
    handler.PlatformView.LayoutMargins = UIKit.UIEdgeInsets.Zero;
    
    // 遍历子视图清除边距
    foreach (var subview in handler.PlatformView.Subviews)
    {
        subview.ContentEdgeInsets = UIKit.UIEdgeInsets.Zero;
        subview.LayoutMargins = UIKit.UIEdgeInsets.Zero;
    }
});

Switch处理 #

调整Switch的内容内嵌边距：

Microsoft.Maui.Handlers.SwitchHandler.Mapper.AppendToMapping("RemoveSwitchPadding", (handler, view) =>
{
    if (handler.PlatformView == null) return;
    
    handler.PlatformView.ContentEdgeInsets = UIKit.UIEdgeInsets.Zero;
    foreach (var subview in handler.PlatformView.Subviews)
    {
        subview.ContentEdgeInsets = UIKit.UIEdgeInsets.Zero;
    }
});

代码放置位置 #

推荐在MauiProgram.cs的CreateMauiApp方法中注册这些映射，确保全局生效：

var builder = MauiApp.CreateBuilder();
builder
    .UseMauiApp<App>()
    .ConfigureFonts(fonts =>
    {
        fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
    });

// 在这里添加上述平台对应的Handler映射代码
#if ANDROID
// Android平台的Picker、Switch映射代码
#endif

#if IOS
// iOS平台的Picker、Switch映射代码
#endif

return builder.Build();

如果上述映射方式无效，可以尝试自定义Handler继承原生Handler，重写ConnectHandler方法来设置边距，以Android的Picker为例：

public class CustomPickerHandler : PickerHandler
{
    protected override void ConnectHandler(Android.Widget.Spinner platformView)
    {
        base.ConnectHandler(platformView);
        
        platformView.Post(() =>
        {
            if (platformView.LayoutParameters is MarginLayoutParams layoutParams)
            {
                layoutParams.SetMargins(0, 0, 0, 0);
                platformView.LayoutParameters = layoutParams;
            }
            platformView.SetPadding(0, 0, 0, 0);
            
            foreach (var editText in platformView.GetChildrenOfType<Android.Widget.EditText>())
            {
                editText.SetPadding(0, 0, 0, 0);
            }
        });
    }
}

然后在MauiProgram中注册自定义Handler：

builder.ConfigureMauiHandlers(handlers =>
{
#if ANDROID
    handlers.AddHandler<Picker, CustomPickerHandler>();
#endif
});

内容的提问来源于stack exchange，提问作者BlueRaja - Danny Pflughoeft