大家好，這篇主要講述，用動(dòng)態(tài)面板實(shí)現(xiàn)拖動(dòng)地圖效果

步驟

1、到網(wǎng)上找到地圖，截一張大的地圖，粘貼到Axure中

2、選中地圖，右鍵將其變成動(dòng)態(tài)面板，操作兩次（后續(xù)會(huì)說(shuō)為什么要操作兩次的原因）

3、命名，最外面一層的動(dòng)態(tài)面板為顯示區(qū)，去掉自動(dòng)調(diào)整為內(nèi)容尺寸的打勾，并設(shè)置尺寸為（320，504）；里面一層的動(dòng)態(tài)面板為拖動(dòng)（真正用來(lái)拖動(dòng)的元件），勾選自動(dòng)調(diào)整為內(nèi)容尺寸。

4、開(kāi)始實(shí)現(xiàn)拖動(dòng)，雙擊顯示區(qū)動(dòng)態(tài)面板下的State1，選中“拖動(dòng)”動(dòng)態(tài)面板，添加事件：

補(bǔ)充：這個(gè)地方用動(dòng)態(tài)面板，是便于在面板中添加其他元件，如單車圖標(biāo)、位置標(biāo)記

5、別以為結(jié)束了，還有一個(gè)重要的點(diǎn)，就是地圖的默認(rèn)位置，我們需要把地圖的中心位置默認(rèn)在“顯示區(qū)”的中心。在這肯定有人想著，把地圖（大小為1000*1000）的坐標(biāo)設(shè)為（-500，-500），這么做是可以的，但是若你的地圖變大或變小了又要重新調(diào)整了。這里我用一下函數(shù)，給“拖動(dòng)”動(dòng)態(tài)面板加上事件，如圖：

保證每次載入時(shí)，自動(dòng)計(jì)算位置，及時(shí)元件的尺寸變了也無(wú)妨

6、再補(bǔ)充一下其他元件，就把摩拜首頁(yè)的地圖拖動(dòng)效果完成了

福利：

原型預(yù)覽地址：http://d5n4x1.axshare.com

源文件地址：http://pan.baidu.com/s/1jILzLau 密碼：8xl7