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