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>

效果如下:

相关推荐
张人玉1 小时前
C#WPF UI路由事件:事件冒泡与隧道机制
ui·c#·wpf
Aevget5 小时前
DevExpress WPF v25.2新功能预览 - 支持将JetBrains Rider与报表设计器集成
.net·wpf·界面控件·devexpress·ui开发
Aevget11 小时前
界面控件DevExpress WPF v25.1新版亮点:AI功能的全面升级
c#·.net·wpf·界面控件·devexpress·ui开发
beyond谚语2 天前
第一章 WPF概述
wpf
necessary6532 天前
从工行“余额归零”事件看CAP定理:当金融系统在一致性与可用性之间做出选择
分布式·金融·wpf·可用性测试
棉晗榜2 天前
WPF隐藏控件后,怎么让其上部的控件空间自动撑高
wpf
壹佰大多3 天前
【Redisson分布式锁源码分析-3】
数据结构·分布式·mysql·spring·spring cloud·wpf·lua
LateFrames4 天前
以小白视角尝试 WPF / WinUI3 / MAUI / MAUI Blazor 构建 Windows 桌面程序
windows·wpf·maui·mauiblazor·winui3
偶尔的鼠标人4 天前
Avalonia/WPF 打开子窗口,并且跨页面传值
c#·wpf·mvvm·avalonia
玖笙&4 天前
✨WPF编程进阶【6.1】:图形原则(附源码)
c++·c#·wpf·visual studio