WPF控件之ImageButton

使用wpf进行开发的时候，发现wpf居然没有提供ImageButton这样的控件，不过wpf提供了诸多实现途径，而且网上也有现成的控件可以利用。下面是一些链接

http://stackoverflow.com/questions/2491941/wpf-tristate-image-button/3676177#3676177

http://imagebuttonwpf.codeplex.com/

http://blogs.msdn.com/b/knom/archive/2007/10/31/wpf-control-development-3-ways-to-build-an-imagebutton.aspx



由于本人创建ImageButton的目的是满足需求、解决问题，而不是更好、更强，那么最简单的方法就是上述第三个链接中的第三个方法。这要感谢wpf提供了组合现有控件形成新控件的强大扩展能力了。关于这种实现方法的讲解可以参考链接中的文章。

我要补充的是，不知道是作者疏忽，还是本人没有正确使用。ImageButton居然没有Click的事件，那还是Button吗？（诸位也可以试试MouseLeftButton事件，看看是不是能够替代Click，本人比较懒:) ）。那具体怎么做呢？那就要找路由事件帮忙了（路由事件，侬帮帮忙好伐？）。基于已有代码大概步骤如下：

注册并发布自定义控件的Click路由事件

public static readonly RoutedEvent ClickEvent = EventManager.RegisterRoutedEvent("Click",RoutingStrategy.Bubble,typeof(RoutedEventHandler),typeof(ImageButton));

public event RoutedEventHandler Click
{
add { AddHandler(ClickEvent, value); }
remove { RemoveHandler(ClickEvent, value); }
}



接收自定义控件中组合的控件（即Image、TextBlock、StackPanel）的Click路由事件

<Button Click="Button_Click">

<StackPanel Orientation="Horizontal" Margin="10">

<Image Source="{Binding ElementName=UC,
Path=Image}"
Width="{Binding ElementName=UC,
Path=ImageWidth}"
Height="{Binding ElementName=UC,
Path=ImageHeight}"/>
<TextBlock Text="{Binding
ElementName=UC, Path=Text}"

Margin="10,0,0,0"/>
</StackPanel>

</Button>

激发自定义控件的Click事件

private void Button_Click(object sender, RoutedEventArgs e)
{
RaiseEvent(new RoutedEventArgs(ClickEvent));
}