Axure | 怎么設置按鈕點擊后為不同狀態
在使用Axure進行原型設計時,經常需要設置按鈕的點擊后顯示不同狀態。下面將介紹一種簡單的設置方法。 新建一個空白原型 首先,在Axure中新建一個空白原型文件。這是我們開始創建按鈕的第一步。
在使用Axure進行原型設計時,經常需要設置按鈕的點擊后顯示不同狀態。下面將介紹一種簡單的設置方法。
新建一個空白原型
首先,在Axure中新建一個空白原型文件。這是我們開始創建按鈕的第一步。
添加按鈕
在原型頁面上,找到工具欄上的按鈕組件,點擊并拖動到頁面中心位置,即可添加一個按鈕。
右鍵設置為動態面板
選中剛剛添加的按鈕,在右鍵菜單中選擇“設置為動態面板”,按鈕的外觀會變成灰色的面板。
復制動態面板狀態
點擊按鈕,然后按住Ctrl鍵(或者Command鍵),同時用鼠標拖動按鈕,可以復制按鈕的動態面板狀態。
雙擊狀態2的按鈕設置
在復制出來的按鈕狀態中,雙擊狀態2的按鈕,進入編輯狀態。
修改按鈕的樣式
在狀態2的按鈕編輯模式下,通過修改按鈕的樣式,比如將其顏色改為灰色,以區分與默認狀態的按鈕樣式。
雙擊狀態1按鈕設置
回到按鈕的默認狀態1,雙擊按鈕,進入編輯模式。
設置鼠標點擊后的切換
在狀態1按鈕的編輯模式下,選擇交互選項中的“鼠標點擊”事件,并將其設置為面板切換到狀態2。
通過以上步驟,我們成功地設置了按鈕點擊后顯示不同狀態的效果。通過修改按鈕樣式和定義鼠標點擊事件,可以實現更多個性化的按鈕交互效果。