C# Wpf：如何根据百分比为矩形部分着色？

我需要分割一个矩形，并根据不同的颜色给不同的部分上色，我四处寻找并找到了一些解决方案，但我不明白哪一个是我所需要的最好的选择。我在这里张贴一张图片，显示我需要的东西

---

谁能给我指一下正确的方向吗？谢谢

使用网格布局怎么样？可以使用百分比定义行，然后为每行定义边框和背景色。 您可以在链接中阅读有关网格的更多信息

---

你可以找到更多的细节。我认为在每个单元格内放置边框的选项应该非常适合这里

例如，您可以使用边框元素填充网格：

<Grid>
    <Grid.Resources>
        <Style TargetType="Border">
            <Setter Property="BorderThickness" Value="2 2 2 0" />
            <Setter Property="BorderBrush" Value="Black" />
            <Setter Property="SnapsToDevicePixels" Value="True" />
        </Style>
    </Grid.Resources>
    <Grid.RowDefinitions>
        <RowDefinition Height="20*" />
        <RowDefinition Height="10*" />
        <RowDefinition Height="25*" />
        <RowDefinition Height="50*" />
    </Grid.RowDefinitions>
    <Border Background="Red" />
    <Border Background="Yellow" Grid.Row="1" />
    <Border Background="Green" Grid.Row="2" />
    <Border Background="Blue" Grid.Row="3" BorderThickness="2" />
</Grid>

---

你找到了哪些解决方案，为什么你认为它们不是最优的？@ASh我找到了一些，但我不知道如何操作。所以我想知道是否有人能提供某种代码我已经尝试过，但我不知道如何实现我需要的。你能提供某种代码吗？对不起，我目前无法提供代码示例。我对答案进行了编辑，以包含对类似问题的引用，希望有帮助。@FabioEnne:请记住投票选出有用的答案：