axure怎么做水平或者垂直移動效果

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

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

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

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

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

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