.NET Maui中如何用XAML实现无背景无边框的仅文本按钮？

问题原因 #

你原代码未设置BorderWidth="0"，部分平台的Button默认带有边框宽度，仅设置透明边框色仍会占用空间；再加上按钮默认的内边距和最小尺寸限制，最终导致按钮看起来“隐藏”。

解决方案一：调整Button关键属性 #

直接修改Button的核心属性，消除平台默认样式的影响：

<Button Text="Forgot Password?" 
        Grid.Column="2" 
        Grid.Row="2"
        BackgroundColor="Transparent"
        BorderColor="Transparent"
        BorderWidth="0"
        Padding="0"
        TextColor="#89a455"
        MinimumHeightRequest="0"
        MinimumWidthRequest="0"/>

各属性作用：

• BorderWidth="0"：彻底移除边框占位，仅设置BorderColor="Transparent"无法消除边框占用的空间
• Padding="0"：去掉按钮默认内边距，让文本完全贴合按钮边界
• MinimumHeightRequest="0"/MinimumWidthRequest="0"：解除部分平台（如Android）对Button的最小尺寸限制，让按钮大小完全适配文本

可选：添加点击状态反馈 #

如果需要保留按钮的点击视觉反馈（比如文本变色），可以添加视觉状态管理：

<Button Text="Forgot Password?" 
        Grid.Column="2" 
        Grid.Row="2"
        BackgroundColor="Transparent"
        BorderColor="Transparent"
        BorderWidth="0"
        Padding="0"
        TextColor="#89a455"
        MinimumHeightRequest="0"
        MinimumWidthRequest="0">
    <VisualStateManager.VisualStateGroups>
        <VisualStateGroup x:Name="CommonStates">
            <VisualState x:Name="Normal"/>
            <VisualState x:Name="Pressed">
                <VisualState.Setters>
                    <Setter Property="TextColor" Value="#6b853d"/> <!-- 按下时文本加深 -->
                </VisualState.Setters>
            </VisualState>
            <VisualState x:Name="Disabled">
                <VisualState.Setters>
                    <Setter Property="TextColor" Value="#a0a0a0"/>
                </VisualState.Setters>
            </VisualState>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>
</Button>

替代方案：用Label模拟按钮 #

如果Button的平台兼容性问题仍存在，可以用Label配合点击手势实现完全自定义的文本按钮：

<Label Text="Forgot Password?" 
       Grid.Column="2" 
       Grid.Row="2"
       TextColor="#89a455"
       HorizontalOptions="Start"
       VerticalOptions="Center">
    <Label.GestureRecognizers>
        <TapGestureRecognizer Command="{Binding ForgotPasswordCommand}" />
    </Label.GestureRecognizers>
</Label>

这个方案的好处是完全摆脱Button的默认样式束缚，缺点是需要自己处理点击状态的视觉变化，以及如果需要Button特有的属性（如CommandParameter），需额外配置。

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