用WPF实现绘图

最新推荐文章于 2024-06-18 12:35:31 发布
最新推荐文章于 2024-06-18 12:35:31 发布
阅读量1.2k 收藏 3
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44548405/article/details/90488786
版权

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：Visual Studio 2017、绘图

作者：邓崇富

撰写时间：2019 年 5 月 26 日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

WPF的基本图形包括一下几个（它们都是Shape类的派生类）：

  1. Line：直线段，可以设置其笔触（Stroke）。
  2. Rectangle：矩形，既有笔触，又有填充（Fill）。
  3. Ellipse：椭圆，长、宽相等的椭圆即为正圆，既有笔触又有填充。
  4. Polygon:多边形，由多条直线段围成的闭合区域，既有笔触又有填充。
  5. Polyline：折线（不闭合），由多条首尾相接的直线段组成。
  6. Path:路径（闭合区域），基本图形中的功能最强大的一个，可由若干直线、圆弧、贝塞尔曲线组成。
  1. 直线：

直线是最简单的图形。使用X1、Y1两个属性可以设置直线的起点坐标，X2、Y2两个属性则可以设置直线的终点坐标。控制起点坐标的X1（Y1）与终点坐标的X2(Y2)相同就能实现一条平行线（垂直线）、交错的效果。Stroke（笔触）属性的数据类型是Brush（画刷），凡是Brush的派生类均可以用于给这个属性赋值。因为WPF提供了多种渐变色画刷，所以画直线也可以画出渐变色效果。同时，Line的一些属性还帮助我们画出虚线以及控制线段终点的形状。

下面的例子中综合了这些属性：

<Grid>

        <Line X1="100" Y1="20" X2="660" Y2="20" Stroke="Red" StrokeThickness="10"/>

        <Line X1="100" Y1="60" X2="660" Y2="60" Stroke="Orange" StrokeThickness="6"/>

        <Line X1="100" Y1="100" X2="660" Y2="100" Stroke="Green" StrokeThickness="3"/>

        <Line X1="100" Y1="140" X2="660" Y2="140" Stroke="Purple"  StrokeThickness="2"/>

        <Line X1="100" Y1="200" X2="660" Y2="200" Stroke="Black" StrokeEndLineCap="Flat" StrokeThickness="6"/>

        <Line X1="100" Y1="240" X2="660" Y2="240" Stroke="Black" StrokeDashArray="3"  StrokeThickness="1"/>

        <Line X1="100" Y1="280" X2="660" Y2="280" Stroke="Black" StrokeDashArray="5"  StrokeThickness="1"/>

        <Line X1="290" Y1="5" X2="290" Y2="400" Stroke="Black" StrokeEndLineCap="Triangle" StrokeThickness="8"/>

        <Line X1="100" Y1="380" X2="660" Y2="380" StrokeDashCap="Round" StrokeThickness="10">

            <Line.Stroke>

                <LinearGradientBrush EndPoint="0,0.5" StartPoint="1,0.5">

                    <GradientStop Color="Blue"/>

                    <GradientStop Offset="1"/>

                </LinearGradientBrush>

            </Line.Stroke>

        </Line>

    </Grid>

运行效果如下图：

2.矩形：

矩形由笔触（Stroke，即边线）和填充（Fill）构成。Stroke属性的设置与Line一样，Fill属性的数据类型是Brush.Brush是个抽象类，所以我们不可能拿一个Brush类的实例为Fill属性赋值而只能用Brush派生类的实例进行赋值。WPF和绘图系统包非常丰富的Brush类型，常用地有：

  1. SolidColorBrush:实心画刷。在XAML中可以使用颜色名称字符串（如Red、Blue）直接赋值。
  2. LinearGradientBrush:线性渐变画刷。色彩沿着设置地直线方向、按设置地变化点进行渐变。
  3. RadilalGradientBrush:径向渐变画刷。色彩沿半径地方向、按设定地变化点进行渐变，形成圆形填充。
  4. ImageBrush:使用图片（Image）作为填充内容。
  5. DrawingBrush:使用矢量图（Vector）和位图（Bitmap）作为填充内容。

下面是使用各种画刷填充矩形的例子：

