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

零基礎學產品,BAT產品總監帶,2天線下集訓+1年在線課程,全面掌握優秀產品經理必備技能。瞭解詳情

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

要實現的效果:

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

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

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

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

3、? 那麼,如何實現在頁面任何位置點擊鼠標時,就在被點擊的地方出現點擊效果呢?這就需要Cur大型攪拌機sor函數來實現瞭,Cursor函數目前已知用法:

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

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

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

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

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

作者:小樓一夜聽春語


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


人人都是產品經理(woshipm.com)是中國最大、最活躍的以產品經理、互聯網運營為核心的學習、交流、分享社群,集媒體、教育、招聘、社群活動為一體,全方位服務產品經理和運營人,微信公眾號woshipm。成立7年以來舉辦在線講座500餘期,線下活動300+場,覆蓋北京、上海、廣州、深圳、杭州、成都等10餘城市,在互聯網業內得到瞭廣泛關註和攪拌機高度好評。社區目前擁有300萬忠實粉絲,其中產品經理占比70萬, 中國75%的產品經理都在這裡。

台灣電動床工廠 電動床

台灣電動床工廠 電動床

AUGI SPORTS|重機車靴|重機車靴推薦|重機專用車靴|重機防摔鞋|重機防摔鞋推薦|重機防摔鞋

AUGI SPORTS|augisports|racing boots|urban boots|motorcycle boots

arrow
arrow

    oua464uq42 發表在 痞客邦 留言(0) 人氣()