半岛权威十大直营(官方)网站

有很多种方法可以创建Normal状态和Pressed 状态的切换按钮，本文主要介绍在原型设计工具GUI Design Studio中创建切换按钮的3种方法。

方法一

本示例将使用"Replace Window"导航类型来创建一个状态切换按钮。 （该示例支持GUI Design Studio 的所有版）

1、使用Button元素创建两个按钮。第一个按钮作为代表元素。根据自己的喜好，添加文本和图标到该按钮中。我们假设第一个按钮作为正常状态下的按钮，第二个按钮作为按下状态的按钮。

2、使用 "Make Connection" 工具，添加导航链接到按钮中。从正常状态下的文本链接到按钮状态的矩形链接。双击箭头，将导航类型设置为 "Replace Window"。

3、创建按下状态的文本与正常状态下矩形的链接。双击箭头，将导航类型设置为 "Replace Window";。

4、建立正常状态下的矩形与按下状态下的矩形之间的链接。双击箭头，将导航类型设置为 "Replace Window"。

5、建立按下状态下矩形与正常状态下矩形之间的链接。双击箭头，将导航类型设置为 "Replace Window"。

方法二

本示例也使用"Replace Window" 导航类型，但是更简便一些。本示例仅支持GUI Design Studio 4.2版本或更高级版本。

1、使用Button元素创建两个按钮。第一个按钮作为代表元素。根据自己的喜好，添加文本和图标到该按钮中。我们假设第一个按钮作为正常状态下的按钮，第二个按钮作为按下状态的按钮。

2、建立正常状态下的矩形与按下状态下的矩形之间的链接。双击箭头，将导航类型设置为 "Replace Window"。

 3、建立按下状态下矩形与正常状态下矩形之间的链接。双击箭头，将导航类型设置为 "Replace Window"。

方法三

本示例使用 "Toggle Overlay"导航类型创建切换按钮，这是创建切换按钮最简单的方法。由于在本示例中使用了事件冒泡（event bubbling），所以仅支持GUI Design Studio 4.2版本或更高级版本。

 1、使用Button元素创建两个按钮。第一个按钮作为代表元素。根据自己的喜好，添加文本和图标到该按钮中。我们假设第一个按钮作为正常状态下的按钮，第二个按钮作为按下状态的按钮。

2、建立正常状态下的矩形与按下状态下的矩形之间的链接。双击箭头，将导航类型设置为 "Replace Window"。