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>

效果如下:

相关推荐
多巴胺耐受8 小时前
【WPF】炫酷的科技报警弹窗
科技·c#·wpf
Xin_ye1008610 小时前
C# 零基础到精通教程 - WPF 专题二:数据绑定与 MVVM
开发语言·c#·wpf
Xin_ye1008611 小时前
C# 零基础到精通教程 - WPF 专题一:WPF 入门与 XAML 基础
c#·wpf
qq_4312807011 小时前
生成解决方案将文件生成到根目录或指定文件夹下
wpf
周杰伦fans1 天前
掌握 MVVM Light:.NET 桌面应用开发的 MVVM 利器,掌握 ObservableObject、RelayCommand 和 Messenger
c#·wpf
Ws_1 天前
WPF 面试题 + 参考答案,偏 C# 桌面端开发高频。
开发语言·c#·wpf
LCG元2 天前
现代Web应用高可用架构设计与性能调优实战
前端·wpf
小二·2 天前
向量数据库深度对比:PGVector vs Qdrant vs Milvus vs Chroma(附性能测试数据)
数据库·wpf·milvus
周杰伦fans3 天前
WPF TextBlock 中 Run 元素实战——从密码强度检测到 MVVM 绑定
wpf
largecode4 天前
座机号码认证如何操作?申请热线实名名片,树立统一官方客服形象
linux·sql·华为·c#·.net·wpf·harmonyos