在項目中有的時候可能會用的畫虛線或者設置線的流動效果,這個時候可能會使用到線控制項。 屬性 說明 描述 X1 起始x軸坐標 X1="10" Y1 起始Y軸坐標 Y1="10" X2 結束X軸坐標 X2="100" Y2 結束Y軸坐標 Y2="100" Stroke 線條顏色 Stroke="Red" ...
在項目中有的時候可能會用的畫虛線或者設置線的流動效果,這個時候可能會使用到線控制項。
屬性 | 說明 | 描述 |
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() |
效果圖: 可以流動的虛線
代碼實例:頁面代碼
<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綁定賦值。