WPF 使用Path 绘制图形__wpf path

相关文章推荐

神勇威武的猴子 · 《辽宁省沈抚改革创新示范区控详规划SF-HC ...· 1 年前 ·

知识渊博的奔马 · 【二次元动漫壁纸】别给我看这种图，营养跟不上 ...· 2 年前 ·

月球上的海豚 · 校花遇上乞丐第二集 #小舞和唐三 ...· 2 年前 ·

温文尔雅的灌汤包 · 朴龙：临床医学院实践教学的现状与改革对策创新 ...· 3 年前 ·

不羁的投影仪 · 《在下李佑》百度云网盘下载.阿里云盘.国语中 ...· 3 年前 ·

有朋友加我qq,问了下面这个问题，其实不难，画图而已。

WPF 使用Path 绘制图形_竖线

开始写代码之前，先了解一下，wpf中 Path的用法.由于此图只有横竖两种线条，使用M h v 三个指令就已足够。

<PathGeometry Figures="M 0 60 h 10 v 15 h -10 v -15"/>

M 起始点

h 横线相对移动距离

v 竖线相对移动距离

上面示例表示，从(0,60)开始，横线10 竖线15 横线向左10 竖线向上15

看明白的话，能知道它是一个矩形了。

那上面这个图，也就是多个矩形放在一块的事了

<Canvas Background="Transparent" >
<Path Stroke="Black" StrokeThickness="1">
<Path.Data>
<GeometryGroup>
<PathGeometry Figures="M 0 60 h 10 v 15 h -10 v -15"/>
<PathGeometry Figures="M 10 0 h 90 v 35 h -90 v -35 "/>
<PathGeometry Figures="M 10 35 v 95 h 90 v -95 "/>
<PathGeometry Figures="M 100 35 h 35 v -15 h -35"/>
<PathGeometry Figures="M 100 70 h 35 v -15 h -35"/>
<PathGeometry Figures="M 100 105 h 35 v -15 h -35"/>
</GeometryGroup>
</Path.Data>
</Path>
</Canvas>

WPF 使用Path 绘制图形_竖线_02

这样，一个自定义控件出来，在窗体中引用一下，就可以了

<Window x:Class="wpfDemo.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:ctl="clr-namespace:wpfDemo.Controls"
Height="360.1" Width="505"
Background="CadetBlue"
Title="加载中..."
Margin="0"
BorderThickness="0"
>
<StackPanel Orientation="Horizontal">
<ctl:ATFlowItem Margin="10 0"></ctl:ATFlowItem>
<ctl:ATFlowItem Margin="10 0"></ctl:ATFlowItem>
<ctl:ATFlowItem Margin="10 0"></ctl:ATFlowItem>
</StackPanel>
</Window>

WPF 使用Path 绘制图形_xml_03

path还能完成更多更复杂的画图，有兴趣的可以百度一下看看哦

WPF 使用Path 绘制图形_xml_04

推荐文章

神勇威武的猴子 · 《辽宁省沈抚改革创新示范区控详规划SF-HC-01-B地块用地性质调整可行性论证》公示-辽宁省沈抚改革创新示范区

1 年前

知识渊博的奔马 · 【二次元动漫壁纸】别给我看这种图，营养跟不上！ - 知乎

2 年前

月球上的海豚 · 校花遇上乞丐第二集 #小舞和唐三 #斗罗小剧场 #动画故事 #小舞_哔哩哔哩_bilibili

2 年前

温文尔雅的灌汤包 · 朴龙：临床医学院实践教学的现状与改革对策创新-延边大学高教改革与发展研究中心

3 年前

不羁的投影仪 · 《在下李佑》百度云网盘下载.阿里云盘.国语中字.(2023)_人人电影网,百度云盘,阿里网盘下载

3 年前