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>

效果如下:

相关推荐
李高钢19 小时前
开源控件库 HandyControl 介绍与简单实践:让 WPF 界面告别“上个世纪“
开源·wpf
旋生万物1 天前
【终极实战】用Python从零“生成“一个宇宙:螺旋干涉模型的代码实现
开发语言·前端·人工智能·react.js·php·wpf
Now喔2 天前
WPF画刷介绍
wpf
李高钢2 天前
WPF/WinForms 客户端通过 gRPC 与后端通信:从 Proto 契约到流式调用的完整指南
wpf·grpc·winforms
一见已难忘3 天前
基于 Harmony 6.0 应用的宠物寄养预约系统实现
wpf·宠物
fl1768313 天前
基于C#WPF实现的内存加速球清理类似360加速球内存清理
开发语言·c#·wpf
李高钢3 天前
【WPF】高级 UI 与性能优化实战:从卡顿到丝滑
ui·性能优化·wpf
Chris _data3 天前
WPF 上位机开发学习笔记 - 第四天
笔记·学习·wpf
李高钢4 天前
除了 IDE,C#/WPF 开发者每天离不开的 10 个工具
ide·c#·wpf
李高钢4 天前
用 JetBrains Rider 写 WPF 的 15 个高效技巧:从 VS 转过来也值得看
wpf