【WPF】Button 圆角/圆形按钮

最新推荐文章于 2025-04-28 15:24:38 发布

qq_37284394

最新推荐文章于 2025-04-28 15:24:38 发布

阅读量9.4k

点赞数 4

文章标签： windows wpf

本文链接：https://blog.youkuaiyun.com/qq_37284394/article/details/124374280

版权

本文介绍了如何在WPF中创建圆角和圆形的Button控件。通过编辑控件模板，设置Border的CornerRadius属性来实现不同半径的圆角效果，并展示了如何创建一个无边框、颜色动态变化的圆形按钮。

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

WPF 圆角按钮

本文通过改写Button 控件默认模板，实现自定义样式

一、创建Button 控件

提示：根据需要自行调整大小和位置

<Button Content="Button" HorizontalAlignment="Left" Margin="134,86,0,0" VerticalAlignment="Top" RenderTransformOrigin="-1.819,-4.886"/>

二、生成默认模板

1. 选中控件，右击选择“编辑模板”->“编辑副本”，并确定

在这里插入图片描述

2. 完成后会生成如下代码

提示：可根据下面备注自行修改，按钮的背景，鼠标移入，鼠标按下的填充色

    <UserControl.Resources>
        <SolidColorBrush x:Key="Button.Static.Background" Color="#FFDDDDDD"/>  <!--按钮静态时背景颜色-->
        <SolidColorBrush x:Key="Button.Static.Border" Color="#FF707070"/>  <!--按钮静态时边框颜色-->
        <SolidColorBrush x:Key="Button.MouseOver.Background" Color="#FFBEE6FD"/>  <!--鼠标移入时背景颜色-->
        <SolidColorBrush x:Key="Button.MouseOver.Border" Color="#FF3C7FB1"/>  <!--鼠标移入时边框颜色-->
        <SolidColorBrush x:Key="Button.Pressed.Background" Color="#FFC4E5F6"/>  <!--鼠标按下时背景颜色-->
        <SolidColorBrush x:Key="Button.Pressed.Border" Color="#FF2C628B"/>  <!--鼠标按下时边框颜色-->
        <SolidColorBrush x:Key="Button.Disabled.Background" Color="#FFF4F4F4"/>  <!--按钮不使用时背景颜色-->
        <Sol