<Grid>

        <Grid.RowDefinitions>

            <RowDefinition Height="211*"/>

            <RowDefinition Height="208*"/>

        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="389*"/>

            <ColumnDefinition Width="403*"/>

        </Grid.ColumnDefinitions>

     <!--渐性渐变-->

        <Rectangle Grid.Row="0" Grid.Column="0">

            <Rectangle.Fill>

                <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">

                    <GradientStop Color="#FFB6F8F1" Offset="0"/>

                    <GradientStop Color="#FF0082BD" Offset="0.25"/>

                    <GradientStop Color="#FF95DEFF" Offset="0.6"/>

                    <GradientStop Color="#FF004F72" Offset="1"/>

                </LinearGradientBrush>

            </Rectangle.Fill>

        </Rectangle>

        <!--经向渐变-->

        <Rectangle Grid.Row="0" Grid.Column="1">

            <Rectangle.Fill>

                <RadialGradientBrush>

                    <GradientStop Color="#FFB6F8F1" Offset="0"/>

                    <GradientStop Color="#FF0082BD" Offset="0.25"/>

                    <GradientStop Color="#FF95DEFF" Offset="0.75"/>

                    <GradientStop Color="#FF004F72" Offset="1.5"/>

                </RadialGradientBrush>

            </Rectangle.Fill>

        </Rectangle>

        <!--矢量图填充-->

        <Rectangle Grid.Row="1" Grid.Column="0">

            <Rectangle.Fill>

                <DrawingBrush Viewport="0,0,0.2,0.2" TileMode="Tile">

                    <DrawingBrush.Drawing>

                        <GeometryDrawing Brush="LightBlue">

                            <GeometryDrawing.Geometry>

                                <EllipseGeometry RadiusX="10" RadiusY="10"/>

                            </GeometryDrawing.Geometry>

                        </GeometryDrawing>

                    </DrawingBrush.Drawing>

                </DrawingBrush>

            </Rectangle.Fill>

        </Rectangle>

        <!--无填充，用渐性变填充边线-->

        <Rectangle Grid.Row="1" Grid.Column="1">

            <Rectangle.Stroke>

                <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">

                    <GradientStop Color="Red" Offset="0.5"/>

                    <GradientStop Color="Blue" Offset="1"/>

                </LinearGradientBrush>

            </Rectangle.Stroke>

        </Rectangle>

    </Grid>

运行效果：

  1. 路径：

路径（Path）可以说是WPF绘图中最强大的工具，一来是因为它完全可以替代其它几种图形，二来它可以将直线、圆弧、贝塞尔曲线等基本元素结合进来，形成更复杂的图形。路径最重要的一个属性是Data,Data的数据类型是Geometry（几何图形），我们正是使用这个属性将一些基本的线段连接起来、形成复杂的图形。

为Data属性赋值的语法有两种：一种是标签式的标准语法，另一种是专门用于绘制几何图形的“路径标记语法”。

Geometry的子类包括：

  1. LineGeometry:直线几何图形。
  2. RectangleGeometry:矩形几何图形。
  3. EllipseGeometry:椭圆几何图形。
  4. PathGeometry:路径几何图形。
  5. StreamGeometry:PathGeometry的轻量级替代品，不支持Binding、动画等功能。
  6. CombinedGeometry: 有多个基本几何图形联合在一起，形成地单一几何图形。
  7. GeometryGroup:由多个基本几何图性组合在一起，形成地21几何图形组。

    下面是椭圆和路径绘图的例子代码：

 

<Grid>

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="49*"/>

            <ColumnDefinition Width="50*"/>

        </Grid.ColumnDefinitions>

    <!--椭圆路径-->

        <Path Stroke="Green" Fill="LawnGreen" Grid.Column="0" Margin="-5,10,5,-10">

            <Path.Data>

                <EllipseGeometry Center="200,200" RadiusX="180" RadiusY="100"/>

            </Path.Data>

        </Path>

        <!--自定义路径-->

        <Path Stroke="Yellow" Fill="Orange" Grid.Column="1" Margin="10,10,-10,-10">

            <Path.Data>

                <PathGeometry>

                    <PathGeometry.Figures>

                        <PathFigure StartPoint="25,140" IsClosed="True">

                            <PathFigure.Segments>

                                <LineSegment Point="20,40"/>

                                <LineSegment Point="40,110"/>

                                <LineSegment Point="50,20"/>

                                <LineSegment Point="80,110"/>

                                <LineSegment Point="110,20"/>

                                <LineSegment Point="120,110"/>

                                <LineSegment Point="140,40"/>

                                <LineSegment Point="135,140"/>

                            </PathFigure.Segments>

                        </PathFigure>

                    </PathGeometry.Figures>

                </PathGeometry>

            </Path.Data>

        </Path>

    </Grid>

运行效果图如下：

