Axure RP 8設(shè)怎么用按鈕控制圓形的變換?
發(fā)布時間：2017-04-14 10:00:51 作者：佚名 
我要評論
我要評論Axure RP 8設(shè)怎么用按鈕控制圓形的變換？Axure RP 8中想要利用鼠標(biāo)的單擊事件控制圓形的尺寸背景動向等變化，該怎么實(shí)現(xiàn)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
Axure RP 8設(shè)計軟件中的基本元件有橢圓形和主要按鈕，可以利用按鈕鼠標(biāo)單擊事件控制橢圓形的尺寸改變、顏色背景改變、方向移動等。下面利用一個實(shí)例說明按鈕事件控制圓形半徑減半的操作，具體如下：
原型設(shè)計工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)
- 類型：輔助設(shè)計
- 大?。?/span>90.5MB
- 語言：簡體中文
- 時間：2018-05-24
1、雙擊打開Axure RP 8設(shè)計軟件，查看元件庫中的所有元件，如下圖所示：
2、在“基本元件”中找到“橢圓形”，拖曳一個到畫布上，如下圖所示：
3、再次在基本元件中找到“主要按鈕”，拖曳一個到畫布上，調(diào)整按鈕寬度使其和橢圓形直徑一致，如下圖所示：
4、選中“改變”按鈕，雙擊屬性“鼠標(biāo)單擊時”，打開用例編輯窗口，如下圖所示：
5、勾選“橢圓形”，設(shè)置寬度和高度為原來的一半，動畫為彈跳，時間2000毫秒，如下圖所示：
6、設(shè)置完畢后，查看頁面運(yùn)行效果，在瀏覽器中查看效果并點(diǎn)擊按鈕，如下圖所示：
相關(guān)推薦：
Axure RP 8怎么制作一個旋轉(zhuǎn)的圓角圖片?
Axure RP 8橢圓形元件怎么設(shè)置透明度陰影等屬性?
相關(guān)文章
Axure怎么設(shè)計網(wǎng)頁的登陸頁面？Axure中想要設(shè)計一個網(wǎng)頁的登陸界面，輸入用戶名密碼，該怎么設(shè)置呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-01-09
Axure RP 8怎么價格2D圖形轉(zhuǎn)換成3D圖?
Axure RP 8怎么價格2D圖形轉(zhuǎn)換成3D圖？Axure RP 8中繪制的平面圖想轉(zhuǎn)換成3d立體圖，該怎么設(shè)置呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-01-06
Axure RP 8設(shè)怎么繪制拱橋倒影圖？想要制作一個圓拱橋并且設(shè)置倒影相互映襯，該怎么繪制呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-01-06
Axure RP 8怎么利用按鈕控制單選框和復(fù)選框?
Axure RP 8怎么利用按鈕控制單選框和復(fù)選框？Axure中想要設(shè)計一個通過按鈕來空值單選框和復(fù)選框的原型，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-01-05
Axure RP 8怎么制作圓形不斷變換透明度的效果？Axure RP 8中想要繪制五個大小不同的圓形，中間的圓形可以控制周圍圓形的與透明度，該怎么誰及呢？下面我們就來看看詳細(xì)的教2017-01-05
Axure RP 8怎么給下拉列表框添加多個值？Axure RP 8中想要制作一個下拉列表，有多個數(shù)值，該怎么制作呢？下面我們就來Axure給下拉列表框添加多行值的教程，需要的朋友可以2017-01-05
Axure RP 8橢圓形元件怎么設(shè)置透明度陰影等屬性?
Axure RP 8橢圓形元件怎么設(shè)置透明度陰影等屬性？Axure RP 8中自帶了橢圓形元件，這個元件怎么設(shè)置陰影、邊框、填充色呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考2017-01-04
Axure RP 8怎么設(shè)計內(nèi)聯(lián)框架原型?
Axure RP 8怎么設(shè)計內(nèi)聯(lián)框架原型？Axure設(shè)計網(wǎng)頁原型的時候，想要做一個內(nèi)部嵌套框架或頁面，將視頻、頁面、地圖放入框架中，該怎么設(shè)計呢？下面我們就來看看詳細(xì)的教程，2017-01-04
Axure RP 8怎么制作一個旋轉(zhuǎn)的圓角圖片?
Axure RP 8怎么制作一個旋轉(zhuǎn)的圓角圖片？Axure中想要旋轉(zhuǎn)圖片元件，將直角圖形變成圓角，該怎么設(shè)置呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-01-04
Axure RP 8怎么制作按鈕控制下拉框選項？Axure RP 8中想要制作一個按鈕觸發(fā)事件，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-01-01
