如何使用Axure制作互斥按鈕

按鈕的互斥以及類似元素的互斥在系統(tǒng)設(shè)計(jì)中非常常見。在使用Axure進(jìn)行原型設(shè)計(jì)時(shí)，我們可以通過以下步驟來實(shí)現(xiàn)按鈕的互斥效果。 第一步：準(zhǔn)備工作 首先，新建一個(gè)Axure畫布，并從元件庫中拖動(dòng)按鈕到

按鈕的互斥以及類似元素的互斥在系統(tǒng)設(shè)計(jì)中非常常見。在使用Axure進(jìn)行原型設(shè)計(jì)時(shí)，我們可以通過以下步驟來實(shí)現(xiàn)按鈕的互斥效果。

第一步：準(zhǔn)備工作

首先，新建一個(gè)Axure畫布，并從元件庫中拖動(dòng)按鈕到空白畫布中，將它們構(gòu)成一個(gè)按鈕組。

第二步：交互樣式

為了能夠清楚地辨別互斥效果，我們需要為按鈕組設(shè)置交互樣式。選中所有按鈕，點(diǎn)擊鼠標(biāo)右鍵，然后選擇【交互樣式】。

第三步：樣式設(shè)置

在交互樣式設(shè)置彈框中，根據(jù)需求設(shè)置樣式。你可以選擇設(shè)置填充顏色等屬性。完成后，點(diǎn)擊確定按鈕。

第四步：設(shè)置選項(xiàng)組

選中所有按鈕，點(diǎn)擊鼠標(biāo)右鍵，選擇【設(shè)置選項(xiàng)組】。

第五步：設(shè)置名稱

在彈框中輸入選項(xiàng)組的名稱，可以隨意命名。例如，我們可以將其命名為“tab”。

第六步：添加用例

選中第一個(gè)按鈕，在右側(cè)屬性操作欄中點(diǎn)擊【鼠標(biāo)點(diǎn)擊時(shí)】。然后，在添加動(dòng)作選框中找到并點(diǎn)擊【原件-設(shè)置選中-選中】。在配置動(dòng)作的選框中選擇當(dāng)前原件，并點(diǎn)擊確定按鈕。對(duì)于其他按鈕，按照相同的方法進(jìn)行設(shè)置。

第七步：用例編輯

在用例編輯中，我們可以調(diào)整不同按鈕的動(dòng)作。通過添加動(dòng)作選框，我們可以設(shè)置選中、取消選中等操作。

第八步：點(diǎn)擊預(yù)覽

點(diǎn)擊軟件右上角的預(yù)覽按鈕，軟件會(huì)自動(dòng)在默認(rèn)瀏覽器中打開預(yù)覽圖。現(xiàn)在，你可以欣賞結(jié)果了。