有很多種方法可以創建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"。