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

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

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

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

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

那么这种线条是怎么实现的呢?一开始我也不清楚,但大家仔细看两头,是不是渐渐模糊了,渐渐模糊不就是渐变的效果吗,好说,看它这应该是水平渐变,也就是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>

有需要的小伙伴尽管拿去

上一篇:搭建mongodb集群(副本集+分片)


下一篇:SQL基础知识V2——ALTER TABLE