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

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

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

要實現的效果:

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

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

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

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

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

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

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

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

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

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

作者:小樓一夜聽春語

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. ??

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

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

    來自江蘇 回復
    1. 您好,不用動態面板怎么實現呢

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

    來自北京 回復
  5. 44

    來自北京 回復
  6. 2

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

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

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

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

      來自菲律賓 回復