WPF组合Path绘制

假设我们需要绘制如图的组合图形：

一般的解决方案是如下代码，创建一个Canvas包含这三部分，如左图所示。

     <Canvas Margin="508,604,-508,-604"><Canvas.RenderTransform><TransformGroup><ScaleTransform ScaleX="0.8" ScaleY="0.8"/><SkewTransform/><RotateTransform/><TranslateTransform/></TransformGroup></Canvas.RenderTransform><!--上半圆--><Path  Stroke="Black" StrokeThickness="0" Width="300" Height="50" Stretch="Fill" Name="upArch5" ><Path.Data><PathGeometry Figures="M 0,100 A 100,50 0 1 1 200,100" /></Path.Data><Path.Fill><LinearGradientBrush StartPoint="0,0" EndPoint="1,1"><GradientStop Color="Gray" /></LinearGradientBrush></Path.Fill></Path><!--中间矩形--><Path Stroke="Black" StrokeThickness="0" Height="100" Stretch="Fill" Canvas.Top="50" Canvas.Left="0" Name="rect5"><Path.Data><RectangleGeometry Rect="0,50,300,100"/></Path.Data><Path.Fill><LinearGradientBrush StartPoint="0,0" EndPoint="1,1"><GradientStop Color="Gray" /></LinearGradientBrush></Path.Fill></Path><!--下半圆--><Path  Stroke="Black" StrokeThickness="0" Width="300" Height="50" Stretch="Fill" Name="downArch5" Canvas.Top="150"><Path.Data><PathGeometry Figures="M 0,100 A 100,50 0 1 0 200,100" /></Path.Data><Path.Fill><LinearGradientBrush StartPoint="0,0" EndPoint="1,1"><GradientStop Color="Gray" /></LinearGradientBrush></Path.Fill></Path></Canvas>

而实际上，通过Path 的GeometryGroup可以将这些组合起来，如右图所示。

     <Path  Stroke="Black" StrokeThickness="0" Width="300" Height="200" Stretch="Fill" x:Name="upArch" Margin="785,10,697,-310" ><Path.Data><GeometryGroup><PathGeometry Figures="M 0,100 A 100,50 0 1 1 200,100" /><RectangleGeometry Rect="0,100,200,100"/><PathGeometry Figures="M 0,200 A 100,50 0 1 0 200,200" /></GeometryGroup></Path.Data><Path.Fill><LinearGradientBrush StartPoint="0,0" EndPoint="1,1"><GradientStop Color="Red" /></LinearGradientBrush></Path.Fill></Path>

WPF组合Path绘制相关推荐

WPF 使用Path绘制几何图形
Path类继承自Shape,可以绘制很多简单的,复合的图形.Path类通过提供的Data属性,Data属性接受一个Geometry对象(我的理解就是Data要装什么集合图形呀),Geometry一共有 ...
最终版本Science级组合图表绘制
简介 ggcor 是厚哥最近的作品,功能完全代替了science组合图表绘制.这里我也为大家带力实战教程,总体来说厚哥这个ggcor包用起来还是挺方便的,将许多功能简化,为我们提供了一个很好的入门机会 ...
r中gglot怎么组合多张图_最终版本Science级组合图表绘制
简介 ggcor 是厚哥最近的作品,功能完全代替了前两次的你终于可以做这张图和重大升级的两个science组合图表绘制.这里我也为大家带肋实战教程,总体来说厚哥这个ggcor包用起来还是挺方便的,将 ...
Science：组合图表绘制
写在前面有些事情做了很痛苦,但是不做更难受.比如今天谈到的这件事情,我花了一天加一个晚上时间才写了一个这个功能:Science组合图表的实现.这部分一共写了三个函数,一个门特尔检验,一个ggplot ...
【Python】Pyecharts 组合图形绘制实践
来源:Python数据之道作者:Peter 整理:Lemon Pyecharts 组合图形绘制实践大家好,之前跟大家分享了用 Pyecharts 绘制桑基图和饼图: 炫酷!用Python制作漂亮的 ...
science图表_Science：组合图表绘制
写在前面有些事情做了很痛苦,但是不做更难受.比如今天谈到的这件事情,我花了一天加一个晚上时间才写了一个这个功能:Science组合图表的实现.这部分一共写了三个函数,一个门特尔检验,一个ggplot ...
通过path绘制点击区域
通过path绘制点击区域效果源码 https://github.com/YouXianMing/Animations // // TapDrawImageView.h // TapDrawImag ...
WPF使用Canvas绘制可变矩形
WPF使用Canvas绘制可变矩形原文:WPF使用Canvas绘制可变矩形版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/WANGYAN9110/ ...
Sliverlight中使用Path绘制复杂几何图形
Sliverlight中使用Path绘制复杂几何图形转自http://www.riafan.com/article/silverlight/draw-with-path.html 在Sliverli ...

WPF组合Path绘制

WPF组合Path绘制相关推荐

最新文章

热门文章