微笑&星空
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WPF绘图
HFDNGL的博客
11-02 2153
WPF的基本图形包括以下几个：Line：直线段，可以设置触笔（Stroke） Rectangle：矩形，既有触笔，又有填充（Fill） Ellicps：椭圆，长宽相等即为正圆，既有触笔又有填充 Polygon：多边形，由多条直线段围成的闭合区域，既有触笔又有填充。 Polyline:折线（不闭合），由多边收尾相接的直线段组成。 Path：路径（闭合区域），由若干直线、圆弧、贝塞尔曲线组成。
WPF 绘图
weixin_44574132的博客
07-07 411
说到绘图，大家是不是想到了美术呢？那讲到绘图各位肯定会想到绘图需要一定的美术功底呢。其实这里讲的不是美术的绘图哈，这里讲的是使用编程语言去绘图。当然这个也时需要编程语言基础的是吧! 这里的几何绘图其实也不是很难的，只要你能够想到的那么你就一定能够写的出来，这个说简单也不简单说不难也难。 这次要分享给大家的图形是： 直线 矩形 椭圆 多边形 多线形 那么这次我就给大家分享下...
基于WPF的简单交互式画图程序，WPF画图的一个比较全的学习
01-26
基于WPF的简单交互式画图程序，WPF画图的一个比较全的学习
利用c# wpf实现各种图形绘制
05-06
利用visual studio 2010中的自带的相关引用实现各种图形的绘制，包括柱状图、曲线图、饼图等
WPF真入门教程33--上干货【换热站智能监控系统】
最新发布
hqwest的专栏
06-18 628
此实战以WPF为基础UI框架，展示了《换热站监控系统》上位机应用的全套实现过程，从界面功能布局、模拟组态业务到控件模板、图表、自定义控件，再到设备通信、页面数据实时更新、多线程相关操作等，众多实用功能完整落地。
wpf绘图，可绘制各种图形
04-08
WPF Visifire Charts 破解版，可以绘制各种图形
用WPF做的画图的程序
05-21
使用WPF技术，做的画图程序。 功能有 1.画线，矩形，圆形，椭圆。 2.选中并拖动。 3.删除。 4.通过交、差、联合等操作，由简单的图形生成复杂的图形。 附件中有源代码，C#，VS2008下编译通过。
WPF函数绘制
qq_37343780的博客
03-14 484
WPF函数绘制，效果和程序如下： <Window x:Class="GraphingCalculatorDemo.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com
用WPF实现 绘图软件
05-31
- 在事件处理程序中实现绘图功能，根据当前选择的绘图工具绘制相应的图形 - 可以使用WPF的Shape类来绘制图形，如Line、Rectangle、Ellipse等 4. 添加颜色和线型选择器 - 在工具栏中添加颜色和线型选择器 - 为...
WPF的绘图源码
09-19
本文将深入探讨如何使用WPF进行绘图，特别是如何利用它来创建背景表格并在此基础上绘制自定义图形，如波形图。 首先，让我们了解WPF中的绘图基础。WPF提供了`System.Windows.Shapes`命名空间，该命名空间包含了一...
使用WPF实现流程图的创建
03-19
在提供的`WpfDiagram-master`压缩包中，很可能是包含了一个示例项目，展示了如何使用WPF实现流程图的创建。通过研究该项目，你可以看到上述知识点的具体实现，包括代码结构、数据模型、UI设计和事件处理等方面。 总...
WPF 实现的画图程序，支持线、矩形、圆、多边形橡皮筋
07-31
WPF 实现的画图程序，支持线、矩形、圆、多边形橡皮筋。用WPF做绘图很好的Demo。原始积分只需要5，CSDN自动修改所需积分，太恶心了，我会定期改回来。
基于c# wpf制作的绘图程序
08-10
基于c# wpf制作的绘图程序 实现了图形选中偏移，旋转以及缩放功能，还有绘制圆形，矩形，五角星，箭头等 可以更改颜色以及画笔大小。可以直接运行，不会出错。
DrawToolsWPF 国外开源画图工具
04-30
DrawToolsWPF 国外开源画图工具 ,可画各种图形，选中，拖动，回撤，保存，设置等供学习使用
wpf画图控件_Scichart
11-23
wpf 画图控件 炫酷 破解 wpf 画图控件 炫酷 破解 wpf 画图控件 炫酷 破解 wpf 画图控件 炫酷 破解
wpf仿WIN10画图程序
10-29
VS2015下用wpf开发的仿WIN10画图的程序，有需要的小伙伴可以下载看看。
精选_基于WPF实现的简单绘图工具_源码打包
03-12
基于WPF实现的简单绘图工具
WPF高性能绘图的方法
05-06
这个项目将展示如何在WPF应用中实现这两种高性能绘图技术，通过实践加深对它们的理解和掌握。 总之，通过巧妙地使用WriteableBitmap和GDI+，开发者能够在WPF环境中实现高效的图形绘制，提高应用的运行效率，同时...
wpf绘图
yangRedmi的博客
06-19 1165
WPF 绘图
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值