axure怎么做水平或者垂直移動(dòng)效果

xy時(shí)水平移動(dòng)動(dòng)態(tài)面板B，xy時(shí)垂直移動(dòng)動(dòng)態(tài)面板B；拖動(dòng)結(jié)束時(shí)：設(shè)置動(dòng)態(tài)面板C停止循環(huán)。在動(dòng)態(tài)面板C上設(shè)置用例 狀態(tài)改變時(shí)：設(shè)置全局變量值。x=[[math.abs（math.ceil（TotalDragX）]]，y=[[math.abs（math.ceil（TotalDragY）]]點(diǎn)擊菜單欄發(fā)布-預(yù)覽即可看到同頁(yè)面實(shí)現(xiàn)了左右、上下兩種拖動(dòng)效果。

可以借助局部變量，自動(dòng)獲取滑動(dòng)內(nèi)容寬度，通過(guò)函數(shù)自動(dòng)計(jì)算可移動(dòng)范圍。一般常見(jiàn)的左右滑動(dòng)都是同樣的模塊內(nèi)容展示，可以使用中繼器進(jìn)行快速?gòu)?fù)用，只需后續(xù)編輯調(diào)整中繼器內(nèi)容。達(dá)到原型之間快速?gòu)?fù)用的效果。（可參考例中的實(shí)戰(zhàn)版本內(nèi)容）。

為了設(shè)置水平拖動(dòng)功能，雙擊矩形元件，這時(shí)會(huì)出現(xiàn)一個(gè)選擇框。點(diǎn)擊“移動(dòng)”，并勾選“動(dòng)態(tài)面板”。在“移動(dòng)”選項(xiàng)中，選擇“水平拖動(dòng)”，點(diǎn)擊“確定”后，通過(guò)頂部菜單欄選擇“預(yù)覽”，即可查看設(shè)計(jì)效果。最后，為了測(cè)試水平拖動(dòng)功能，只需在預(yù)覽模式下按住鼠標(biāo)左鍵，即可在水平方向上拖動(dòng)滑塊。

接下來(lái)主題，跟大家分享一下【如何利用axure實(shí)現(xiàn)移動(dòng)端頁(yè)面拖動(dòng)展示效果】打開(kāi)axure前，大家不妨先設(shè)想一下任務(wù)的實(shí)現(xiàn)方法：移動(dòng)端顯示的頁(yè)面是固定尺寸的，里面的整體頁(yè)面可能會(huì)超出固定尺寸范圍，所以我們需要建立一個(gè)動(dòng)態(tài)模板，使其成為固定尺寸的頁(yè)面，而將超長(zhǎng)的整體頁(yè)面放入其中。

實(shí)現(xiàn)這一效果的關(guān)鍵在于正確設(shè)置滑動(dòng)面板的方向，以及添加相應(yīng)的交互動(dòng)作。通過(guò)滑動(dòng)面板的“滑動(dòng)到”和“拖動(dòng)”交互，可以確保用戶可以通過(guò)手指或滑塊在水平方向上滑動(dòng)來(lái)瀏覽不同的面板內(nèi)容。在設(shè)置“滑動(dòng)結(jié)束”交互時(shí)，觸發(fā)條件應(yīng)設(shè)置為“手指離開(kāi)”，這樣就能在用戶停止滑動(dòng)時(shí)正確地停止滑動(dòng)面板的移動(dòng)。

然后，設(shè)置矩形的移動(dòng)方式為“水平拖動(dòng)”。點(diǎn)擊“確定”后，返回到畫布界面。點(diǎn)擊頂部菜單欄中的“預(yù)覽”按鈕，開(kāi)始預(yù)覽我們的交互效果?，F(xiàn)在，當(dāng)你按住鼠標(biāo)左鍵并拖動(dòng)時(shí)，就可以水平拉動(dòng)動(dòng)態(tài)面板了。如果你希望更快捷地預(yù)覽模式，可以使用快捷鍵“F5”。