Axure怎么制作控件隨鼠標(biāo)移動的效果?
我要評論Axure中想要給空間添加一些效果，比如鼠標(biāo)跟隨，下面我們就來看看詳細(xì)的教程，效果參考下圖：
Axure RP v8.1.0.3382 Enterprise 中文特別版(附注冊機(jī)+漢化包+安裝教程)
- 類型：輔助設(shè)計
- 大小：83.2MB
- 語言：簡體中文
- 時間：2019-04-26
1、新建一個“方框”和“熱區(qū)“，分別命名為：”方塊“和”熱區(qū)“，”方塊“大小為：280*380，”熱區(qū)“大小為：100*100，如圖所示：
2、”方塊“設(shè)置一個”命中“狀態(tài)，用”虛線“狀態(tài)來區(qū)別”移動“過程，如圖所示：
3、”方塊“設(shè)置一個”鼠標(biāo)點(diǎn)擊時“的動作，內(nèi)容如下：
1）移動”熱區(qū)“到指定位置（x,y），以鼠標(biāo)的絕對位置為參考，比如：x=[[Cursor.x-50]]，y=[[Cursor.y-50]]
2）移動”方塊“到指定位置（x,y），以鼠標(biāo)的絕對位置為參考，比如：x=[[Cursor.x-140]]，y=[[Cursor.y-190]]）
3）設(shè)置”方塊“為”選中“狀態(tài)
4、”熱區(qū)“設(shè)置一個”鼠標(biāo)移動時“的動作，內(nèi)容如下：
1）移動”熱區(qū)“到指定位置（x,y），以鼠標(biāo)的絕對位置為參考，比如：x=[[Cursor.x-50]]，y=[[Cursor.y-50]]
2）移動”方塊“到指定位置（x,y），以鼠標(biāo)的絕對位置為參考，比如：x=[[Cursor.x-140]]，y=[[Cursor.y-190]]）
3）設(shè)置”方塊“為”選中“狀態(tài)
”熱區(qū)“還需要設(shè)置一個”鼠標(biāo)點(diǎn)擊時“的動作，結(jié)束”移動“狀態(tài)，內(nèi)容如下：
1）移動”熱區(qū)“到指定位置（x,y），任意位置， 比如：x=0,y=0
2）設(shè)置”方塊“為”未選中“狀態(tài)
5、動作設(shè)置完后，就可以看效果了，在”方塊“范圍內(nèi)點(diǎn)擊鼠標(biāo)后，”方塊“就更隨鼠標(biāo)移動，再點(diǎn)擊鼠標(biāo)，”方塊“停止移動，達(dá)成效果！
以上就是Axure控件隨鼠標(biāo)移動的效果的制作方法，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
axure怎么設(shè)計鼠標(biāo)移入移出顯示或隱藏面板?
Axure菜單導(dǎo)航怎么添加鼠標(biāo)選中變色的特效?
相關(guān)文章
Axure RP8.0怎么修改默認(rèn)文件保存位置？Axure RP8.0發(fā)布文件默認(rèn)保存的位置在c盤，想要換到其他盤保存，該怎么設(shè)置呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-04-12
Axure怎么查看頁面的代碼? Axure查看頁面源代碼的兩種方法
Axure怎么查看頁面的代碼？Axure中制作的網(wǎng)頁原型想要看看代碼，該怎么查看代碼呢？下面我們就來看看Axure查看頁面源代碼的兩種方法，需要的朋友可以參考下2018-04-11
Axure全局輔助線和頁面輔助線有什么區(qū)別？Axure中的輔助線有全局輔助線、頁面輔助線、對齊輔助線、顯示自適應(yīng)視圖輔助線，那么全局輔助線和頁面輔助線有什么區(qū)別呢？下面我2018-04-09
Axure動態(tài)面板兩種創(chuàng)建方法有什么區(qū)別?
Axure動態(tài)面板兩種創(chuàng)建方法有什么區(qū)別？Axure中經(jīng)常使用東臺面板，動態(tài)面板有兩種創(chuàng)建方法，這兩種創(chuàng)建方法有什么區(qū)別呢？下面我們就來看看詳細(xì)的教程2018-04-08
axure怎么設(shè)計密碼輸入框的原型？axure中想要制作一個可以輸入密碼的輸入框效果，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-04-07
Axure有怎么使用格式刷？Axure中使用格式刷可以更快捷的實(shí)現(xiàn)一些功能，省去了做重復(fù)工作的機(jī)會，今天我們就來看看Axure格式刷的使用方法，需要的朋友可以參考下2018-04-03
Axure怎么使用熱區(qū)? axure熱區(qū)的使用方法
Axure怎么使用熱區(qū)？Axure設(shè)計原型的時候，熱區(qū)不是很常用，但是我們也需要了解一下，下面我們就來看看axure熱區(qū)的使用方法，需要的朋友可以參考下2018-04-02
Axure8.0母版怎么應(yīng)用在頁面上? Axure母版的使用方法
Axure8.0母版怎么應(yīng)用在頁面上？Axure中設(shè)計頁面的時候，想要直接手要你管母版，該怎么使用呢？下面我們就來看看Axure母版的使用方法，需要的朋友可以參考下2018-03-29
axure怎么使用Icons圖標(biāo)組件設(shè)計UI?
axure怎么使用Icons圖標(biāo)組件設(shè)計UI？axure中自帶了很多圖標(biāo)組件，該怎么直接調(diào)用這些組件圖標(biāo)設(shè)計ui呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-03-27
axure怎么設(shè)計手機(jī)屏幕的滾動條原型？手機(jī)中經(jīng)常能見到滾動條，該怎么制作滾動條效果呢？下面我們就來看看axure滾動條的制作方法，需要的朋友可以參考下2018-03-27
