WPF图形控件使用之-Line线控件使用

  • WPF图形控件使用之-Line线控件使用已关闭评论
  • 126 次浏览
  • A+
所属分类:.NET技术
摘要

在项目中有的时候可能会用的画虚线或者设置线的流动效果,这个时候可能会使用到线控件。

在项目中有的时候可能会用的画虚线或者设置线的流动效果,这个时候可能会使用到线控件。

属性
说明
描述
X1
起始x轴坐标
X1="10"
Y1
起始Y轴坐标
Y1="10"
X2
结束X轴坐标
X2="100"
Y2
结束Y轴坐标
Y2="100"
Stroke
线条颜色
Stroke="Red"
StrokeThickness
线条粗细
StrokeThickness="2"
StrokeDashArray
设置虚线
管道流动效果可以用虚线表示
可以用这个属性做流动线效果。
StrokeDashArray="3,1,2,5",(规律是第一位可视,第二位隐藏,第三位可视,第四位隐藏)循环
StrokeDashArray="3,1,2",(规律是第一位可视,第二位隐藏,第三位可视,第四位隐藏)循环
StrokeDashOffset="1"
StrokeDashOffset="1"
通过后台代码循环设置属性值1-N,线就流动起来了
StrokeDashCap
虚线段的两端样式(向外延伸三角、半圆、方形)
StrokeDashCap="Round" Round(圆线头)Square(矩形),Triangle(三角)图形是在线的外面添加。
StrokeEndLineCap
设置线的结尾样式调整
StrokeEndLineCap="Round" Round(圆线头)Square(矩形),Triangle(三角)图形是在线的外面添加。
StrokeStartLineCap
设置显得开头样式调整
StrokeStartLineCap="Round"
 
 
 
Fill
填充色,没有用处,继承至父类过来的
Fill="Orange"
HorizontalAlignment
 
HorizontalAlignment="Left"
VerticalAlignment
 
VerticalAlignment="Top"
Panel.ZIndex
 
Panel.ZIndex="1"
StrokeMiterLimit
(交叉点锐角向外延伸距离)设置尖角的范围有多大
0-10  
StrokeLineJoin
(交叉点的锐角样式)设置尖角形状
Round(圆角),Bevel( ),Miter()

效果图: 可以流动的虚线

WPF图形控件使用之-Line线控件使用

 代码实例:页面代码

<Line x:Name="ln" X1="10" Y1="10" X2="100" Y2="100"       Stroke="Red" StrokeThickness="2" StrokeDashArray="3,1,2,5"       StrokeDashCap="Triangle" StrokeEndLineCap="Round" StrokeStartLineCap="Round"       Fill="Orange" HorizontalAlignment="Left" VerticalAlignment="Top"       Panel.ZIndex="1"       /> 

 后台代码:

 int number = 1;  Task.Run(() =>   {      while (true)      {          if (number == 10)              number = 1;          Application.Current.Dispatcher.BeginInvoke(new Action(() =>          {              ln.StrokeDashOffset = number;          }));          number++;          Thread.Sleep(300);      }  }); 

  

StrokeDashOffset属性可以通过MVVM绑定赋值。