原創(chuàng)|其它|編輯:郝浩|2012-12-26 14:58:10.000|閱讀 1879 次
概述:有很多種方法可以創(chuàng)建Normal狀態(tài)和Pressed 狀態(tài)的切換按鈕,本文主要介紹在原型設(shè)計工具GUI Design Studio中創(chuàng)建切換按鈕的3種方法。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
有很多種方法可以創(chuàng)建Normal狀態(tài)和Pressed 狀態(tài)的切換按鈕,本文主要介紹在原型設(shè)計工具GUI Design Studio中創(chuàng)建切換按鈕的3種方法。
方法一
本示例將使用"Replace Window"導(dǎo)航類型來創(chuàng)建一個狀態(tài)切換按鈕。 (該示例支持GUI Design Studio 的所有版)
1、使用Button元素創(chuàng)建兩個按鈕。第一個按鈕作為代表元素。根據(jù)自己的喜好,添加文本和圖標(biāo)到該按鈕中。我們假設(shè)第一個按鈕作為正常狀態(tài)下的按鈕,第二個按鈕作為按下狀態(tài)的按鈕。
2、使用 "Make Connection" 工具,添加導(dǎo)航鏈接到按鈕中。從正常狀態(tài)下的文本鏈接到按鈕狀態(tài)的矩形鏈接。雙擊箭頭,將導(dǎo)航類型設(shè)置為 "Replace Window"。
3、創(chuàng)建按下狀態(tài)的文本與正常狀態(tài)下矩形的鏈接。雙擊箭頭,將導(dǎo)航類型設(shè)置為 "Replace Window"。
4、建立正常狀態(tài)下的矩形與按下狀態(tài)下的矩形之間的鏈接。雙擊箭頭,將導(dǎo)航類型設(shè)置為 "Replace Window"。
5、建立按下狀態(tài)下矩形與正常狀態(tài)下矩形之間的鏈接。雙擊箭頭,將導(dǎo)航類型設(shè)置為 "Replace Window"。
方法二
本示例也使用"Replace Window" 導(dǎo)航類型,但是更簡便一些。本示例僅支持GUI Design Studio 4.2版本或更高級版本。
1、使用Button元素創(chuàng)建兩個按鈕。第一個按鈕作為代表元素。根據(jù)自己的喜好,添加文本和圖標(biāo)到該按鈕中。我們假設(shè)第一個按鈕作為正常狀態(tài)下的按鈕,第二個按鈕作為按下狀態(tài)的按鈕。
2、建立正常狀態(tài)下的矩形與按下狀態(tài)下的矩形之間的鏈接。雙擊箭頭,將導(dǎo)航類型設(shè)置為 "Replace Window"。
3、建立按下狀態(tài)下矩形與正常狀態(tài)下矩形之間的鏈接。雙擊箭頭,將導(dǎo)航類型設(shè)置為 "Replace Window"。
方法三
本示例使用 "Toggle Overlay"導(dǎo)航類型創(chuàng)建切換按鈕,這是創(chuàng)建切換按鈕最簡單的方法。由于在本示例中使用了事件冒泡(event bubbling),所以僅支持GUI Design Studio 4.2版本或更高級版本。
1、使用Button元素創(chuàng)建兩個按鈕。第一個按鈕作為代表元素。根據(jù)自己的喜好,添加文本和圖標(biāo)到該按鈕中。我們假設(shè)第一個按鈕作為正常狀態(tài)下的按鈕,第二個按鈕作為按下狀態(tài)的按鈕。
2、建立正常狀態(tài)下的矩形與按下狀態(tài)下的矩形之間的鏈接。雙擊箭頭,將導(dǎo)航類型設(shè)置為 "Replace Window"。
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@ke049m.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)