Path配合基本的Geometry的使用

最新推荐文章于 2025-11-20 14:40:50 发布

原创最新推荐文章于 2025-11-20 14:40:50 发布 · 393 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#1024程序员节

WPF 专栏收录该内容

309 篇文章

订阅专栏

本文探讨了Windows XAML中的图形元素，包括路径、椭圆、矩形和组合几何的使用，展示了如何通过XAML代码创建和操作复杂的图形布局，重点在于组合几何的结合模式和实例应用。

<Window x:Class="Demo1024.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:Demo1024"
        xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
        mc:Ignorable="d"
        Title="MainWindow" Height="218.225" Width="187.947">
    <Grid>
        <!--<Path Stroke="Black" StrokeThickness="1">
            <Path.Data>
                <LineGeometry StartPoint="0 0" EndPoint="50 50"/>
            </Path.Data>
        </Path>

        <Path Stroke="Black" StrokeThickness="1">
            <Path.Data>
                <EllipseGeometry Center="50 50" RadiusX="35" RadiusY="25"/>
            </Path.Data>
        </Path>-->

        <!--<Ellipse Stroke="Black" StrokeThickness="2">
            
        </Ellipse>-->
        <!--<TextBlock Text="Hello,world" Margin="0 30 0 0"/>
        <Path Stroke="Black" StrokeThickness="1" Fill="Red">
            <Path.Data>
                <GeometryGroup>
                    <RectangleGeometry Rect="0 0 100 100"/>
                    <EllipseGeometry Center="50 50" RadiusX="35" RadiusY="25"/>
                </GeometryGroup>
            </Path.Data>
        </Path>-->

        <!--<Path Stroke="Black" StrokeThickness="1">
            <Path.Data>
                <CombinedGeometry GeometryCombineMode="Exclude">
                    <CombinedGeometry.Geometry1>
                        <RectangleGeometry Rect="0 0 50 50"></RectangleGeometry>
                    </CombinedGeometry.Geometry1>
                    <CombinedGeometry.Geometry2>
                        <EllipseGeometry Center="50 25" RadiusX="40" RadiusY="20"/>
                    </CombinedGeometry.Geometry2>
                </CombinedGeometry>
            </Path.Data>
        </Path>-->

        <Path Stroke="Black" StrokeThickness="1" Fill="Yellow">
            <Path.Data>
                <CombinedGeometry GeometryCombineMode="Union">
                    <CombinedGeometry.Geometry1>
                        <CombinedGeometry GeometryCombineMode="Exclude">
                            <CombinedGeometry.Geometry1>
                                <EllipseGeometry Center="50 50" RadiusX="50" RadiusY="50"/>                                
                            </CombinedGeometry.Geometry1>
                            <CombinedGeometry.Geometry2>
                                <EllipseGeometry Center="50 50" RadiusX="40" RadiusY="40"/>
                            </CombinedGeometry.Geometry2>
                        </CombinedGeometry>
                    </CombinedGeometry.Geometry1>
                    <CombinedGeometry.Geometry2>
                        <RectangleGeometry Rect="0 45 100 10">
                            <RectangleGeometry.Transform>
                                <RotateTransform Angle="135" CenterX="50" CenterY="50"/>
                            </RectangleGeometry.Transform>
                        </RectangleGeometry>
                    </CombinedGeometry.Geometry2>
                </CombinedGeometry>
            </Path.Data>
        </Path>



    </Grid>
</Window>