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>