WPF 10天修炼第九天

几何图形

使用LineGeometry、RectangleGeometry、EllipseGeometry对象分别绘制直线、矩形、椭圆。

使用GeometryGroup可以绘制组合图形。

<Window x:Class="WPFDemo.GeometryDemo"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

        xmlns:local="clr-namespace:WPFDemo"

        mc:Ignorable="d"

       WindowStartupLocation="CenterScreen"

        Title="GeometryDemo" Height="500" Width="800">

   <Canvas>

        <StackPanel Canvas.Top="10" >

            <TextBlock Text="绘制无相交组合图形"></TextBlock>

            <Path StrokeThickness="1" Fill="Yellow"  Stroke="Black" Margin="5" >

                <Path.Data  >

                    <!--使用GeometryGroup组合集合图形-->

                    <GeometryGroup >

                        <!--绘制直线-->

                        <LineGeometry StartPoint="10,20" EndPoint="100,20" />

                        <!--绘制矩形-->

                        <RectangleGeometry Rect="10,50,100,50" />

                        <!--绘制椭圆-->

                        <EllipseGeometry RadiusX="50" RadiusY="25" Center="60,160"/>

                    </GeometryGroup>

                </Path.Data>

            </Path>

        </StackPanel>

        <StackPanel Canvas.Top="10" Canvas.Left="150">

            <TextBlock Text="Nonzero方式填充图形"></TextBlock>

            <Path StrokeThickness="1" Fill="Yellow"  Stroke="Black" Margin="5">

                <Path.Data  >

                    <!--使用GeometryGroup组合集合图形-->

                    <GeometryGroup FillRule="Nonzero">

                        <!--绘制直线-->

                        <LineGeometry StartPoint="10,20" EndPoint="100,20" />

                        <!--绘制矩形-->

                        <RectangleGeometry Rect="10,50,100,50" />

                        <!--绘制椭圆-->

                        <EllipseGeometry RadiusX="50" RadiusY="25" Center="60,50"/>

                    </GeometryGroup>

                </Path.Data>

            </Path>

        </StackPanel>

        <StackPanel Canvas.Top="10" Canvas.Left="300">

            <TextBlock Text="EvenOdd方式填充图形"></TextBlock>

            <Path StrokeThickness="1" Fill="Yellow"  Stroke="Black" Margin="5" >

                <Path.Data  >

                    <!--使用GeometryGroup组合集合图形-->

                    <GeometryGroup FillRule="EvenOdd">

                        <!--绘制直线-->

                        <LineGeometry StartPoint="10,20" EndPoint="100,20" />

                        <!--绘制矩形-->

                        <RectangleGeometry Rect="10,50,100,50" />

                        <!--绘制椭圆-->

                        <EllipseGeometry RadiusX="50" RadiusY="25" Center="60,50"/>

                    </GeometryGroup>

                </Path.Data>

            </Path>

        </StackPanel>

    </Canvas>

</Window>

使用CombinedGeometry结合形状

使用GeometryCombineMode的枚举属性可以为组合图形应用一些布尔运算。

Union：通过采用两个区域的并集合并两个区域。新的图形为两个图形。

Inntersect：通过采用两个区域的交集合并两个区域。新的图形为两个图形相交部分。

Xor：将在第一个图形中但不在第二个图形中的区域，和在第二个图形但不在第一个图形的区域进行合并。新的区域为（A-B）+（B-A）组成。

Exclude：从第一个图形总除去第二个图形。

