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


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

 

Axure RP 10 for Mac(交互式原型設計)

Axure RP 10 for Mac(交互式原型設計) v10.0.0.3815漢化激活版

Axure RP10漢化版是最強大的計划,原型設計和交付給開發人員的方法,而無需編寫代碼。能夠制作逼真的,動態形式的原型。

 

 

Axure RP 9 for Mac(交互式產品原型設計工具)

Axure RP 9 for Mac(交互式產品原型設計工具) v9.0.0.3727中文激活版

Axure RP 9 for Mac是Mac平台上的一款專為快速原型設計而生的應用,Axure RP 9 Mac破解版可以輔助產品經理快速設計完整的產品原型,並結合批注,說明以及流程圖,框架圖等元素,將產品完整地表述給各方面設計人員,如UI 、UE等等,並在討論中不斷完善。

 

動態效果演示:

教程開始:

1、首先准備元件,兩個文本標簽分別起名字width、height(用於獲取圖片的寬度跟高度),一張圖片(轉換為動態面板)。

如圖:

2、兩個文本標簽,分別載入時候獲取圖片的寬度即width、高度height,然后隱藏。

如圖:

3、圖片轉為動態面板后,設定事件動態面板拖動時,設置圖片的寬度=文本標簽width+TotalDragX(這個函數的意思是:鼠標指針拖動元件從開始到結束的X軸移動距離。)設置圖片的高度=文本標簽height+TotalDragY(意思是:鼠標指針拖動元件從開始到結束的Y軸移動距離)。

如圖:

4、繼續設定動態面板事件,拖動結束時,設置文本標簽width=當前圖片的寬度,設置文本標簽height=當前圖片的高度。

如圖:

總結:拖動圖片改變尺寸不難,大家熟練掌握TotalDragX、TotalDragY指針函數即可。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM