我正在尝试在wpf中创建一个看起来像这样的行。
有谁知道怎么做?我需要绑定x和y坐标,所以一条线很好用,除非我不能让它看起来像这样。
答案 0 :(得分:6)
你不能用一个简单的行来做到这一点,但是使用Border
对象很容易。
<Border Width="100" Height="10" Background="#FFFFDAAD" BorderBrush="Orange" BorderThickness="0,3"/>
答案 1 :(得分:1)
您可以叠加多个线条,折线或多边形以达到类似的效果,并使用资源来避免重复,例如(只是灵感):
<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>
答案 2 :(得分:1)
我有最好的解决方案,使“轮廓”线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"/>