.NET MAUI中如何为SearchBar设置圆角？

方法1：用ContentView包裹+Border控件（通用跨平台） #

直接给SearchBar套Border可能因原生背景覆盖导致圆角不显示，需先隐藏SearchBar自身背景：

<ContentView>
    <Border Stroke="#CCCCCC"
            StrokeThickness="1"
            CornerRadius="12"
            BackgroundColor="White">
        <SearchBar BackgroundColor="Transparent"
                   Placeholder="搜索..."
                   Margin="8,0"/>
    </Border>
</ContentView>

核心是将SearchBar的BackgroundColor设为Transparent，让Border的圆角透出；Margin用于调整输入内容和边框的间距，避免贴边。

方法2：通过自定义Handler修改原生控件（原生效果更贴合） #

针对不同平台直接修改原生控件的圆角属性，适合需要保留SearchBar原生交互的场景：

Android平台 #

在MauiProgram.cs中注册自定义Handler：

.ConfigureMauiHandlers(handlers =>
{
#if ANDROID
    handlers.AddHandler<SearchBar, CustomSearchBarHandler>();
#endif
})

实现CustomSearchBarHandler：

public class CustomSearchBarHandler : SearchBarHandler
{
    protected override void ConnectHandler(AndroidX.AppCompat.Widget.SearchView platformView)
    {
        base.ConnectHandler(platformView);
        var editText = platformView.FindViewById<Android.Widget.EditText>(Resource.Id.search_src_text);
        if (editText != null)
        {
            editText.Background = AndroidX.Core.Content.ContextCompat.GetDrawable(Context, Resource.Drawable.search_bar_rounded);
        }
    }
}

在Android资源的drawable文件夹下创建search_bar_rounded.xml：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
    <solid android:color="#FFFFFF"/>
    <corners android:radius="12dp"/>
    <stroke android:width="1dp" android:color="#CCCCCC"/>
</shape>

iOS平台 #

同样在MauiProgram.cs注册Handler：

.ConfigureMauiHandlers(handlers =>
{
#if IOS
    handlers.AddHandler<SearchBar, CustomSearchBarHandler>();
#endif
})

实现iOS版Handler：

public class CustomSearchBarHandler : SearchBarHandler
{
    protected override void ConnectHandler(UISearchBar platformView)
    {
        base.ConnectHandler(platformView);
        platformView.SearchTextField.Layer.CornerRadius = 12;
        platformView.SearchTextField.Layer.MasksToBounds = true;
        // 可选：设置边框
        platformView.SearchTextField.Layer.BorderColor = UIColor.LightGray.CGColor;
        platformView.SearchTextField.Layer.BorderWidth = 1;
    }
}

方法3：自定义ControlTemplate（完全自定义外观） #

通过ControlTemplate模拟SearchBar功能，彻底摆脱原生控件限制，适合全局复用的场景：

<ContentPage.Resources>
    <ControlTemplate x:Key="RoundedSearchBarTemplate">
        <Border CornerRadius="12"
                Stroke="LightGray"
                StrokeThickness="1"
                BackgroundColor="White">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Image Source="search_icon.png"
                       Margin="8,0"
                       WidthRequest="20"
                       HeightRequest="20"/>
                <Entry Grid.Column="1"
                       BackgroundColor="Transparent"
                       Placeholder="{TemplateBinding Placeholder}"
                       Text="{TemplateBinding Text}"/>
            </Grid>
        </Border>
    </ControlTemplate>
</ContentPage.Resources>

<!-- 使用自定义模板 -->
<ContentView ControlTemplate="{StaticResource RoundedSearchBarTemplate}"
             Placeholder="搜索..."
             Text="{Binding SearchText}"/>

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