Xamarin Button去除边框问题：如何移除按钮外边框并实现无间距并排？

我之前也碰到过一模一样的情况，光调BorderWidth和WidthRequest确实没效果——毕竟Button本身的默认样式（内边距、外边距）和布局容器的默认间距都会拖后腿。下面一步步给你拆解解决方案：

1. 选对布局容器并清除间距 #

首先得用横向布局容器，比如MAUI里的HorizontalStackLayout（要是用Xamarin.Forms就用StackLayout加上Orientation="Horizontal"），而且必须把容器的Spacing设为0，这样两个Button之间就不会有默认的空隙：

<HorizontalStackLayout Spacing="0">
    <!-- 这里放置两个Button -->
</HorizontalStackLayout>

2. 清除Button的默认样式属性 #

每个Button都得手动覆盖这些默认属性，才能彻底去掉边框和间距：

• BorderWidth="0"：直接去掉外边框
• Margin="0"：清除Button自身的外边距
• Padding="0"：去掉Button内部文字周围的空白（如果不需要留白的话）
• 可以额外设置Background="Transparent"，让Button和背景完全融合，或者根据需求设置背景色

示例代码：

<HorizontalStackLayout Spacing="0">
    <Button Text="按钮1" 
            BorderWidth="0"
            Margin="0"
            Padding="0"
            Background="Transparent"
            WidthRequest="80"/>
    <Button Text="按钮2" 
            BorderWidth="0"
            Margin="0"
            Padding="0"
            Background="Transparent"
            WidthRequest="80"/>
</HorizontalStackLayout>

3. 处理平台特定的默认样式（可选） #

有些平台（比如Android）的Button自带默认最小高度或触摸反馈区域，可能导致看起来还是有“隐形间距”。这时候可以自定义全局样式统一调整：

<Style TargetType="Button">
    <Setter Property="BorderWidth" Value="0"/>
    <Setter Property="Margin" Value="0"/>
    <Setter Property="Padding" Value="0"/>
    <Setter Property="Background" Value="Transparent"/>
    <Setter Property="MinimumHeightRequest" Value="0"/>
</Style>

把这个样式加到资源里，所有Button都会自动应用，不用每个都重复写属性。

4. 修正布局约束问题 #

要是WidthRequest没效果，大概率是布局容器的约束让Button被拉伸了。比如HorizontalStackLayout默认填充父容器，Button的HorizontalOptions默认是Fill，会自动占满可用空间。这时候给Button加个HorizontalOptions="Start"或者Center，它就会按你设置的WidthRequest显示，或者只占内容所需宽度：

<HorizontalStackLayout Spacing="0">
    <Button Text="按钮1" 
            BorderWidth="0"
            Margin="0"
            Padding="0"
            Background="Transparent"
            WidthRequest="80"
            HorizontalOptions="Center"/>
    <Button Text="按钮2" 
            BorderWidth="0"
            Margin="0"
            Padding="0"
            Background="Transparent"
            WidthRequest="80"
            HorizontalOptions="Center"/>
</HorizontalStackLayout>

这样调整完，两个Button就能紧紧挨在一起，完全没有边框和多余间距啦。

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