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