Axure RP是互聯網行業中產品經理的常用軟件,學會它可以快速得畫出產品界面的原始樣子(交互原型), Axure RP的功能非常強大,為了更好的實現原始樣子,需要對該工具的各元件和事件進行研究,本文將分享如何利用復選框實現單選效果。
1、正常打開Axure RP工具,由于我日常辦公使用的是Axure RP8.0漢化版,所以本文將以該版本為例進行截圖說明,其他版本的操作可以借鑒。
2、新建一個空白頁面,從左側元件庫中拖動3個復選框到空白頁面,做為示例使用,實際過程中請根據自己的實際需求進行設計。
3、在頁面編輯區對三個復選框的內容進行編輯,并對三個復選框分別進行命名,便于后續選中事件的定義。本例中分別對三個復選框命名為chb1、chb2、chb3
4、選中第一個復選框chb1,單擊右側屬性中的選中用例,在彈出的對話框中,定義事件。
5、在彈出的用例編輯框中,雙擊“添加條件”按鈕,如下圖1所示,在彈出的對話框中設置條件,如下圖2所示,條件要表達的意思是當chb1選中時。
6、在左側動作中單擊“取消選中”動作,然后在右側中選擇chb2,chb3元件,如下圖所示,點擊確定退出用例編輯窗口,這時候已經可以初步顯示效果了,一旦選擇了chb1,chb2和chb3就會被取消選中,僅針對chb1已經完成單選效果的設定了。
7、接下來針對chb2,chb3同樣操作第四五六三步的動作,這樣我們就完成了本次頁面上所有復選框的單選事件了。
8、這時候點擊預覽,就可以在IE上看到效果了。
相關推薦:
Axure RP 8中怎么制作復選框?
axure怎么制作復選框的全選和反選?
Axure RP 8怎么利用按鈕控制單選框和復選框?
新聞熱點
疑難解答
圖片精選