WPF系列四:图形控件Rectangle

简介

通过Rectangle空间绘制一个矩形,并通过设置其 WidthHeight 属性来定义其尺寸。为了填充矩形的内部,使用 Fill 属性;若需要为矩形添加边框,则可以通过设置 StrokeStrokeThickness 属性来实现。

此外,如果你想让矩形拥有圆角效果,只需指定可选的 RadiusXRadiusY 属性即可。这两个属性分别控制用于使矩形四个角变圆的椭圆在 x 轴和 y 轴上的半径。

属性

Width: 设置宽度

Height: 设置高度

Fill: 设置填充颜色

Stroke: 设置边框颜色

StrokeThickness: 设置边框宽度

RadiusX: 设置令矩形边角改为圆角的椭圆半径( X 轴)

RadiusY: 设置令矩形边角改为圆角的椭圆半径(Y 轴)

Demo

代码如下:

cs 复制代码
<Window x:Class="WPFDemo.Line.Views.RectangleWindow"
        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="RectangleWindow" Height="450" Width="800">
    <Grid>
        <Rectangle Width="200" Height="100" Stroke="Red" StrokeThickness="2" Fill="Yellow" RadiusX="10" RadiusY="10"> 
            
        </Rectangle>
    </Grid>
</Window>

效果如下:

相关推荐
Chris _data6 天前
WPF 学习第三天 — Modbus RTU 串口通信
hadoop·学习·wpf
布吉岛的石头7 天前
Java 程序员第 43 阶段05:微服务整合大模型,跨服务调用架构设计实战,Seata分布式事务实战
wpf
步步为营DotNet7 天前
基于.NET Aspire 实现云原生应用的高效监控与可观测性
云原生·.net·wpf
芒鸽8 天前
HarmonyOS 分布式开发实战:设备协同、数据共享与跨设备迁移
分布式·wpf·harmonyos
Volunteer Technology8 天前
Flink状态管理与容错(二)
大数据·flink·wpf
happyprince8 天前
07_verl-Trainer模块详解
人工智能·架构·wpf·强化学习
bugcome_com9 天前
WPF + Prism 技术指南与实战项目(二、模板搭建)
wpf
小满Autumn9 天前
log4net 日志框架 — 从配置到实战速查手册
笔记·c#·.net·wpf·上位机·log4net
政沅同学9 天前
基于 C# WPF + HALCON 的工业视觉算法工具框架(开源)
开发语言·c#·wpf
happyprince9 天前
03_verl-设计理念与核心原理
wpf