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

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

2、點中此”圖片：pic“，鼠標右鍵，選擇“轉換為動態面板”

3、命名為此動態面板為“display”，并勾選為“自動調整為內容尺寸”；

4、再次點中“動態面板：display”，鼠標右鍵，選擇“轉換為動態面板”，并命名新的動態面板為“area”；

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

6、到這里，基本布局就結束了，以下是圖片放大的動態交互~

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

設置“圖片：pic”尺寸為600*375

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

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

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

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

上一頁12 下一頁 閱讀全文