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

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

属性
说明
描述
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()

效果图: 可以流动的虚线

 代码实例:页面代码

1
2
3
4
5
6
<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"
      />

 后台代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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);
    }
});

  

1
StrokeDashOffset属性可以通过MVVM绑定赋值。
posted @   我家有个小鸡仔  阅读(1576)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 2分钟学会 DeepSeek API,竟然比官方更好用!
· .NET 使用 DeepSeek R1 开发智能 AI 客户端
· 10亿数据,如何做迁移?
· 推荐几款开源且免费的 .NET MAUI 组件库
· c# 半导体/led行业 晶圆片WaferMap实现 map图实现入门篇
点击右上角即可分享
微信分享提示