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 ...

随机推荐

varnish与squid缓存效率对比实例
前提:安装varnish.squid.webbench(压测工具) 注:varnish和squid机都未安装其他多余服务,服务器绑定域名为www.dannylinux.top (为同一台服务器,测试 ...
Android技术文章收集
Android高工必备技能! 我的 Android 开发实战经验总结 Android开发在路上:少去踩坑,多走捷径 //微信微信Android客户端架构演进之路微信Android版智能心跳方案 / ...
RSA加解密工具类RSAUtils.java，实现公钥加密私钥解密和私钥解密公钥解密
package com.geostar.gfstack.cas.util; import org.apache.commons.codec.binary.Base64; import javax.cr ...
聊聊 Scala 的伴生对象及其意义
2019-04-22 关键字:Scala 伴生对象的作用关于 Scala 伴生对象,比教材更详细的解释. 什么是伴生对象? 教材中关于伴生对象的解释是:实现类似 Java 中那种既有实例成员又有静态 ...
「Algospot」龙曲线DRAGON
一道考验思维的好题,顺便总结求第k大问题的常规思路: 传送门:$>here<$ 题意给出初始串FX,每分形一次所有X替换为X+YF,所有Y替换为FX-Y.问$n$代字符串第$p$位起长度 ...
「FFT」题单（upd 2019.4.28）
持续更新(last upd 2019.4.28) ZJOI2014 力 [题目链接] 解法对原式进行转换,然后卷积FFT套上去求解就可以了. 推导过程简洁版: \[F_i=\sum_{j<i} ...
win10的MySQL客户端连接centos7虚拟机的mysql服务端连接不上解决办法
分别在win10和Centos虚拟机上装有MYSQL,但用电脑的mysql客户端连接centos7的服务端报错如下: 解决办法: 如果可以从虚拟机连接到电脑的MYSQL服务端, 那就是CentOS7的 ...
[GoogleBlog]new-approach-to-china
https://googleblog.blogspot.com/2010/01/new-approach-to-china.html
Alice and Bob HDU - 4111 （SG函数）
Alice and Bob are very smart guys and they like to play all kinds of games in their spare time. The ...
python经典例题100题01
[程序1] 题目:有1.2.3.4个数字,能组成多少个互不相同且无重复数字的三位数?都是多少? ans = [i*100+j*10+k for i in range(1, 5) for j in ra ...

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

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

随机推荐

热门专题

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

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