Axure中想要實(shí)現(xiàn)一個效果，就是當(dāng)鼠標(biāo)移動到圖片上時，展示放大的圖片細(xì)節(jié)，該怎么制作局部放大效果呢？下面我們就來看看詳細(xì)的教程。

軟件名稱：原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)軟件大小：90.5MB更新時間：2018-05-24

新建一圖片，導(dǎo)入喜歡的圖，命名為pic，尺寸為400*250；（圖片尺寸可自定義，展示受限百度限制）

新建一”矩形“，命名為board，尺寸為200*125；并設(shè)定填充顏色為#00FF00，不透明：20%；設(shè)置為“隱藏”；置于”圖片：pic”上方；如下圖所示：

選擇“矩形：board”，“圖片：pic”，組合，命名為area

另新建一“動態(tài)面板”，命名為display，尺寸為400*250；插入一張新圖，命名為bigpic，尺寸為800*500；設(shè)置“動態(tài)面板：display“為”隱藏“；

布局如下圖所示：

以下分別設(shè)置”組合：area“的”鼠標(biāo)移動時“和”鼠標(biāo)移出時“的交互的動作~

先是簡單的”鼠標(biāo)移出時“的交互動作：

隱藏”動態(tài)面板：display“；

隱藏”矩形：board“；

”鼠標(biāo)移動時“的交互動作：

動作1:

顯示”動態(tài)面板：display“；

顯示”矩形：board“；

動作2：

移動”矩形：board“；

設(shè)置移動的界限；

其中，移動設(shè)置為“到達(dá)”；

設(shè)置X值為[[Cursor.x-Target.width/2]]，Y值為[[Cursor.y-Target.height/2]]；如下圖所示：

上一頁12 下一頁 閱讀全文