分组按钮的效果如下:

拖三个Button到窗体上，

尺寸都设置成77*28，

需要六张图片做为背景，

每个按钮两张图片，

一张是正常状态的背景图片，

一张是按下状态的背景图片，

所需素材如下:

第一个按钮:

第二个按钮:

第三个按钮:

分别给三个按钮的NormalPicture这置成上面的第一张图片，

给三个按钮的PushedPicture设置成上面的第二张图片，

设置之后如下图所示:

分别给三个按钮设置标题，

把标题设置成居中显示:

再把这三个按钮水平排列靠在一起,

如下图所示:

在运行的时候会发现鼠标点击其中一个按钮的时候，

按钮不会自动设置成按下状态，

这时需要设置一下IsAutoPush属性，

这样鼠标点击的时候会自动设置按钮为按下状态。

 

接着点击其中两个按钮，

会出现两个按钮同时为按下状态，

如下图所示:

这是因为这三个按钮没有设置成一个分组,

它们的PushedGroupIndex都为0，

如下图所示:

如何才能把它们设置成一个分组呢?

这就需要把这三个按钮的PushedGroupIndex都设置为1(或其他不为0的数值)即可,

这时，当点击其中一个按钮,设置它为按下状态(IsPushed=True)时，

其他两个按钮会自动设置为弹起状态(IsPushed=False),

如下图所示: