OrangeUI-开放-免费

分组按钮的效果如下:



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

设置之后如下图所示:

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

把标题设置成居中显示:

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

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

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

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