使用"百度地圖"時，會使用到放大縮小功能，并能拖動地圖瀏覽，既然前些天有介紹過圖片“放大”預(yù)覽的功能，利用其實現(xiàn)方式，今天我們就來看看使用Axure來模擬做下“地圖”控件的教程，請看下文詳細介紹。

1、新建一張圖，命名為pic，尺寸為600*375；（建議可導(dǎo)入一張高清大圖，縮小尺寸后，使用）

2、點中此”圖片：pic“，鼠標右鍵，選擇“轉(zhuǎn)換為動態(tài)面板”

3、命名為此動態(tài)面板為“display”，并勾選為“自動調(diào)整為內(nèi)容尺寸”；

4、再次點中“動態(tài)面板：display”，鼠標右鍵，選擇“轉(zhuǎn)換為動態(tài)面板”，并命名新的動態(tài)面板為“area”；

5、新建3個矩形，分別命名為1X，2X，3X，尺寸為60*30；設(shè)置其填充色：#00FF00，不透明度：20%；設(shè)置矩形內(nèi)容分別為1:1，1:2，1:3,布局如下圖所示：

6、到這里，基本布局就結(jié)束了，以下是圖片放大的動態(tài)交互~

7、“矩形：1X”的“鼠標點擊時”的動作：

設(shè)置“圖片：pic”尺寸為600*375

其中，寬為600，高位375；錨點：中心；動畫：無

8、“矩形：2X”的“鼠標點擊時”的動作：

設(shè)置“圖片：pic”尺寸為1200*750其中，寬為1200，高位750；錨點：中心；動畫：無

9、“矩形：3X”的“鼠標點擊時”的動作：

上一頁12 下一頁 閱讀全文