<Window x:Class="WPFDemo.CombinedGeometryDemo"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

        xmlns:local="clr-namespace:WPFDemo"

        mc:Ignorable="d"

        WindowStartupLocation="CenterScreen"

        Title="CombinedGeometryDemo" Height="530" Width="500">

    <Canvas>

        <StackPanel Canvas.Left="10" Canvas.Top="10">

            <TextBlock Text="Union计算组合图形" />

            <Path Stroke="Black" StrokeThickness="1" Fill="Yellow" >

                <Path.Data>

                    <!---使用Union组合多个图形-->

                    <CombinedGeometry GeometryCombineMode="Union">

                        <CombinedGeometry.Geometry1>

                            <EllipseGeometry  RadiusX="50" RadiusY="50" Center="75,75"/>

                        </CombinedGeometry.Geometry1>

                        <CombinedGeometry.Geometry2>

                            <EllipseGeometry  RadiusX="50" RadiusY="50" Center="125,75"/>

                        </CombinedGeometry.Geometry2>

                    </CombinedGeometry>

                </Path.Data>

            </Path>

        </StackPanel>

        <StackPanel Canvas.Left="250" Canvas.Top="10">

            <TextBlock Text="Exclude计算组合图形" />

            <Path Stroke="Black" StrokeThickness="1" Fill="Yellow" >

                <Path.Data>

                    <!---使用Exclude组合多个图形-->

                    <CombinedGeometry GeometryCombineMode="Exclude">

                        <CombinedGeometry.Geometry1>

                            <EllipseGeometry  RadiusX="50" RadiusY="50" Center="75,75"/>

                        </CombinedGeometry.Geometry1>

                        <CombinedGeometry.Geometry2>

                            <EllipseGeometry  RadiusX="50" RadiusY="50" Center="125,75"/>

                        </CombinedGeometry.Geometry2>

                    </CombinedGeometry>

                </Path.Data>

            </Path>

        </StackPanel>

        <StackPanel Canvas.Left="10" Canvas.Top="250">

            <TextBlock Text="Intersect计算组合图形" />

            <Path Stroke="Black" StrokeThickness="1" Fill="Yellow" >

                <Path.Data>

                    <!---使用Intersect组合多个图形-->

                    <CombinedGeometry GeometryCombineMode="Intersect">

                        <CombinedGeometry.Geometry1>

                            <EllipseGeometry  RadiusX="50" RadiusY="50" Center="75,75"/>

                        </CombinedGeometry.Geometry1>

                        <CombinedGeometry.Geometry2>

                            <EllipseGeometry  RadiusX="50" RadiusY="50" Center="125,75"/>

                        </CombinedGeometry.Geometry2>

                    </CombinedGeometry>

                </Path.Data>

           </Path>

        </StackPanel>

       <StackPanel Canvas.Left="250" Canvas.Top="250">

            <TextBlock Text="Xor计算组合图形" />

            <Path Stroke="Black" StrokeThickness="1" Fill="Yellow" >

                <Path.Data>

                    <!---使用Xor组合多个图形-->

                    <CombinedGeometry GeometryCombineMode="Xor">

                        <CombinedGeometry.Geometry1>

                            <EllipseGeometry  RadiusX="50" RadiusY="50" Center="75,75"/>

                        </CombinedGeometry.Geometry1>

                        <CombinedGeometry.Geometry2>

                            <EllipseGeometry  RadiusX="50" RadiusY="50" Center="125,75"/>

                        </CombinedGeometry.Geometry2>

                    </CombinedGeometry>

                </Path.Data>

            </Path>

        </StackPanel>

    </Canvas>

</Window>

PathGeometry对象

PathGeometry对象是集合图形中最强大的元素，使用该对象可以绘制弧形、曲线、椭圆、直线和矩形等组成的复杂图形。每个PathGeomery对象都使用一个和多个PathFigure对象，该对象存储在PathGeometry.Figures集合中。每个PathFigure对象都可以由一个或多个PathSegment对象组成。每个PathGeomery对象都使用一个和多个PathFigure对象，该对象存在PaathGeometryFigures集合中。每个PathFigure对象都有一个或多个PathSegment对象组成。

PathFigure的重要属性：

StartPoint：指定线段的起点

Segments：一个PathSegment对象的集合，用于绘制图形。

IsClosed：如果设置为true，将添加一个直线连接起点和终点。

IsFilled：如果设置为true，图形的内部区域将使用Path.Fill画刷填充。

PathSegment派生类：

LineSegment：在两个点之间创建直线。

ArcSegment：在两个点之间创建圆弧。

BezierSegment：在两个点之间创建贝塞尔曲线。

QuadraticBezierSegment：在PathFigure的两点之间创建一条二次赛贝尔曲线。

PolyLineSegment：创建一系列直线，可以使用多个LineSegment对象获得同样的效果，但是使用polyLineSegment更简单。

