WPF系列十一:图形控件RectangleGeometry

简介

RectangleGeometry 是 WPF (Windows Presentation Foundation) 中用于定义矩形几何形状的一个几何对象。RectangleGeometry 通常与 Path 控件一起使用来绘制矩形,并且可以用来创建具有圆角的矩形。

  • 定义矩形RectangleGeometry 主要用于描述一个矩形区域,可以通过设置矩形的位置和尺寸来定义。
  • 参与绘制 :虽然 RectangleGeometry 本身不直接绘制任何内容,但它作为 Path 元素的数据源,允许你通过 Path 来绘制矩形。
  • 支持圆角 :可以通过设置 RadiusXRadiusY 属性来创建带有圆角的矩形。

属性

  • Rect :指定矩形的位置(左上角坐标)和大小(宽度和高度)。这个属性接受一个 Rect 结构体,该结构体定义了矩形的边界框。
  • RadiusX 和 RadiusY :这两个属性分别指定了矩形四个角的水平半径和垂直半径。当它们被设置为非零值时,矩形的角落会被圆滑处理。RadiusXRadiusY 的最大值分别是矩形宽度的一半和高度的一半。如果设定了这些值,则矩形将拥有圆角。
  • Transform :允许对 RectangleGeometry 应用变换,如旋转、缩放、平移等。这使得你可以轻松地调整矩形的位置或改变其外观而不必修改原始几何数据。
    • TranslateTransform:用于移动(平移)对象。
    • ScaleTransform:用于缩放对象。
    • RotateTransform:用于旋转对象。
    • SkewTransform:用于倾斜对象。
    • MatrixTransform:使用矩阵来定义更复杂的变换。
    • **TransformGroup:**组合变换。

示例

绘制一个带圆角的矩形

代码:

cs 复制代码
<Window x:Class="WPFDemo.Line.Views.RectangleGeometryWindow"
        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.Line.Views"
        mc:Ignorable="d"
        Title="RectangleGeometryWindow" Height="450" Width="800">
    <Grid>
        <!--定义一个带圆角的矩形-->
        <Path Stroke="Red" StrokeThickness="2" Fill="Yellow">
            <Path.Data>
                <RectangleGeometry Rect="300,150,200,100" RadiusX="20"  RadiusY="20"/>
            </Path.Data>
        </Path>
    </Grid>
</Window>

效果:

平移变换(TranslateTransform)

代码:

cs 复制代码
<Window x:Class="WPFDemo.Line.Views.RectangleGeometryWindow1"
        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.Line.Views"
        mc:Ignorable="d"
        Title="RectangleGeometryWindow1" Height="450" Width="800">
    <Grid>
        <!--定义一个带圆角的矩形-->
        <Path Stroke="Red" StrokeThickness="2" Fill="Yellow">
            <Path.Data>
                <RectangleGeometry Rect="300,150,200,100" RadiusX="20"  RadiusY="20"/>
            </Path.Data>
        </Path>

        <!--平移变换-->
        <Path Stroke="Blue" StrokeThickness="2" Fill="Green">
            <Path.Data>
                <RectangleGeometry Rect="300,150,200,100" RadiusX="20"  RadiusY="20">
                    <RectangleGeometry.Transform>
                        <TranslateTransform X="100" Y="0"/>
                    </RectangleGeometry.Transform>
                </RectangleGeometry>
            </Path.Data>
        </Path>
    </Grid>
</Window>

效果:

旋转变换(ScaleTransform)

代码:

cs 复制代码
<Window x:Class="WPFDemo.Line.Views.RectangleGeometryWindow2"
        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.Line.Views"
        mc:Ignorable="d"
        Title="RectangleGeometryWindow2" Height="450" Width="800">
    <Grid>
        <!--定义一个带圆角的矩形-->
        <Path Stroke="Red" StrokeThickness="2" Fill="Yellow">
            <Path.Data>
                <RectangleGeometry Rect="300,150,200,100" RadiusX="20"  RadiusY="20"/>
            </Path.Data>
        </Path>

        <!--旋转变换-->
        <Path Stroke="Blue" StrokeThickness="2" Fill="Green">
            <Path.Data>
                <RectangleGeometry Rect="300,150,200,100" RadiusX="20"  RadiusY="20">
                    <RectangleGeometry.Transform>
                        <RotateTransform CenterX="300" CenterY="100" Angle="90"/>
                    </RectangleGeometry.Transform>
                </RectangleGeometry>
            </Path.Data>
        </Path>
    </Grid>
