WPF 自定义IconButton
自定义一个按钮控件
按钮控件很简单,我们在项目中有时把样式封装起来,添加依赖属性,也是为了统一。
这里举例,单纯的图标控件怎么设置
1、UserControl界面样式
<UserControl x:Class="WpfApplication12.IconButton" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="300" Loaded="IconButton_OnLoaded"> <UserControl.Resources> <Style TargetType="Button"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="Button"> <Grid> <Rectangle x:Name="T_Rectangle" Height="15" Width="15"> <Rectangle.Fill> <ImageBrush ImageSource="{Binding ImagesSource}"></ImageBrush> </Rectangle.Fill> </Rectangle> <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalAlignment}"></ContentPresenter> </Grid> <ControlTemplate.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter TargetName="T_Rectangle" Property="Height" Value="18"></Setter> <Setter TargetName="T_Rectangle" Property="Width" Value="18"></Setter> </Trigger> <Trigger Property="IsPressed" Value="True"> <Setter TargetName="T_Rectangle" Property="Height" Value="20"></Setter> <Setter TargetName="T_Rectangle" Property="Width" Value="20"></Setter> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style> </UserControl.Resources> <Grid> <Button Click="ButtonBase_OnClick"></Button> </Grid> </UserControl>
2、后台设置,我这边只添加了个图片路径和事件委托。其它的自己加吧

public partial class IconButton : UserControl
{
public IconButton()
{
InitializeComponent();
}
public ImageSource ImagesSource
{
get { return (ImageSource)GetValue(ImagesSourceProperty); }
set { SetValue(ImagesSourceProperty, value); }
}
public static readonly DependencyProperty ImagesSourceProperty = DependencyProperty.Register("ImagesSource",
typeof(ImageSource), typeof(IconButton));
private void IconButton_OnLoaded(object sender, RoutedEventArgs e)
{
var data = new IconButtonModel()
{
ImagesSource = ImagesSource
};
this.DataContext = data;
}
public delegate void ClickEventArgs(object sender, RoutedEventArgs e);
public event ClickEventArgs Click;
private void ButtonBase_OnClick(object sender, RoutedEventArgs e)
{
if (Click != null)
{
Click(sender, e);
}
}
}
public class IconButtonModel
{
public ImageSource ImagesSource { get; set; }
}
分类:
WPF/Silverlight
标签:
WPF-自定义控件
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· 上周热点回顾(2.17-2.23)
· 如何使用 Uni-app 实现视频聊天(源码,支持安卓、iOS)
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)