PolyBeeierSegment：创建一条或多条三次贝塞尔曲线。

PolyQuadraticBezierSegment：创建一系列二次贝塞尔线段。

使用PathGeeometry绘制图形

<Window x:Class="WPFDemo.PathGeometryDemo"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

        xmlns:local="clr-namespace:WPFDemo"

        mc:Ignorable="d"

        Title="PathGeometryDemo" Height="350" Width="700">

    <Canvas>

        <!--绘制直线-->

        <StackPanel Canvas.Top="10" Canvas.Left="10">

            <TextBlock Text="绘制直线IsClose设置为False"/>

            <Path Stroke="Blue">

                <Path.Data>

                    <PathGeometry>

                        <PathFigure IsClosed="True" StartPoint="10,10" >

                            <!--使用LineSegment绘制直线-->

                            <LineSegment  Point="10,100"/>

                            <LineSegment  Point="100,50"/>

                        </PathFigure>

                    </PathGeometry>

                </Path.Data>

            </Path>

        </StackPanel>

        <StackPanel Canvas.Top="150" Canvas.Left="10">

            <TextBlock Text="绘制直线IsClose设置为False"/>

            <Path Stroke="Blue">

                <Path.Data>

                    <PathGeometry>

                        <PathFigure IsClosed="False" StartPoint="10,10" >

                            <!--使用LineSegment绘制直线-->

                            <LineSegment  Point="10,100"/>

                            <LineSegment  Point="100,50"/>

                        </PathFigure>

                    </PathGeometry>

                </Path.Data>

            </Path>

        </StackPanel>

        <!--绘制弧线-->

        <StackPanel Canvas.Left="200" Canvas.Top="10">

            <Path Stroke="Black" StrokeThickness="1">

              <Path.Data>

                    <PathGeometry>

                        <PathGeometry.Figures>

                            <PathFigureCollection>

                                <PathFigure StartPoint="10,10">

                                    <PathFigure.Segments>

                                        <PathSegmentCollection>

                                            <!--绘制弧线-->

                                            <ArcSegment Size="100,50" RotationAngle="45" IsLargeArc="True" SweepDirection="Counterclockwise" Point="200,100"></ArcSegment>

                                        </PathSegmentCollection>

                                    </PathFigure.Segments>

                                </PathFigure>

                            </PathFigureCollection>

                        </PathGeometry.Figures>

                    </PathGeometry>

                </Path.Data>

            </Path>

        </StackPanel>

       <!--绘制贝塞尔曲线-->

        <StackPanel Canvas.Top="10" Canvas.Left="400">

            <Path Stroke="Black" StrokeThickness="5" >

                <Path.Data>

                    <PathGeometry>

                        <PathFigure StartPoint="10,10">

                            <!--绘制贝塞尔曲线-->

                            <BezierSegment Point1="130,30" Point2="40,140" Point3="150,150" />

                        </PathFigure>

                    </PathGeometry>

                </Path.Data>

            </Path>

        </StackPanel>

    </Canvas>

</Window>

WPF 10天修炼第九天 - 几何图形的更多相关文章

