最近看到一些界面上用的背景里有一些中间大两头渐窄的线,搭配好的话界面还是挺好看的,先上图:
那么这种线条是怎么实现的呢?一开始我也不清楚,但大家仔细看两头,是不是渐渐模糊了,渐渐模糊不就是渐变的效果吗,好说,看它这应该是水平渐变,也就是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>
有需要的小伙伴尽管拿去