.NET Maui控件未聚焦时底部黑线问题：原因及移除方法

黑线出现的原因 #

这条黑线是Picker、DatePicker、Entry这类输入/选择型控件的默认下划线样式，属于控件原生视觉设计的一部分，用来直观提示用户这是可交互的输入控件，即便未选中也会显示基础样式，不同平台（Android/iOS等）的默认渲染逻辑都会保留这个元素。

移除黑线的方法 #

方法1：单个控件直接设置 #

在目标控件上添加UnderlineColor属性，设置为透明色或者和背景色一致，以你的DatePicker为例：

<DatePicker 
        Grid.Row="2"
        BackgroundColor="Beige" 
        HorizontalOptions="Center" 
        VerticalOptions="Center" 
        Grid.Column="1" 
        IsVisible="{Binding IsVisible}"
        Format="dd/MM/yyyy" 
        Date="{Binding dataAllenamento}"
        UnderlineColor="Transparent"> <!-- 新增下划线颜色设置 -->
</DatePicker>

方法2：全局样式统一处理 #

如果要让所有同类型控件都去掉黑线，在App.xaml的ResourceDictionary中添加全局样式，一次设置全局生效：

<ResourceDictionary>
    <!-- 移除Entry控件下划线 -->
    <Style TargetType="Entry">
        <Setter Property="UnderlineColor" Value="Transparent" />
    </Style>
    <!-- 移除DatePicker控件下划线 -->
    <Style TargetType="DatePicker">
        <Setter Property="UnderlineColor" Value="Transparent" />
    </Style>
    <!-- 移除Picker控件下划线 -->
    <Style TargetType="Picker">
        <Setter Property="UnderlineColor" Value="Transparent" />
    </Style>
</ResourceDictionary>

方法3：自定义控件模板（进阶定制） #

如果需要完全重写控件外观（比如同时调整背景、圆角等），可以使用ControlTemplate彻底替换默认布局，从根源去掉下划线：

<DatePicker 
        Grid.Row="2"
        HorizontalOptions="Center" 
        VerticalOptions="Center" 
        Grid.Column="1" 
        IsVisible="{Binding IsVisible}"
        Date="{Binding dataAllenamento}">
    <DatePicker.ControlTemplate>
        <ControlTemplate>
            <Frame BackgroundColor="Beige" CornerRadius="4" Padding="8" BorderColor="Transparent">
                <Label Text="{TemplateBinding Date, StringFormat='dd/MM/yyyy'}" />
                <!-- 添加点击触发选择的逻辑 -->
                <Frame.GestureRecognizers>
                    <TapGestureRecognizer Command="{TemplateBinding OpenPickerCommand}" />
                </Frame.GestureRecognizers>
            </Frame>
        </ControlTemplate>
    </DatePicker.ControlTemplate>
</DatePicker>

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