填充和描边线

Question

我正在尝试在wpf中创建一个看起来像这样的行。

有谁知道怎么做？我需要绑定x和y坐标，所以一条线很好用，除非我不能让它看起来像这样。

Answer 1

你不能用一个简单的行来做到这一点，但是使用Border对象很容易。

<Border Width="100" Height="10" Background="#FFFFDAAD" BorderBrush="Orange" BorderThickness="0,3"/>

Answer 2

您可以叠加多个线条，折线或多边形以达到类似的效果，并使用资源来避免重复，例如（只是灵感）：

<Canvas ClipToBounds="True" Height="200" Width="200">
    <Canvas.Resources>
        <PointCollection x:Key="Wings">0,-2 62,-2 62,22 58,22 58,2 0,2</PointCollection>
    </Canvas.Resources>
    <Polygon Points="{StaticResource Wings}" Fill="Black" Stroke="White" StrokeThickness="4"/>
    <Polygon Points="{StaticResource Wings}" StrokeThickness="8" Stroke="White"/>
    <Polygon Points="{StaticResource Wings}" StrokeThickness="4" Stroke="Red"/>
</Canvas>

Answer 3

我有最好的解决方案，使“轮廓”线StrokeThickness比“简单”线更多：

      <Line x:Name="borderLine" X1="0" X2="400" Y1="0" Y2="0" StrokeThickness="1" Stroke="White"/>
      <Line x:Name="borderOutlineLine" X1="0" X2="400" Y1="0" Y2="0" StrokeThickness="0.3" Stroke="Black"/>