在進行原型的交互設(shè)計的時候，按鈕的變化是比較常見的。比如，默認按鈕是什么顏色？鼠標懸停于按鈕上是什么樣式，鼠標選中按鈕時發(fā)生什么變化？這些都是我們需要對按鈕進行設(shè)置的。

?

1、鼠標懸停樣式效果

選中按鈕部件，然后點擊交互窗口中的鼠標懸停交互樣式。

在出現(xiàn)的設(shè)置中，設(shè)置需要的樣式即可，如果默認內(nèi)容中沒有顯示你想要

設(shè)置的樣式，請點擊“+更多樣式選項”，展示更多的樣式選項進行設(shè)置。

?

點擊確定按鈕保存操作。

?

?

2、鼠標按下樣式效果

看看上面的圖片，可以看到，我們打開了按鈕的交互樣式設(shè)置窗口，可以設(shè)置“鼠標懸?！?、“鼠標按下”、“選中”、“禁用”和“獲取焦點”時的交互樣式。

?

當然這個進入的方法，就是第一種的方式。

?

我們也可以在在按鈕部件選中狀態(tài)下，點擊交互窗口中的“新建交互”按鈕，拉到彈出的列表底部，選擇鼠標按下交互樣式即可。

在出現(xiàn)的鼠標按下設(shè)置中，設(shè)置樣式即可。

點擊確定按鈕保存操作。

?

3、選中樣式效果

a、給按鈕添加交互樣式

選中按鈕部件，點擊交互面板中的新建交互按鈕，在彈出的列表底部，選擇選中交互樣式。

在出現(xiàn)的選中區(qū)域中，設(shè)置樣式屬性。

點擊確定按鈕保存操作。

?

b、將按鈕設(shè)置為選中狀態(tài)

?

在按鈕選中狀態(tài)下，再次點擊新建交互，選擇單擊時事件，然后選擇設(shè)置選中動作。

?

在目標下拉列表中選擇當前部件。

?

保持設(shè)置下拉列表中的值不變，然后在為下拉列表中選擇切換。

點擊確定按鈕保存操作。

?

4、禁用樣式效果

設(shè)置禁用效果與設(shè)置選中效果的做法幾乎一樣，唯一不同的是，添加的動作。選中效果選擇的是“設(shè)置選中”動作，禁用樣式效果選擇的是啟用/禁用動作。

這是交互按鈕的樣式設(shè)置，跟之前的版本在設(shè)置上存在一些不同，比如設(shè)置的入口。比如Axure8可以直接看到交互樣式設(shè)置的所有名稱，點擊之后就直接設(shè)置即可。但Axure 9不能直接看到設(shè)置的樣式名稱，需要做其他的點擊過后，才能看到，這是大家需要注意的。