Axure RP 8怎么制作一個(gè)按鈕控制圓球運(yùn)動(dòng)的原型?
我要評(píng)論Axure RP 8原型設(shè)計(jì)工具的元件庫中有橢圓形，可以利用該元件設(shè)計(jì)出滾動(dòng)的效果。而觸發(fā)這個(gè)運(yùn)動(dòng)通過按鈕單擊事件實(shí)現(xiàn)，規(guī)定橢圓形的起始坐標(biāo)，單擊按鈕后，將橢圓形移動(dòng)到另一個(gè)新的坐標(biāo)，具體實(shí)現(xiàn)如下：
原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)
- 類型：輔助設(shè)計(jì)
- 大?。?/span>90.5MB
- 語言：簡(jiǎn)體中文
- 時(shí)間：2018-05-24
1、打開Axure RP 8軟件，在元件庫中找到“橢圓形”，拖動(dòng)到主頁中，如下圖所示：
2、再次拖動(dòng)一個(gè)按鈕到主頁面中，并修改按鈕內(nèi)容為“移動(dòng)圓形”，如下圖所示：
3、選中按鈕，在右側(cè)屬性中單擊“鼠標(biāo)單擊時(shí)”，打開用例編輯窗口，如下圖所示：
4、添加橢圓形組織動(dòng)作：在相對(duì)位置，移動(dòng)坐標(biāo)為（400，325），動(dòng)畫線性，時(shí)間是2000毫秒，如下圖所示：
5、用例中的組織動(dòng)作設(shè)置完畢，單擊“確定”按鈕，這時(shí)會(huì)發(fā)現(xiàn)按鈕右側(cè)多了一個(gè)“1”，如下圖所示：
6、在橢圓形中添加一個(gè)小圓圈，并預(yù)覽該原型頁面，單擊“移動(dòng)圓形”按鈕，這時(shí)橢圓形會(huì)移到規(guī)定的坐標(biāo)，如下圖所示：
注意事項(xiàng)：
注意添加用例時(shí)選擇橢圓形
注意按鈕單擊事件
相關(guān)推薦：
Axure RP Pro 7.0怎么制作Tab標(biāo)簽效果?
Axure8怎么設(shè)計(jì)點(diǎn)擊按鈕觸發(fā)控件變化的交互效果?
相關(guān)文章
- Axure RP 8怎么創(chuàng)建母板？Axure RP 8中像制作一個(gè)常用的模版，該怎么制作呢？下面我們就來看看Axure創(chuàng)建母板的詳細(xì)教程，很簡(jiǎn)單，需要的朋友可以參考下2016-08-19
- Axure RP 8怎么制作一幅一年四季變化圖？Axure經(jīng)常制作網(wǎng)頁原型，該怎么制作一幅司機(jī)風(fēng)景圖呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2016-08-18
Axure RP Pro 7.0怎么制作Tab標(biāo)簽效果?
Axure RP Pro 7.0怎么制作Tab標(biāo)簽效果？Axure經(jīng)常用于網(wǎng)頁原型設(shè)計(jì)，今天我們就來看看使用Axure設(shè)置Tab標(biāo)簽效果的教程，需要的朋友可以參考下2016-08-14Axure RP 8設(shè)計(jì)網(wǎng)頁原型怎么添加水平菜單?
Axure RP 8設(shè)計(jì)網(wǎng)頁原型怎么添加水平菜單？經(jīng)常使用Axure軟件設(shè)計(jì)網(wǎng)頁原型，想給網(wǎng)頁添加一個(gè)水平菜單，該怎么添加呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2016-08-12Axure RP 8怎么制作鎖定對(duì)象或隱藏對(duì)象?
Axure RP 8怎么制作鎖定對(duì)象或隱藏對(duì)象？Axure設(shè)計(jì)網(wǎng)頁原型的時(shí)候，想要實(shí)現(xiàn)利用鎖定對(duì)象或隱藏對(duì)象的功能，該怎么實(shí)現(xiàn)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參2016-08-11Axure RP 8網(wǎng)頁原型中的組合對(duì)象怎么取消組合?
Axure RP 8網(wǎng)頁原型中的組合對(duì)象怎么取消組合？Axure制作網(wǎng)頁原型的時(shí)候，有組合圖形，現(xiàn)在想將組合圖形拆開，該怎么辦呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參2016-08-10- Axure RP 8中怎么制作移動(dòng)頁面原型？Axure設(shè)計(jì)網(wǎng)頁的時(shí)候，網(wǎng)頁還有主網(wǎng)頁和子網(wǎng)頁，該怎么實(shí)現(xiàn)主網(wǎng)頁和子網(wǎng)頁的切換呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考2016-08-09
- Axure RP 8.0怎么設(shè)置紙張尺寸和大?。緼xure中設(shè)置網(wǎng)頁原型的時(shí)候，想給設(shè)置網(wǎng)頁的大小，該怎么設(shè)置呢？下面我們就來看看Axure RP紙張的大小和尺寸的設(shè)置方法，需要的朋友2016-08-03
- axure左右側(cè)工具欄消失了該怎么恢復(fù)？axure繪制原型的時(shí)候，享用到工具欄，卻發(fā)現(xiàn)左右側(cè)的工具欄經(jīng)常消失，該怎么掉出來呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參2016-08-02
Axure RP母版中怎么制作可復(fù)用的網(wǎng)頁?
Axure RP母版中怎么制作可復(fù)用的網(wǎng)頁？Axure中如果使用母板可以方便很多，將它可以復(fù)用到很多的頁面中，比如網(wǎng)頁的頂部導(dǎo)航，下面我們就來看看詳細(xì)教程，需要的朋友可以參2016-08-01