如何實現(xiàn)TAB切換時按鈕變換樣式
如何實現(xiàn)TAB切換時按鈕變換樣式
AXURE原型設(shè)計工具能夠?qū)崿F(xiàn)很多復雜的交互效果，比如TAB標簽的動態(tài)切換，下面是學習啦小編給大家整理的一些有關(guān)實現(xiàn)TAB切換時按鈕變換樣式的方法，希望對大家有幫助!
實現(xiàn)TAB切換時按鈕變換樣式的方法
當鼠標移動到TAB標簽按鈕時，按鈕樣式發(fā)生改變(紅底白色加粗字體)，當點擊按鈕切換顯示內(nèi)容后，按鈕樣式發(fā)生改變(黃底黑色加粗字體)最終顯示如下：
選中按鈕“作業(yè)批閱結(jié)果”，右鍵>>編輯按鈕形狀>>編輯懸停樣式，在彈出的“設(shè)置懸停樣式”對話框中選擇填充色，字體顏色，加粗等效果，勾選對話框底部的“預覽”功能，能夠預覽設(shè)置完時候的樣式(需要設(shè)置成什么樣式可根據(jù)自己的設(shè)計)
設(shè)置完一個按鈕，還有另外兩個按鈕需要設(shè)置，這時候可以利用格式刷，類似于word中格式刷的功能，能夠?qū)⒉考臉邮脚窟M行設(shè)置(注意：不能利用格式刷復制部件的操作和大小)。
選中按鈕“作業(yè)批閱結(jié)果”，右鍵>>編輯按鈕形狀>>編輯選中樣式，在彈出的對話框中設(shè)置第二種樣式(黃底黑色加粗字體)，如下圖：
在預覽中我們發(fā)現(xiàn)，當鼠標滑過這三個按鈕時，按鈕變換樣式，但是點擊某一個按鈕進行內(nèi)容切換時，卻沒有顯示選中的樣式，如何讓按鈕點擊后改變樣式呢?
選中第一個按鈕“作業(yè)批閱結(jié)果”，然后再右側(cè)事件編輯欄中選中“onclick(點擊時)用例1”進行編輯(注意：前面已經(jīng)添加了一個事件，點擊時顯示對應的內(nèi)容)，在彈出的對話框中選擇“設(shè)置部件為選中狀態(tài)“，在右側(cè)選擇按鈕”作業(yè)批閱結(jié)果“后確定，如下圖
完成步驟6后預覽效果，此時部件點擊后變換了樣式(如下圖1)，不過當再點擊第二個按鈕時卻不能取消掉上一個被選中的樣式(如下圖2)，怎么辦呢?
選中本次TAB切換中的三個按鈕，右鍵>>編輯按鈕形狀>>指定按鈕組，在彈出的對話框中輸入按鈕組名稱，例如“查看作業(yè)按鈕組“，如下圖：
完結(jié)，預覽本小結(jié)最終效果
END
看了“如何實現(xiàn)TAB切換時按鈕變換樣式”的人還看了