Axure中想要給空間添加一些效果,比如鼠標跟隨,下面我們就來看看詳細的教程,效果參考下圖:

1、新建一個“方框”和“熱區“,分別命名為:”方塊“和”熱區“,”方塊“大小為:280*380,”熱區“大小為:100*100,如圖所示:

2、”方塊“設置一個”命中“狀態,用”虛線“狀態來區別”移動“過程,如圖所示:

3、”方塊“設置一個”鼠標點擊時“的動作,內容如下:
1)移動”熱區“到指定位置(x,y),以鼠標的絕對位置為參考,比如:x=[[Cursor.x-50]],y=[[Cursor.y-50]]
2)移動”方塊“到指定位置(x,y),以鼠標的絕對位置為參考,比如:x=[[Cursor.x-140]],y=[[Cursor.y-190]])
3)設置”方塊“為”選中“狀態

4、”熱區“設置一個”鼠標移動時“的動作,內容如下:
1)移動”熱區“到指定位置(x,y),以鼠標的絕對位置為參考,比如:x=[[Cursor.x-50]],y=[[Cursor.y-50]]
2)移動”方塊“到指定位置(x,y),以鼠標的絕對位置為參考,比如:x=[[Cursor.x-140]],y=[[Cursor.y-190]])
3)設置”方塊“為”選中“狀態
”熱區“還需要設置一個”鼠標點擊時“的動作,結束”移動“狀態,內容如下:
1)移動”熱區“到指定位置(x,y),任意位置, 比如:x=0,y=0
2)設置”方塊“為”未選中“狀態

5、動作設置完后,就可以看效果了,在”方塊“范圍內點擊鼠標后,”方塊“就更隨鼠標移動,再點擊鼠標,”方塊“停止移動,達成效果!

以上就是Axure控件隨鼠標移動的效果的制作方法,希望大家喜歡,請繼續關注武林網。
相關推薦:
新聞熱點
疑難解答
圖片精選