如何在uwp中为堆栈面板制作圆角？

Question

我创建了一个包含3个矩形的堆栈面板。我想在UWP中制作一个水平堆栈条形图。这样矩形的宽度就可以通过c程序设置，具体取决于百分比。

<StackPanel Name="Graph" Orientation="Horizontal">
            <Rectangle Name="PosBlock" Fill="#9EE000" Height="20" RadiusX="10" RadiusY="20" />
            <Rectangle Name="NeuBlock" Fill="#FFBA00" Height="20" RadiusX="10" RadiusY="20"/>
            <Rectangle Name="NegBlock" Fill="#D61602" Height="20" RadiusX="10" RadiusY="20"/>
            </StackPanel>

使用此代码我可以得到3个带有单独圆角的矩形，就像这张图片一样。 See Image, 3rd rectangle width set to 0。我不想要这些矩形之间的差距。但我希望在两端有圆角。所以我这样做了

<StackPanel Name="Graph" Orientation="Horizontal" CornerRadius="12,12,12,12">
            <Rectangle Name="PosBlock" Fill="#9EE000" Height="20"/>
            <Rectangle Name="NeuBlock" Fill="#FFBA00" Height="20"/>
            <Rectangle Name="NegBlock" Fill="#D61602" Height="20"/>
            </StackPanel>

但即使堆叠面板角落是圆角，也不会裁剪矩形角。看起来像这样

。

我现在该怎么办？