wpf实现两头渐窄的线条效果

原文: wpf实现两头渐窄的线条效果

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/huangli321456/article/details/80064509

最近看到一些界面上用的背景里有一些中间大两头渐窄的线，搭配好的话界面还是挺好看的，先上图：

那么这种线条是怎么实现的呢？一开始我也不清楚，但大家仔细看两头，是不是渐渐模糊了，渐渐模糊不就是渐变的效果吗，好说，看它这应该是水平渐变，也就是LinearGradientBrush，经实践，确实是通过渐变实现，前端代码如下：

<Line X1="40" Y1="170" X2="460" Y2="170" StrokeEndLineCap="Round" StrokeThickness="1" Canvas.Top="100">
                        <Line.Stroke>
                            <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
                                <GradientStop Color="#00000000" Offset="0"/>
                                <GradientStop Color="White" Offset="0.25"/>
                                <GradientStop Color="White" Offset="0.75"/>
                                <GradientStop Color="#00000000" Offset="1"/>
                            </LinearGradientBrush>
                        </Line.Stroke>

                    </Line>

有需要的小伙伴尽管拿去