Axure RP 8怎么使用按鈕控制圖片的顯示或隱藏?
我要評論Axure RP 8中想要制作一個(gè)按鈕點(diǎn)擊事件控制圖片顯示的效果，如果不點(diǎn)擊顯示按鈕圖片就不顯示，該怎么設(shè)置呢？下面我們就來看看詳細(xì)的教程。
原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)
- 類型：輔助設(shè)計(jì)
- 大?。?/span>90.5MB
- 語言：簡體中文
- 時(shí)間：2018-05-24
1、打開Axure RP 8設(shè)計(jì)軟件，在元件庫中的基本元件的圖片元件，拖一個(gè)到畫布中，調(diào)整圖片元件高度和寬度，如下圖所示：
2、再在基本元件中按鈕元件拖一個(gè)到畫布中，并修改按鈕的內(nèi)容，寬度和圖片元件一致，如下圖所示：
3、選中圖片元件，找到外部圖片文件，導(dǎo)入外部圖片并設(shè)置寬度和高度，如下圖所示：
4、選中圖片并設(shè)置為“設(shè)為隱藏”，這時(shí)畫布中的圖片隱藏起來了，如下圖所示：
5、選中“顯示”按鈕，添加鼠標(biāo)單擊事件用例，當(dāng)圖片隱藏時(shí)，點(diǎn)擊按鈕顯示出來，如下圖所示：
6、添加用例成功后，按鈕上顯示數(shù)字符號(hào)；預(yù)覽該原型頁面，單價(jià)按鈕顯示圖片，如下圖所示：
以上就是Axure RP 8按鈕控制圖片顯示效果的教程，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Axure8怎么設(shè)計(jì)點(diǎn)擊按鈕觸發(fā)控件變化的交互效果?
Axure RP Pro 7.0怎么制作圖片輪播按鈕控制效果?
相關(guān)文章
Axure怎么繪制柱狀圖圖形？Axure中想要繪制一個(gè)柱狀圖，該怎么繪制呢？下面我們就來看看Axure繪制柱狀圖的教程，很簡單，需要的朋友可以參考下2018-01-14
Axure RP8怎么導(dǎo)入RP文件? Axure導(dǎo)入本地RP文件的教程
Axure RP8怎么導(dǎo)入RP文件？Axure RP8設(shè)計(jì)模型很簡單，想要將本地的RP文件文件導(dǎo)入到axure中，該怎么導(dǎo)入呢？下面我們就來看看Axure導(dǎo)入本地RP文件的教程，需要的朋友可以參2018-01-14
Axure怎么做表格隨著鼠標(biāo)移動(dòng)改變顏色?
Axure怎么做表格隨著鼠標(biāo)移動(dòng)改變顏色？Axure中的表格當(dāng)鼠標(biāo)選中某行的時(shí)候，顏色發(fā)生變化，鼠標(biāo)移開以后表格恢復(fù)原來顏色，下面我們就來看看詳細(xì)的教程，需要的朋友可以參2018-01-11
Axure怎么導(dǎo)入本地的按鈕? Axure打開本地文件的技巧
Axure怎么導(dǎo)入本地的按鈕？Axure設(shè)計(jì)網(wǎng)頁圓形的時(shí)候，想要導(dǎo)入本地的按鈕，該怎么導(dǎo)入呢？下面我們就來看看Axure打開本地文件的技巧，需要的朋友可以參考下2018-01-10
Axure設(shè)計(jì)的登陸頁面怎么生成網(wǎng)頁原型?
Axure設(shè)計(jì)的登陸頁面怎么生成網(wǎng)頁原型？Axure中設(shè)計(jì)的登陸網(wǎng)頁想要直接生成網(wǎng)頁原型，該怎么生成呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-01-10
Axure文件怎么生成html分享鏈接？Axure中設(shè)計(jì)的模型想要分享給朋友觀看，該怎么生成html鏈接呢？下面我們就來看看2017-12-21
Axure RP怎么制作選項(xiàng)卡控件？網(wǎng)頁需要選項(xiàng)卡控件，但是Axure RP中沒有選項(xiàng)卡控件，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-12-21
Axure RP 8.1最新漢化破解安裝詳細(xì)教程(附漢化包下載)
Axure RP8中文版是一個(gè)專業(yè)的快速原型設(shè)計(jì)工具，能夠高效率制作產(chǎn)品原型，快速繪制線框圖、流程圖、網(wǎng)站架構(gòu)圖、示意圖、HTML模版等，下面就帶來了Axure RP 8.1最新漢化破2017-12-20
Axure rp怎么設(shè)計(jì)微信的交互界面？Axure中想要設(shè)計(jì)一個(gè)網(wǎng)頁交互的效果，該怎么制作呢？下面我們就來看看Axure設(shè)計(jì)微信交互界面的教程，需要的朋友可以參考下2017-12-17
axure頁面載入時(shí)自動(dòng)選中按鈕該怎么實(shí)現(xiàn)?
axure頁面載入時(shí)自動(dòng)選中按鈕該怎么實(shí)現(xiàn)？axure中使用母版的時(shí)候想要實(shí)現(xiàn)單個(gè)頁面按鈕的添加選中狀態(tài)，我們可以使用函數(shù)來實(shí)現(xiàn)，下面我們就來看看詳細(xì)的教程，需要的朋友可2017-12-05
