OrangeUI

分组按钮的效果如下:



拖三个Button到窗体上，
尺寸都设置成77*28，
需要六张图片做为背景，
每个按钮两张图片，
一张是正常状态的背景图片，
一张是按下状态的背景图片，
所需素材如下:
第一个按钮:
第二个按钮:
第三个按钮:
分别给三个按钮的NormalPicture这置成上面的第一张图片，
给三个按钮的PushedPicture设置成上面的第二张图片，

设置之后如下图所示:

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

把标题设置成居中显示:

再把这三个按钮水平排列靠在一起,
如下图所示:

在运行的时候会发现鼠标点击其中一个按钮的时候，
按钮不会自动设置成按下状态，
这时需要设置一下IsAutoPush属性，
这样鼠标点击的时候会自动设置按钮为按下状态。
 
接着点击其中两个按钮，
会出现两个按钮同时为按下状态，
如下图所示:

这是因为这三个按钮没有设置成一个分组,
它们的PushedGroupIndex都为0，
如下图所示:

如何才能把它们设置成一个分组呢?
这就需要把这三个按钮的PushedGroupIndex都设置为1(或其他不为0的数值)即可,
这时，当点击其中一个按钮,设置它为按下状态(IsPushed=True)时，
其他两个按钮会自动设置为弹起状态(IsPushed=False),
如下图所示: