本人初學(xué)產(chǎn)品，最近學(xué)習(xí)了一個(gè)關(guān)于實(shí)現(xiàn)手機(jī)屏幕上下滑動(dòng)的交互方法，以下是本人學(xué)習(xí)筆記，以便日后工作中方便查詢回憶鞏固知識(shí)。

一、主要實(shí)現(xiàn)功能

? ? ? ?手機(jī)屏幕上下滑動(dòng)

二、具體步驟

? ? ? 1、打開AXURE軟件（RP8 企業(yè)版），拖拽一個(gè)手機(jī)面板

? ? ? ? 2、拖拽一個(gè)動(dòng)態(tài)面板，雙擊動(dòng)態(tài)面板并且命名，可以根據(jù)模塊內(nèi)容命名

3、點(diǎn)擊“模塊內(nèi)容”，再增加一個(gè)動(dòng)態(tài)面板，用來顯示需要滑動(dòng)的內(nèi)容

4、添加需要顯示的內(nèi)容，本次用圖片演示

?5、為需要進(jìn)行滑動(dòng)的模塊，添加交互事件“拖動(dòng)時(shí)”

6、雙擊“拖動(dòng)時(shí)”->移動(dòng)->勾選“模塊內(nèi)容顯示區(qū)”->選擇“垂直拖動(dòng)”

7、然后再點(diǎn)擊”拖動(dòng)結(jié)束時(shí)“交互事件，添加條件。

8、選擇”值“，"fx"選擇y,然后>0，即如果向下拉動(dòng)時(shí)，y的值是大于0的，此時(shí)再添加 ”移動(dòng)“ 交互事件，讓”模塊內(nèi)容顯示區(qū)“回到原位坐標(biāo)（0，0）

9、當(dāng)”模塊內(nèi)容顯示區(qū)“向上滑動(dòng)超出”模塊顯示區(qū)“時(shí)，再追加一個(gè)”移動(dòng)“交互事件? ?即y<”模塊顯示區(qū)“-”模塊內(nèi)容顯示區(qū)“的長(zhǎng)度，如：”模塊顯示區(qū)“長(zhǎng)度為：603，”模塊內(nèi)容顯示區(qū)“長(zhǎng)度為：885。即y<603-885=-282時(shí)候，”模塊內(nèi)容顯示區(qū)“回到坐標(biāo)（0，-282）

10、然后點(diǎn)擊確定，發(fā)布預(yù)覽即可