最近做项目,对于WPF感冒已经有段时间了,现在正好有机会于是尝试着用一下。在找WPF的资料时看见一种假Button的样式,大概描述是 将鼠标放在Button上呈灰色圆形背景点击将其关闭(原文地址http://www.cnblogs.com/gnielee/archive/2010/07/26/wpf-employee-card-with-barcode.html)。我将作者源代码 Download下后 研究了近两个小时竟然没有琢磨出来==看来功力尚浅呀!在十分晕的情况下我决定自己来做。
首先看看我自己创建的,假Button的布局结构
<Border>
<Lable />
</Border>
结构是不是很简单呀! 为什么要用Border 呢 我要解释一下 因为Border有一个CornerRadius 属性是用来设置边框圆角半径的。将这个属性的值设置到一定大的时候整个Border 控件的形状就会成为一个标准圆(具体多大我没试过 我是将其设置到9999)把Border 的Background 设置为Transparent 这样我就有了一个圆形的透明背景。
然后我将Lable放进Border ,定义Content 为“X” 用来表示关闭符号,同时也把Background 设置为Transparent 。这样在页面上就会显示一个简洁的关闭按钮。
然后 我在Border 里定义了三个事件来实现我想要的效果分别是MouseEnter、MouseLeave、Mo