在 MAUI 中,无法从 Border 中移除周围的像素

问题描述 投票:0回答:0

在 MAUI 中,我想删除边框周围的像素。 我无法做到这一点,因为无论如何,周围的顶部/底部像素仍然存在。 这个 xaml 像内置填充/边距一样留下顶部和底部像素(看起来是一对):

    <VerticalStackLayout Spacing="0" >
        <Label  
            BackgroundColor="Blue"
            TextColor="White"
            Text="header text" />
        <Border HeightRequest="60" Margin="0" Padding="0">
            <Label Text="some text 1" />
        </Border>
        <Border HeightRequest="60" Margin="0" Padding="0">
            <Label Text="some text 2" />
        </Border>
    </VerticalStackLayout>

看起来像这样: border screenshot

我在安卓模拟器上运行。 我在这里做错了什么?

我预计顶部/底部的周围像素会消失(就像它们看起来向左/紧)。

========评论后续============

如果将 HeightRequest 从每个 Border 移动到它的 Label 会发生什么?

  • 我做了改变,但对结果没有影响。

如果将边框的背景设置为灰色,灰色是否会延伸到边框笔划之外?

  • 不,周围的像素不受影响(见下面代码后的截图):

如果设置 StrokeThickness=2 或 4,它会消除那些像素吗?

  • 我很惊讶地看到它增加了周围的像素(见下面的截图,其中在最后 2 个边框中使用了 4 的笔触粗细 - 为了清楚起见,我将背景更改为浅黄色):

在该图像中,我在左侧和右侧也看到一个白色像素 - 与每个边框的顶部和底部相同。 (在两个边界之间垂直加倍,因为一的底部加上第二的顶部。)你看起来到底有什么不同?

  • 你是对的,周围的像素也存在于左右两边。

有趣的是,当您增加笔画粗细时,周围像素的数量会增加。谁能解释一下(因为这可能有帮助)?

如何摆脱周围的像素?

border maui
© www.soinside.com 2019 - 2024. All rights reserved.