Xamarin Forms SearchBar控件两侧留白：Margin设为0无效问题咨询

这个问题我之前也碰到过！Xamarin.Forms的SearchBar在iOS和Android平台上默认自带了平台级的内边距/样式，只设置Margin="0"确实没法消除这些顽固的空白。下面分平台给你具体的解决思路：

1. Android平台处理方案 #

Android上的SearchBar控件本身有内置的padding，咱们可以通过自定义渲染器把它去掉：

在你的Android项目里新建一个自定义渲染器类：

using Android.Content;
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;

[assembly: ExportRenderer(typeof(SearchBar), typeof(CustomSearchBarRenderer))]
namespace YourAppNamespace.Droid.Renderers
{
    public class CustomSearchBarRenderer : SearchBarRenderer
    {
        public CustomSearchBarRenderer(Context context) : base(context)
        {
        }

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

            if (Control != null)
            {
                // 直接把左右内边距设为0，上下保留原有的padding避免内容贴边
                Control.SetPadding(0, Control.PaddingTop, 0, Control.PaddingBottom);
                // 如果还想调整搜索图标的位置，也可以加下面这行
                // Control.IconifiedByDefault = false;
            }
        }
    }
}

2. iOS平台处理方案 #

iOS的SearchBar默认左右有空白，同样用自定义渲染器来处理：

在你的iOS项目里创建对应的渲染器：

using UIKit;
using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;

[assembly: ExportRenderer(typeof(SearchBar), typeof(CustomSearchBarRenderer))]
namespace YourAppNamespace.iOS.Renderers
{
    public class CustomSearchBarRenderer : SearchBarRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<SearchBar> e)
        {
            base.OnElementChanged(e);

            if (Control != null)
            {
                // 替换默认的左右视图为空白视图，消除内边距
                Control.SearchTextField.LeftView = new UIView(new CoreGraphics.CGRect(0, 0, 0, Control.SearchTextField.Frame.Height));
                Control.SearchTextField.RightView = new UIView(new CoreGraphics.CGRect(0, 0, 0, Control.SearchTextField.Frame.Height));
                Control.SearchTextField.LeftViewMode = UITextFieldViewMode.Always;
                Control.SearchTextField.RightViewMode = UITextFieldViewMode.Always;
                
                // 也可以试试调整布局边距的方式，效果差不多
                // Control.LayoutMargins = UIEdgeInsets.Zero;
                // Control.SearchTextField.LayoutMargins = UIEdgeInsets.Zero;
            }
        }
    }
}

3. 简化方案：用Platform Specifics（无需写渲染器） #

如果你不想自定义渲染器，也可以试试用Xamarin.Forms的Platform Specifics直接在XAML里设置：

<SearchBar Margin="0">
    <!-- 针对不同平台设置边距 -->
    <SearchBar.Platforms>
        <OnPlatform x:TypeArguments="Thickness">
            <On Platform="Android" Value="0,0,0,0" />
            <On Platform="iOS" Value="0,0,0,0" />
        </OnPlatform>
    </SearchBar.Platforms>
    <!-- Android平台单独设置内边距 -->
    <SearchBar.Android>
        <AndroidSearchBar Padding="0" />
    </SearchBar.Android>
</SearchBar>

不过这种方式有时候效果不如自定义渲染器彻底，要是上面的代码没解决问题，还是优先用渲染器的方法。

另外别忘了检查一下你的布局容器！比如如果SearchBar放在StackLayout或者Grid里，要确认容器本身的Padding和Margin也是0，别是容器带来的空白哦。

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