</Window>

效果:

缩放变换(RotateTransform)

代码:

cs 复制代码
<Window x:Class="WPFDemo.Line.Views.RectangleGeometryWindow3"
        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.Line.Views"
        mc:Ignorable="d"
        Title="RectangleGeometryWindow3" Height="450" Width="800">
    <Grid>
        <!--定义一个带圆角的矩形-->
        <Path Stroke="Red" StrokeThickness="2" Fill="Yellow">
            <Path.Data>
                <RectangleGeometry Rect="300,150,200,100" RadiusX="20"  RadiusY="20"/>
            </Path.Data>
        </Path>

        <!--缩放变换-->
        <Path Stroke="Blue" StrokeThickness="2" Fill="Green">
            <Path.Data>
                <RectangleGeometry Rect="300,150,200,100" RadiusX="20"  RadiusY="20">
                    <RectangleGeometry.Transform>
                        <ScaleTransform ScaleX="0.8" ScaleY="0.8" />
                    </RectangleGeometry.Transform>
                </RectangleGeometry>
            </Path.Data>
        </Path>
    </Grid>
</Window>

效果:

组合变换(TransformGroup)

代码:

cs 复制代码
<Window x:Class="WPFDemo.Line.Views.RectangleGeometryWindow4"
        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.Line.Views"
        mc:Ignorable="d"
        Title="RectangleGeometryWindow4" Height="450" Width="800">
    <Grid>
        <Grid>
            <!--定义一个带圆角的矩形-->
            <Path Stroke="Red" StrokeThickness="2" Fill="Yellow">
                <Path.Data>
                    <RectangleGeometry Rect="300,150,200,100" RadiusX="20"  RadiusY="20"/>
                </Path.Data>
            </Path>

            <!--组合变换-->
            <Path Stroke="Blue" StrokeThickness="2" Fill="Green">
                <Path.Data>
                    <RectangleGeometry Rect="300,150,200,100" RadiusX="20"  RadiusY="20">
                        <RectangleGeometry.Transform>
                            <TransformGroup>
                                <TranslateTransform X="100" Y="0"/>
                                <RotateTransform CenterX="300" CenterY="100" Angle="90"/>
                                <ScaleTransform ScaleX="0.8" ScaleY="0.8" />
                            </TransformGroup>
                        </RectangleGeometry.Transform>
                    </RectangleGeometry>
                </Path.Data>
            </Path>
        </Grid>
    </Grid>
</Window>

效果:

相关推荐
csdn_aspnet5 小时前
如何从 WPF 控件 DataGrid 中删除多余的列
wpf·datagrid
张人玉6 小时前
C#WPF如何实现登录页面跳转
ui·c#·wpf
张人玉7 小时前
C#WPF如何跳转页面
笔记·ui·c#·wpf
.NET修仙日记9 小时前
.NET WinForms + WPF 综合学习路线:从传统到现代的.NET桌面开发
学习·c#·.net·wpf·.net core·winforms
猫林老师11 小时前
鸿蒙元服务开发:免安装的卡片式服务(Atomic Service)
华为·wpf·harmonyos
mingupup1 天前
WPF/C#:使用Microsoft Agent Framework框架创建一个带有审批功能的终端Agent
c#·wpf
△曉風殘月〆1 天前
WPF中的变换(Transform)功能详解
wpf
mingupup1 天前
为WPF应用增加项目图标
wpf
张人玉1 天前
c#WPF基础知识
开发语言·c#·wpf
yantuguiguziPGJ2 天前
WPF 联合 Web 开发调试流程梳理(基于 Microsoft.Web.WebView2)
前端·microsoft·wpf