如何使用Axure制作互斥按鈕
按鈕的互斥以及類似元素的互斥在系統(tǒng)設計中非常常見。在使用Axure進行原型設計時,我們可以通過以下步驟來實現(xiàn)按鈕的互斥效果。 第一步:準備工作 首先,新建一個Axure畫布,并從元件庫中拖動按鈕到
按鈕的互斥以及類似元素的互斥在系統(tǒng)設計中非常常見。在使用Axure進行原型設計時,我們可以通過以下步驟來實現(xiàn)按鈕的互斥效果。
第一步:準備工作
首先,新建一個Axure畫布,并從元件庫中拖動按鈕到空白畫布中,將它們構(gòu)成一個按鈕組。
第二步:交互樣式
為了能夠清楚地辨別互斥效果,我們需要為按鈕組設置交互樣式。選中所有按鈕,點擊鼠標右鍵,然后選擇【交互樣式】。
第三步:樣式設置
在交互樣式設置彈框中,根據(jù)需求設置樣式。你可以選擇設置填充顏色等屬性。完成后,點擊確定按鈕。
第四步:設置選項組
選中所有按鈕,點擊鼠標右鍵,選擇【設置選項組】。
第五步:設置名稱
在彈框中輸入選項組的名稱,可以隨意命名。例如,我們可以將其命名為“tab”。
第六步:添加用例
選中第一個按鈕,在右側(cè)屬性操作欄中點擊【鼠標點擊時】。然后,在添加動作選框中找到并點擊【原件-設置選中-選中】。在配置動作的選框中選擇當前原件,并點擊確定按鈕。對于其他按鈕,按照相同的方法進行設置。
第七步:用例編輯
在用例編輯中,我們可以調(diào)整不同按鈕的動作。通過添加動作選框,我們可以設置選中、取消選中等操作。
第八步:點擊預覽
點擊軟件右上角的預覽按鈕,軟件會自動在默認瀏覽器中打開預覽圖。現(xiàn)在,你可以欣賞結(jié)果了。