WPF 10天修炼第十天- WPF数据绑定
WPF数据绑定数据绑定到元素属性是将源对象指定为一个WPF元素,并且源属性是一个依赖属性,依赖属性内置了变更通知.当改变源对象依赖属性值之后,绑定目标可以立即得到更新,开发人员不需要手动编写响应事件 ...
WPF 10天修炼第八天 - 形状、画刷和变换
图形在WPF中使用绘图最简单的就是使用Shape类.Shape类继承自FrameworkElement,是一个专门用来绘图的类.Shape类中年派生的类有直线.矩形.多边形和圆形等. System. ...
WPF 10天修炼第七天- WPF资源、样式、控件模板
WPF资源对象资源 WPF允许在XAML标记的任意位置定义资源.比如在特定的控件.窗口或应用程序级别定义资源,WPF资源系统提供的对象资源有如下好处: 1. 高效:使用对象资源可以在一个地方定义而 ...
WPF 10天修炼第六天- 系统属性和常用控件
WPF系统属性和常用控件渐变的背景色 WPF中的前景色和背景色不同于传统Winform的设置,这些属性都是Brush类型的值.在XAML中,当为这些属性设置指定的颜色后将被转换为SolidColor ...
WPF 10天修炼第五天- 内容控件
WPF内容控件在WPF中,所有呈现在用户界面上的对象都称为用户界面元素.但是只有派生自System.Windows.Controls.Control类的对象才称为控件.内容控件通常是指具有Conte ...
WPF 10天修炼第四天- WPF布局容器
WPF布局 WPF的窗口也就是Window类,是一个内容控件,该控件派生自ContentControl.内容控件有一个Content属性,该属性有一个限制,只能放置一个用户界面元素,或一个字符串.为了 ...
WPF 10天修炼第三天- Application全局应用程序类
Application对象当一个WPF应用程序启动时,首先会实例化一个全局唯一的Application对象,类似于WinForm下的Application类,用于控制整个应用程序,该类将用于追踪应用 ...
WPF 10天修炼第二天- XAML语言
XAML是什么 XAML是一种与.NET CLR紧密集成的声明性UI标记语言.XAML中的对象元素对应到CLR中的类型或结构.XAML命名空间对应到CLR中类的命名空间,元素类型则对应到CLR中的类型 ...
WPF 10天修炼第一天- 入门
简介 WPF技术基于DirectX,完美的整合了矢量图形.2D或3D绘图技术.文件及多媒体技术.WPF将开发人员和设计人员的职责清楚的分离,提供了一种声明编程语言XAML.同时Expression B ...

随机推荐

JSON获取地址
JSON获取地址一: https://github.com/stleary/JSON-java JSON获取地址二: http://genson.io/ JSON获取地址一: https://code ...
SpringBoot+Redis整合
SpringBoot+Redis整合 1.在pom.xml添加Redis依赖  <dependency> <groupId>org.sp ...
LogHelper 日志
public class LogHelper : Abp.Domain.Services.DomainService { public static void Debug(object message ...
C博客作业01--分支、顺序结构
1.本章学习总结 1.1 思维导图 1.2 本章学习体会及代码量学习体会 1.2.1 学习体会在暑假已经有初步接触c语言,所以在学习c语言的开始会比较轻松,但仍然解题时候步骤太过于繁琐,简单的题目复 ...
【NLP】选择目标序列：贪心搜索和Beam search
构建seq2seq模型,并训练完成后,我们只要将源句子输入进训练好的模型,执行一次前向传播就能得到目标句子,但是值得注意的是: seq2seq模型的decoder部分实际上相当于一个语言模型,相比于R ...
LVS负载均衡NAT模式实现
LVS负载均衡之NAT模式配置 NAT 模式架构图: 操作步骤实验环境准备:(centos7平台) 所有服务器上配置 # systemctl stop firewalld //关闭防火墙 # sed ...
msyql存储数据时字段被截断
关于mysql中字段类型为text文本存储json格式数据,字段被截断的问题背景: 字段类型 MEDIUMTEXT 确定存储内容5548个字符,换算为字节不超过16M 数据库内已经存在更长内容的存储 ...
Spring定时器配置与运用，及Cron表达式的详解
一:首先在spring的配置文件里配置一个定时器 <task:executor id="executor" pool-size="5" /> < ...
Axure之动态面板:登录面板切换
无论是谁,在刚开始接触一门不太熟悉的东西时都有一种恐惧感,但是慢慢多练习几遍,再多琢磨琢磨,形成自己的见解和认识,就掌握的差不多了.我说的是题外话,现在转入正题. 面板切换,也就是我们通常所有的tab ...
ClassLoader那事儿
ClassLoader是什么 ClassLoader中文类加载器,java编写出来的是.java文件,然后编译成.class文件,而ClassLoader就是把class文件加载到jvm内存中:但jv ...

WPF 10天修炼 第九天 - 几何图形

WPF 10天修炼 第九天 - 几何图形的更多相关文章

随机推荐

热门专题

WPF 10天修炼第九天 - 几何图形

WPF 10天修炼第九天 - 几何图形的更多相关文章