WPF系列四:图形控件Rectangle

简介

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

此外,如果你想让矩形拥有圆角效果,只需指定可选的 RadiusX 和 RadiusY 属性即可。这两个属性分别控制用于使矩形四个角变圆的椭圆在 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 小时前
分布式事务 | 使用DTM 的Saga 模式
java·linux·运维·数据库·wpf
samble2 天前
从零搭建半导体设备上位机(二):Prism + DryIoc,五个工程与区域导航怎么串起来
wpf·prism·dryioc
一条闲鱼_mytube2 天前
分布式 ID 生成方案:雪花算法与号段模式
分布式·算法·wpf
她说彩礼65万2 天前
WPF Prism代码走读
wpf
光泽雨5 天前
动画生命周期
c#·wpf
nap1176 天前
WPF 中常用的 LINQ 语句
wpf
做个文艺程序员9 天前
MQ第12篇:AI原生消息架构演进:从MQ到事件驱动的全链路设计
架构·消息队列·wpf·事件驱动架构·ai-native·cqrs
donk131411 天前
React Native for OpenHarmony 实战:三方库 react-native-circular-action-menu 的鸿蒙化适配指南
javascript·分布式·react native·react.js·wpf·harmonyos
donk131412 天前
React Native for OpenHarmony 实战:三方库 react-native-step-indicator 的鸿蒙化适配指南
分布式·react native·react.js·wpf·harmonyos