天天看點

[windows phone] 教你如何使地圖動畫縮放 說明 結果 結語

本篇将介紹如何将地圖以動畫顯示呈現,在以下的範例介紹中可以看到有動畫跟沒動畫的差别,如果你的地圖還是很單調的話,不仿加上這個設計,讓使用者覺得更有趣。

?

如左下圖,按 [海生館] 鈕會直接顯示海生館的地圖位置。如右下圖,按 [美術館(動畫)] 時,會以動畫縮放方式來呈現美術館的地圖位置。

<a href="http://Files.Dotblogs.com.tw/like30132/1311/201311140535027.png"></a>

<a href="http://files.dotblogs.com.tw/like30132/1311/windowsphone_86A/%E5%9C%B0%E5%9C%96%E5%8B%95%E7%95%AB_4_2.jpg"></a>

加入兩個按鈕控制項一個地圖控制項

1. Button控制項,Name-&gt;btn1、Content-&gt;海生館

2. Button控制項,Name-&gt;btn2、Content-&gt;美術館(動畫)

3. Map控制項,Name-&gt;map1

<a href="http://files.dotblogs.com.tw/like30132/1311/windowsphone_86A/image_4.png"></a>

産生的XAML程式碼如下

隻有幾行簡單程式,卻讓你的地圖變得生動了,各位開發者别忘了在地圖上加上這動畫功能唷,有時候簡單的地圖動畫與單調的地圖相比之下,會讓使用這是不是想長時間用這App唷!最近都在研究地圖相關應用,有地圖相關的技術就會發上來跟大家分享^0^。

<a target="_top" href="http://s1.dotblogs.com.tw/admentorserve.aspx?type=click&amp;z=18&amp;a=11"></a>

DotBlogs Tags:

<a href="http://www.dotblogs.com.tw/like30132/Tags/%E5%9C%B0%E5%9C%96/default.aspx">地圖</a>

<a href="/like30132/archive/2013/11/24/131038.aspx">[Windows phone]全域物件與變數的介紹</a>

<a href="/like30132/archive/2013/11/23/130953.aspx">[Windows phone] 垂直和水準顯示切換屬性(Orientation)</a>

<a href="/like30132/archive/2013/11/05/126681.aspx">[windows phone]如何讀取圖檔</a>

<a href="/like30132/archive/2013/11/04/126637.aspx">[Windows Phone App] 旅遊的App 悠遊 ∞ 台中 上架了!</a>

繼續閱讀