Axure8怎么設計點擊按鈕觸發(fā)控件變化的交互效果?
發(fā)布時間：2016-11-25 09:24:46 作者：佚名 
我要評論
我要評論Axure8怎么設計點擊按鈕觸發(fā)控件變化的交互效果？Axure8中想要制作一個網頁效果就是，點擊按鈕可以發(fā)生一些變化，該怎么設計呢？下面我們就來看看詳細的教程，需要的朋友可以參考下
RP Axure是一款設計軟件原型工具，自帶了元件庫，如按鈕、矩形框、樹、單選框、復選框和一些常用的圖標。下面講述這樣一個實例：設置一個矩形框，添加一個按鈕，點擊按鈕觸發(fā)顯示和隱藏矩形框。具體操作如下：
1、雙擊打開RP Axure軟件工具，默認顯示index頁面和page1、page2、page3，如下圖所示：
2、在元件庫中找到“矩形1”，拖曳一個到編輯區(qū)域窗口，并設置寬度和高度，如下圖所示：
3、拖曳一個“主要按鈕”到編輯窗口，修改其內容為“改變背景顏色”，使寬度使用矩形框，如下圖所示：
4、改變矩形框填充顏色，設置為綠色背景，如下圖所示：
5、選中按鈕，查看右側屬性設置框，雙擊“鼠標單擊時”，打開用例編輯窗口，如下圖所示：
6、選中元件“顯示/隱藏”，設置顯示或隱藏的效果，確定后單擊“確定”，如下圖所示：
注意事項：
注意按鈕單擊事件用例添加。
注意顯示和隱藏的效果實現。
相關推薦：
相關文章
Axure怎么新建元件庫? Axure創(chuàng)建自己元件庫的教程
Axure怎么新建元件庫？Axure繪制網頁原型很簡單，繪制的時候需要很多原件，想創(chuàng)建自己的元件庫，該怎么創(chuàng)建呢？下面我們就來看看Axure創(chuàng)建自己元件庫的教程，需要的朋友可2016-11-18- Axure部件庫怎么導入下載的部件？經常使用axure繪制網頁原型，但是axure中自帶的部件款式不多，想導入自己下載的部件，該怎么導入呢？下面我們就來看看詳細的教程，需要的2016-11-18
axure拖動動態(tài)面板怎么設計? axure給動態(tài)面板添加拖動條的兩種方法
axure拖動動態(tài)面板怎么設計？axure設計動態(tài) 面板的時候，發(fā)現沒有拖動條，想添加，該怎么做呢？下面我們就來介紹axure給動態(tài)面板添加拖動條的兩種方法，需要的朋友可以參考2016-11-03- axure8怎么制作tab菜單選中的效果？axure8做原型的時候，想要讓玄真過得菜單高亮顯示，該怎么社會自呢？下面我們就來看看詳細的設置教程，需要的朋友可以參考下2016-11-02
- Axure7.0怎么制作折疊菜單原型？再設計網頁原型的時候，想設計一個折疊的菜單，該怎么設計呢？下面我們就來看看Axure7.0設計折疊菜單的教程，需要的朋友可以參考下2016-11-02
- axure怎么制作彈出框效果？想要給網頁實現一個彈出框的效果，該怎么設計這個原型呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2016-10-26
- axure RP7.0怎么制作60秒倒計時效果？我們經常使用axure設計網頁原型，該怎么使用axure制作網頁倒計時60秒的效果呢？請看下文詳細介紹，需要的朋友可以參考下2016-10-26
- 想設計一個網頁原型，該怎么設計呢？下面我們就來看看使用Axure設計圖片輪番播放效果的網頁原型的教程，很簡單，需要的朋友可以參考下2016-10-23
- axure怎么繪制流程圖中的箭頭？axure繪制流程圖需要使用箭頭連接，該怎么繪制箭頭呢？下面我們就來看看使用axure給流程圖添加箭頭的教程，需要的朋友可以參考下2016-09-30
axure動態(tài)面板怎么用? Axure動態(tài)面板制作頁面彈出層的教程
axure動態(tài)面板怎么用？像制作一個彈出的網頁，這時候我們就可以使用axure來設計，下面我們就來看看Axure動態(tài)面板制作頁面彈出層的教程，需要的朋友可以參考下2016-09-23