WPF路径绘图之CombinedGeometry

WPF路径绘图之CombinedGeometry

效果如下：

XMAL代码如下：

<Window x:Class="Graphic_00.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/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Graphic_00"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <GeometryGroup x:Key="GeometryNonZero" FillRule="Nonzero">
            <EllipseGeometry RadiusX="50" RadiusY="50" Center="65,60"/>
            <EllipseGeometry RadiusX="30" RadiusY="30" Center="65,60"/>
        </GeometryGroup>
        <GeometryGroup x:Key="GeometryGroupEvenOdd" FillRule="EvenOdd">
            <EllipseGeometry RadiusX="50" RadiusY="50" Center="65,60"/>
            <EllipseGeometry RadiusX="30" RadiusY="30" Center="65,60"/>
        </GeometryGroup>
    </Window.Resources>
    <Border Name="myBorder" BorderBrush="Green" BorderThickness="5" >
        <Grid ShowGridLines="True" >
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            
            <!-- Union -->
            <StackPanel Grid.Row="0" Grid.Column="0" Background="White">
                <TextBlock Text="Union" FontSize="20" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                    <Path Fill="LightBlue" Stroke="Green">
                        <Path.Data>
                            <EllipseGeometry Center="50,60" RadiusX="30" RadiusY="30"/>
                        </Path.Data>
                    </Path>
                    <Path Fill="LightBlue" Stroke="Green">
                        <Path.Data>
                            <EllipseGeometry Center="100,60" RadiusX="30" RadiusY="30"/>
                        </Path.Data>
                    </Path>
                </StackPanel>
             
                <Path Fill="LightBlue" Stroke="Green" HorizontalAlignment="Center">
                    <Path.Data>
                        <CombinedGeometry GeometryCombineMode="Union">
                            <CombinedGeometry.Geometry1>
                                <EllipseGeometry Center="50,50" RadiusX="30" RadiusY="30"/>
                            </CombinedGeometry.Geometry1>
                            <CombinedGeometry.Geometry2>
                                <EllipseGeometry Center="70,50" RadiusX="30" RadiusY="30"/>
                            </CombinedGeometry.Geometry2>
                        </CombinedGeometry>
                    </Path.Data>
                </Path>
            </StackPanel>


            <!-- Intersect -->
            <StackPanel Grid.Row="0" Grid.Column="1" Background="White">
                <TextBlock Text="Intersect" FontSize="20" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                    <Path Fill="LightBlue" Stroke="Green">
                        <Path.Data>
                            <EllipseGeometry Center="50,60" RadiusX="30" RadiusY="30"/>
                        </Path.Data>
                    </Path>
                    <Path Fill="LightBlue" Stroke="Green">
                        <Path.Data>
                            <EllipseGeometry Center="100,60" RadiusX="30" RadiusY="30"/>
                        </Path.Data>
                    </Path>
                </StackPanel>

                <Path Fill="LightBlue" Stroke="Green" HorizontalAlignment="Center">
                    <Path.Data>
                        <CombinedGeometry GeometryCombineMode="Intersect">
                            <CombinedGeometry.Geometry1>
                                <EllipseGeometry Center="50,50" RadiusX="30" RadiusY="30"/>
                            </CombinedGeometry.Geometry1>
                            <CombinedGeometry.Geometry2>
                                <EllipseGeometry Center="70,50" RadiusX="30" RadiusY="30"/>
                            </CombinedGeometry.Geometry2>
                        </CombinedGeometry>
                    </Path.Data>
                </Path>
            </StackPanel>

            <!-- Xor -->
            <StackPanel Grid.Row="2" Grid.Column="0" Background="White">
                <TextBlock Text="Xor" FontSize="20" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                    <Path Fill="LightBlue" Stroke="Green">
                        <Path.Data>
                            <EllipseGeometry Center="50,60" RadiusX="30" RadiusY="30"/>
                        </Path.Data>
                    </Path>
                    <Path Fill="LightBlue" Stroke="Green">
                        <Path.Data>
                            <EllipseGeometry Center="100,60" RadiusX="30" RadiusY="30"/>
                        </Path.Data>
                    </Path>
                </StackPanel>

                <Path Fill="LightBlue" Stroke="Green" HorizontalAlignment="Center">
                    <Path.Data>
                        <CombinedGeometry GeometryCombineMode="Xor">
                            <CombinedGeometry.Geometry1>
                                <EllipseGeometry Center="50,50" RadiusX="30" RadiusY="30"/>
                            </CombinedGeometry.Geometry1>
                            <CombinedGeometry.Geometry2>
                                <EllipseGeometry Center="70,50" RadiusX="30" RadiusY="30"/>
                            </CombinedGeometry.Geometry2>
                        </CombinedGeometry>
                    </Path.Data>
                </Path>
            </StackPanel>

            <!-- Exclude -->
            <StackPanel Grid.Row="1" Grid.Column="1" Background="White">
                <TextBlock Text="Exclude" FontSize="20" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                    <Path Fill="LightBlue" Stroke="Green">
                        <Path.Data>
                            <EllipseGeometry Center="50,60" RadiusX="30" RadiusY="30"/>
                        </Path.Data>
                    </Path>
                    <Path Fill="LightBlue" Stroke="Green">
                        <Path.Data>
                            <EllipseGeometry Center="100,60" RadiusX="30" RadiusY="30"/>
                        </Path.Data>
                    </Path>
                </StackPanel>

                <Path Fill="LightBlue" Stroke="Green" HorizontalAlignment="Center">
                    <Path.Data>
                        <CombinedGeometry GeometryCombineMode="Exclude">
                            <CombinedGeometry.Geometry1>
                                <EllipseGeometry Center="50,50" RadiusX="30" RadiusY="30"/>
                            </CombinedGeometry.Geometry1>
                            <CombinedGeometry.Geometry2>
                                <EllipseGeometry Center="70,50" RadiusX="30" RadiusY="30"/>
                            </CombinedGeometry.Geometry2>
                        </CombinedGeometry>
                    </Path.Data>
                </Path>
            </StackPanel>


        </Grid>
    </Border>

</Window>