你好，老七！

      WP7終于發布了，到目前為止，有關它的新聞和介紹我相信你已經看過不少了，所以這里將會直接跳過，不過在開始之前，我認為還是有必要提醒你做好相關的準備：

• Expression Blend 4 for Windows Phone和Visual Studio 2010 Express for Windows Phone，你并不需要完整的Expression Studio 4 Ultimate和Visual Studio 2010 Ultimate，不過如果你有的話*可能*會更好。
• 白開水，大量白開水，接下來你將會與我一起進行大量腦力活動，你需要補充足夠的水分才能讓大腦更好地工作。
• 零食，最好是堅果類，薯片也可以，人無法長時間集中精力，也不該迫使自己長時間集中精力，當你感到注意力開始渙散時，不妨抓一把零食放到嘴里嚼，注意別弄到鍵盤上哦。
• 最后，也是最重要的，你，沒錯，是你，僅當你準備好接受新的知識時，你的大腦才會對它們進行積極的處理，否則就會把它們擋在外面。

　　那么，你準備好了嗎？

      首先，打開Expression Blend，創建一個Windows Phone Panorama Application項目：

圖 1

　　項目創建好之后，你會看到一個充滿整個頁面的Panorama控件，里面有兩個Panorama項，每個Panorama項里面有一個ListBox，而ListBox里也有了示例數據。你可以調整Artboard的縮放比例，以便顯示整個UI：

圖 2

　　注意，這里所說的整個UI是指手機屏幕所能顯示的部分，而Panorama控件具有延伸到屏幕以外區域的特性，所以我們無法一次過把整個Panorama控件盡收眼底，這確實是一件憾事。

　　接著，我們來看看Panorama控件，如果你對它的效果沒有感性認識，不妨到先看看WP7的6個內置Hub。認識Panorama控件的最簡單方法是結合Objects and Timeline面板和Artboard來體驗一下：

圖 3

　　如上圖所示，每個Panorama控件都是由一個標題和若干Panorama項構成的，而每個Panorama項又會包含一個標題和一些內容，在這里，這些內容是通過ListBox來展示的，你可以根據實際的需要把它換成任何其它控件。此外，需要說明的是，Panorama控件和Panorama項的標題都已經內化成自身的屬性，只需通過Properties面板設置就可以了，無需額外添加TextBlock或者其它控件。現在，我們的Panorama控件包含了兩個Panorama項，但從上圖可以看到，只有第一個能完全顯示出來（由于截圖的關系，Artboard的一部分隱藏在滾動條下面），而第二個只能看到一小部分，那么，如何才能顯示第二個Panorama項，以便操作上面的控件呢？答案非常簡單，只需在Objects and Timeline面板上單擊第二個Panorama項就可以了：

圖 4

　　值得提醒的是，為了在操作時不影響其它Panorama項，我們還可以通過Objects and Timeline面板把其它Panorama項鎖定，正如上圖所示的那樣。在繼續閱讀下面的內容之前，我強烈建議你稍稍暫停一下，把注意力集中在Objects and Timeline面板上，熟悉一下各個對象之間的關系，試著單擊每個對象，然后看看它對應了Artboard上的哪個對象。如果你已經迫不及待想要親自體驗一下Panorama控件的效果，你現在可以按F5了。

　　接下來，我們要執行以下任務：

• 修改Panorama控件的標題
• 去掉Panorama控件的背景
• 刪除現有的兩個Panorama項
• 添加一個新的Panorama項

　　第一個任務非常簡單，確保Objects and Timeline面板上的Panorama控件處于選中狀態，在Properties面板上的搜索框里輸入Title，第一個搜索結果就是我們要找的屬性了，修改這個屬性的值，然后按回車：

圖 5

　　第二個任務也挺簡單，在Properties面板上的搜索框里輸入Back，然后選擇No brush就可以了：

圖 6

　　第三個任務更簡單，按下Ctrl鍵，依次選中兩個Panorama項，然后按Del鍵就可以了。最后一個任務是添加新的Panorama項，打開Assets面板，在搜索框里輸入Pan：

圖 7

　　然后把PanoramaItem拖到Panorama控件上就可以了。注意，你可以把PanoramaItem拖到Objects and Timeline面板的Panorama控件上，也可以拖到Artboard的Panorama控件上，如果Artboard上的控件比較多，并且把Panorama控件擋住了，那么當你把PanoramaItem拖到Artboard上時，有可能會把它誤加到其它控件上。這是添加控件的一般方法，針對添加PanoramaItem，我們還有更簡單的方法，那就是右擊Panorama控件，然后選擇Add PanoramaItem就可以了：

圖 8

      現在，向Panorama項添加一個TextBlock，內容隨你，調整一下位置和大小，然后按F5：

圖 9

　　一般地，Panorama控件至少包含兩個Panorama項，而這里只有一個，屬于邊界情況，細心觀察上圖，表面上，右邊好像還有一個Panorama項，但當你在屏幕上向左滑動時，你會發現這其實是同一個Panorama項。那么向右滑動呢？情況一樣。利用這個特點，我們可以創建一個簡易計數器，把Panorama項的TextBlock綁定到一個計數變量上，當我們向左滑動時，計數變量加1，向右時則減1，其效果就像我們擁有一個無限延伸的Panorama控件，而邊界情況就是這個計數變量的最大值和最小值，盡管如此，我們也無需太過擔心，假設計算變量的類型是Int32，我相信沒有人會向左或者向右滑動超過20億次吧？如果你有興趣的話，不妨把它當做課后練習。現在，按Back退出應用程序。