axure教程|axure之圖片拖動放大縮小

今天 macw小編給大家帶來一個axure拖動圖片可以改變大小尺寸的教程。axure教程很簡單的，幾步就搞定了。

動態效果演示：

教程開始：

1、首先準備元件，兩個文字標籤分別起名字width、height（用於獲取圖片的寬度跟高度），一張圖片（轉換為動態皮膚）。

如圖：

2、兩個文字標籤，分別載入時候獲取圖片的寬度即width、高度height，然後隱藏。

如圖：

3、圖片轉為動態皮膚後，設定事件動態皮膚拖動時，設定圖片的寬度=文字標籤width+TotalDragX（這個函式的意思是：滑鼠指標拖動元件從開始到結束的X軸移動距離。）設定圖片的高度=文字標籤height+TotalDragY（意思是：滑鼠指標拖動元件從開始到結束的Y軸移動距離）。

如圖：

4、繼續設定動態皮膚事件，拖動結束時，設定文字標籤width=當前圖片的寬度，設定文字標籤height=當前圖片的高度。

如圖：

總結：拖動圖片改變尺寸不難，大家熟練掌握TotalDragX、TotalDragY指標函式即可。