在使用Axure進(jìn)行原型設(shè)計(jì)時(shí)，經(jīng)常需要設(shè)置按鈕的點(diǎn)擊后顯示不同狀態(tài)。下面將介紹一種簡(jiǎn)單的設(shè)置方法。 新建一個(gè)空白原型 首先，在Axure中新建一個(gè)空白原型文件。這是我們開始創(chuàng)建按鈕的第一步。

在使用Axure進(jìn)行原型設(shè)計(jì)時(shí)，經(jīng)常需要設(shè)置按鈕的點(diǎn)擊后顯示不同狀態(tài)。下面將介紹一種簡(jiǎn)單的設(shè)置方法。

新建一個(gè)空白原型

首先，在Axure中新建一個(gè)空白原型文件。這是我們開始創(chuàng)建按鈕的第一步。

添加按鈕

在原型頁(yè)面上，找到工具欄上的按鈕組件，點(diǎn)擊并拖動(dòng)到頁(yè)面中心位置，即可添加一個(gè)按鈕。

右鍵設(shè)置為動(dòng)態(tài)面板

選中剛剛添加的按鈕，在右鍵菜單中選擇“設(shè)置為動(dòng)態(tài)面板”，按鈕的外觀會(huì)變成灰色的面板。

復(fù)制動(dòng)態(tài)面板狀態(tài)

點(diǎn)擊按鈕，然后按住Ctrl鍵（或者Command鍵），同時(shí)用鼠標(biāo)拖動(dòng)按鈕，可以復(fù)制按鈕的動(dòng)態(tài)面板狀態(tài)。

雙擊狀態(tài)2的按鈕設(shè)置

在復(fù)制出來(lái)的按鈕狀態(tài)中，雙擊狀態(tài)2的按鈕，進(jìn)入編輯狀態(tài)。

修改按鈕的樣式

在狀態(tài)2的按鈕編輯模式下，通過(guò)修改按鈕的樣式，比如將其顏色改為灰色，以區(qū)分與默認(rèn)狀態(tài)的按鈕樣式。

雙擊狀態(tài)1按鈕設(shè)置

回到按鈕的默認(rèn)狀態(tài)1，雙擊按鈕，進(jìn)入編輯模式。

設(shè)置鼠標(biāo)點(diǎn)擊后的切換

在狀態(tài)1按鈕的編輯模式下，選擇交互選項(xiàng)中的“鼠標(biāo)點(diǎn)擊”事件，并將其設(shè)置為面板切換到狀態(tài)2。

通過(guò)以上步驟，我們成功地設(shè)置了按鈕點(diǎn)擊后顯示不同狀態(tài)的效果。通過(guò)修改按鈕樣式和定義鼠標(biāo)點(diǎn)擊事件，可以實(shí)現(xiàn)更多個(gè)性化的按鈕交互效果。