Axure7.0教程(五)鼠標Cursor函數(shù)的使用(動態(tài)面板跟隨)

11 評論 63462 瀏覽 50 收藏 3 分鐘

Axure rp7.0中新增的函數(shù)中有一個Cursor函數(shù),這是關于鼠標的函數(shù),我們可以通過這個函數(shù)獲取鼠標的當前位置,本教程簡單地對這個函數(shù)做個講解:

要實現(xiàn)的效果:

本教程案例下載:鼠標Cursor函數(shù)的使用.rp

如效果圖顯示,我們要在鼠標頁面任意位置點擊時,閃爍一下點擊的效果。實現(xiàn)過程如下:

1、? 拖入一個圖片,并轉(zhuǎn)換成動態(tài)面板后隱藏,并設定標簽為:點擊效果;

2、? 在頁面的事件–頁面被點擊時事件中我們添加一個用例,設置3個動作,分別是,顯示“點擊效果”、“等待100毫秒”、隱藏“點擊效果”,這樣在鼠標點擊頁面時動態(tài)面板“點擊效果”就會閃一下;

3、? 那么,如何實現(xiàn)在頁面任何位置點擊鼠標時,就在被點擊的地方出現(xiàn)點擊效果呢?這就需要Cursor函數(shù)來實現(xiàn)了,Cursor函數(shù)目前已知用法:

l? Cursor.X 獲取鼠標當前X軸坐標值

l? Cursor.Y獲取鼠標當前Y軸坐標值

至于還有沒有其他用法,目前還不知道。

我們只需要在頁面事件—當鼠標移動時的事件設置移動“點擊效果”到絕對位置[[Cursor.X]],[[Cursor.Y]]就可以了。但是這樣設置我們生成原型后會發(fā)現(xiàn)點擊時“點擊效果”出現(xiàn)在鼠標指針的右下方,這是因為動態(tài)面板“點擊效果”的左上頂點坐標和鼠標坐標是一致的。但是我們需要,點擊的位置是“點擊效果”的中心位置,這時候我們就要設置“點擊效果”的絕對位置都要減去一半面板的寬度,以案例來說,動態(tài)面板“點擊效果”寬和高都是30,那么我們就要設置當鼠標移動時動態(tài)面板移動到絕對位置[[Cursor.X-15]],[[Cursor.Y-15]]。

到這里,就全部設置完了。接下來,就是見證奇跡的時刻!你做到了嗎?

作者:小樓一夜聽春語

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. ??

    來自北京 回復
  2. ? 囧了, 我用大神的文件就好用,為啥我自己的就不行呢

    來自遼寧 回復
  3. 不用動態(tài)面板就可以實現(xiàn)這個效果,為什么要用動態(tài)面板呢

    來自江蘇 回復
    1. 您好,不用動態(tài)面板怎么實現(xiàn)呢

      來自四川 回復
  4. 6.5能做到這個功能么?

    來自北京 回復
  5. 44

    來自北京 回復
  6. 2

    來自北京 回復
  7. 學習了,謝謝

    來自江蘇 回復
  8. 這個只能做到頁面上嗎? 我想在地圖上用Cursor函數(shù),hover到每個地點icon時做地點信息浮層跟隨。但是實現(xiàn)出來看不到。問題出在哪里呢? 是不是動態(tài)面板內(nèi)不能再用函數(shù)?我的地圖因為有多層,也是用動態(tài)面板做的。

    來自上海 回復
  9. 一個系列的教程,很不錯,闊以考慮全系列發(fā)布完后,形成一個匯編么?

    來自云南 回復
    1. 這個是必須的,嘿嘿,謝謝支持。

      來自菲律賓 回復