Axure怎么制作模擬地圖放大效果?
百度經(jīng)驗 發(fā)布時間：2018-12-07 15:29:20 作者：goodbyte01 
我要評論
我要評論Axure怎么制作模擬地圖放大效果？Axure中制作網(wǎng)頁原型的時候，想要制作模擬百度底乳放大縮小的效果，該怎么制作呢？下面我們就來看看詳細的教程，需要的朋友可以參考下
使用"百度地圖"時，會使用到放大縮小功能，并能拖動地圖瀏覽，既然前些天有介紹過圖片“放大”預(yù)覽的功能，利用其實現(xiàn)方式，今天我們就來看看使用Axure來模擬做下“地圖”控件的教程，請看下文詳細介紹。
1、新建一張圖，命名為pic，尺寸為600*375；（建議可導入一張高清大圖，縮小尺寸后，使用）
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”的“鼠標點擊時”的動作：
相關(guān)文章
Axure怎么設(shè)計點贊的百分比進度條？網(wǎng)頁中經(jīng)常有點贊投票的，想要顯示點贊投票的數(shù)據(jù)百分比進度條，該怎么設(shè)計恩？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-08-16
Axure怎么制作百分比的進度條動畫？Axure中想要制作百分比的進度條，該怎么制作進度條并添加動畫效果恩？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-08-15
axure簡單的流程圖怎么繪制？axure設(shè)計網(wǎng)頁原型很方便，想要設(shè)計流程圖該怎么設(shè)計呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-07-27
Axure怎么設(shè)計網(wǎng)頁強密碼驗證效果?
Axure怎么設(shè)計網(wǎng)頁強密碼驗證效果？現(xiàn)在網(wǎng)頁的密碼越來越復雜，想要制作一個密碼驗證，該怎么制作這個網(wǎng)頁圓形呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-07-17
axure怎么設(shè)計QQ登錄界面交互效果？axure中設(shè)計網(wǎng)頁原型很簡單，該怎么設(shè)計qq登陸的頁面呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-07-17
Axure網(wǎng)頁怎么添加樹狀控件？Axure中想要直走樹狀的折疊菜單，該怎么制作呢？下面我們就來看看詳細的教程，很簡單，需要的朋友可以參考下2018-07-06
Axure怎么創(chuàng)建母版和使用？Axure中母版是經(jīng)常會用的，該怎么創(chuàng)建母版呢？下面我們就來看看axure創(chuàng)建母版的教程，需要的朋友可以參考下2018-07-04
Axure怎么制作控件隨鼠標移動的效果？Axure中創(chuàng)建的方框和熱區(qū)想要制作跟隨鼠標移動的效果，該怎么制作呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-07-04
axure下拉框光標閃動效果怎么制作？很多網(wǎng)頁下拉輸入框中光標都是閃爍的，等待輸入的效果，該怎么制作這個效果呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-06-28
Axure RP怎么制作彈出菜單的效果？Axure中制作網(wǎng)頁原型很簡單，想要制作一個彈出式的菜單，該怎么弄制作這個效果呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-06-26
