如何用UWP中的行填充Rectangle

Question

我相信我能用标题做得更好，但这就是我要找的东西。我有一个UWP应用程序，我想要实现这样的截图：

以下是我的代码中的代码段：

<Border BorderBrush="Black">
    <Grid>
        <Rectangle Fill="Green" />
    </Grid>
</Border>

我试图用截屏中给出的形状填充网格中的矩形。我怎么能这样做？

Answer 1

所以，虽然我目前没有办法在UWP上进行测试，但我认为支持[disabled]="butDisabled"和LinearGradientBrush之类的东西，因为这种方式适用于WPF，Silverlight，等等......有了这个假设，请试一试。

MappingMode

您可以根据所需的角度和大小调整“开始/结束/偏移”，但它会传达概念。例如，如果您增加<Rectangle Stroke="LightBlue" StrokeThickness="5"> <Rectangle.Fill> <LinearGradientBrush StartPoint="0,0" EndPoint="6,4" MappingMode="Absolute" SpreadMethod="Repeat"> <GradientStop Color="LightBlue" Offset="0.25"/> <GradientStop Color="#00000000" Offset="0.15"/> </LinearGradientBrush> </Rectangle.Fill> </Rectangle> 个数字，您将获得更粗的行，如示例所示。

您还可以将画笔转换为资源，并将其用作Paths或Backgrounds的资源，或者通常支持LinearGradientBrush的任何资源。希望这会有所帮助，欢呼。

PS - 你可以用它们做一些other neat things，它们很容易移植到UWP。

附录：

这更贴近你的例子，为你省去一点麻烦，注意差异。

EndPoint