【WPF】自定义形状的按钮Button

本文介绍如何使用WPF创建一个多边形按钮,并通过Grid布局结合Label实现按钮上的文字显示。为确保点击事件生效,Polygon和Label均需绑定MouseDown事件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

需求:做一个如下图所示的多边形按钮。

<!-- 特殊形状的按钮 -->
<Grid>
    <Polygon Points="0,0 140,0 190,42 140,84 0,84" MouseDown="YourCommand"
             Stroke="#FFE00E73" StrokeThickness="1" VerticalAlignment="Center" Margin="10">
        <Polygon.Fill>
            <SolidColorBrush Color="White"/>
        </Polygon.Fill>
    </Polygon>
    <Label Content="开始设计" MouseDown="YourCommand" VerticalAlignment="Center" HorizontalAlignment="Center" 
           FontSize="24" Foreground="#FFE00E73" Margin="-30,0,0,0"/>
</Grid>

Points点从左上角(0, 0)点开始,顺时针绘制,最后回到原点完成封闭的图形。

由于多边形Polygon没有内部显示文字的属性,用一个Grid将它和Label包裹到一起。

Label也要加上与Polygon相同的MouseDown点击事件,否则点击到Label上将没有反应(事件被Label拦截,Polygon无法接收到)。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值