[WP7開發] 美化 Panorama 控制項的標頭

Windows Phone 7 中有一個很獨特的控制項--Panorama(全景),它在手機上的效果就像是這樣: 這是一個示意圖,手機畫面畫面一次會顯示一個區塊的內容,而使用者只需左拉右滑就可以看完全部的內容。 而在 Windows Phone SDK 中也提供了 Panorama 的專案範本,讓開發人員可以直接使用這個控制項來開發應用程式,但這個控制項原本是為英文字型設計的,所以如果直接修改成中文字,可能就會變成這樣: 你可以看到標題的中文字實在是太大了,而且還被 clip 掉一部份,有時候可能會造成閱讀的麻煩,這個時候只要使用 TitleTemplate 的方式就可以改變 Panorama 控制項的標題: <phone:PhoneApplicationPage.Resources> <DataTemplate x:Key="MyTitleTemplate"> <TextBlock FontSize="120″ Margin="0,60,0,20″ Text="{Binding Content, RelativeSource={RelativeSource TemplatedParent}}" /> </DataTemplate> </phone:PhoneApplicationPage.Resources> … <controls:Panorama Title="這是中文" TitleTemplate="{StaticResource MyTitleTemplate}"> 這樣一改之後,原本的畫面就會變成這樣: 這樣是不是好多了呢?而且如此一來,Panorama 控制項的標頭也不一定只能用純文字了喔 🙂

0

Windows Phone 7.5 (Mango) 線上教學資源

這篇文章主要是整理一下,目前由微軟官方所提供的線上教材、或是範例 Labs 檔案等等。其它內容可以參考 Windows Phone 開發人員中心。 官方訓練課程 Windows Phone 7 RTM 訓練教材 介紹 Windows Phone 7 的開發基礎,並且以各式各樣的範例來展示如何開發 Windows Phone 7 應用程式。 Windows Phone Mango 訓練教材 針對 Mango 更新的 API 部份,設計了更多範例程式來顯示如何在 Mango 上面使用者這新增的功能。 參考文件 Windows Phone 開發手冊 所有關於 Windows Phone 開發的說明文件都會在這裡,是開發中的參考或學習最完整的資源。 XNA Game Studio 4.0 Refresh 開發手冊 關於 XNA 開發的所有說明文件都在這裡。 Silverlight for Windows Phone (7.1) 介紹關於…

0

[WP7開發] 使用 Silverlight Toolkit 中的日期選擇器

在設計應用程式時,常常會用到選擇日期的欄位,這時可以利用 Silverlight for Windows Phone Toolkit 中提供的「日期選擇器」(DatePicker)控制項來做到方便輸入日期的介面。 不知道怎麼將 Silverlight for Windows Phone Toolkit 加入開發專案可以先參考這篇文章,加入 References 之後,在設計介面的 XAML 檔中只需要使用 <toolkit:DatePicker x:Name="TheDate" Value="5/31/2011″ /> 這個標籤就可以在應用程式中塞入日期選擇器了。 這個控制項有一個好處--它已經自動處理了不同語系的說明文字、年月日的排列,下面兩張圖就是 en-US 以及 zh-TW 的不同:   不過別忘了要從 Silverlight for Windows Phone Toolkit 中取出 ApplicationBar.Check.png 以及 ApplicationBar.Cancel.png 放置於專案中的 Toolkit.Content 目錄中(別忘了這兩個檔案的 Build Action 屬性都要設成 Content,Copy to Output 也要設成 Copy if newer),這樣介面才會正常出現下方的按鈕圖案。 而處理日期選擇更動的事件,只要處理 ValueChanged 事件即可: [XAML]…

0

[WP7開發] 處理 JSON 字串

目前許多網路服務、API 都喜歡使用 JSON 格式的字串做為交換格式,在 Windows Phone 上開發網際網路應用程式時,幾乎不可避免地得處理 JSON 格式的字串,這時可以使用一套高效能的第三方套件--Json.NET 來處理。 安裝套件 要在 Windows Phone 專案中加入 Json.NET 這個套件十分容易,因為 Visual Studio 已經與 NuGet 套件工具整合,所以可以直接在 Solution Explorer 的視窗內,於專案下的 References 按滑鼠右鍵,選擇 Add Library Package Reference…: 這時便會開啟套件安裝對話盒,在左方選擇 Online,然後於搜尋框中輸入 Json.NET 便可以找到 Newtonsoft.Json 的套件了,這時再按下 Install 來安裝它。 等待它安裝完畢,就可以將安裝套件的對話盒關閉了。 不過,當它自動安裝完畢時,自動帶入 References 的函式庫並不是適合 Windows Phone 環境運作的,所以得先將原本自動帶入的 Newtonsoft.Json.Silverlight 移除掉,再到 References 上右鍵選擇 Add References…,從專案資料夾下找到 packages > Newtonsoft.Json.4.0.2…

0

為 Mango 更新的 Silverlight Toolkit

Silverlight Toolkit 是一套 Silverlight 控制項/元件的專案,除了提供功能更多的控制項之外,它還能讓你在 Visual Studio 中,在工具箱(Toolkit)中加入視覺化的拖拉元件,加速介面開發的速度。而基於 Silverlight 的 Windows Phone,這個專案也提供了一套 Silverlight for Windows Phone Toolkit,內容當然是針對 Windows Phone 上面的介面控制項,而在 Windows Phone 即將推出正式版的 Mango 版本開發工具時,Silverlight for Windows Phone Toolkit 也為 Mango 有了一次更新,提供更多的控制元件。 安裝方式很簡單,首先到這裡下載最新版本(或是透過 NuGet 工具來安裝),安裝完畢後,可以依照下列步驟在 Visual Studio 中加入控制項元件: 在開啟 Windows Phone 專案的時候,打開「Toolbox」(也就是拖拉介面控制項的地方),於下方空白處按下右鍵選擇「Add Tab」:   將新增出來的 tab 命名為「Silverlight for Windows Phone Toolkit」(這裡可以隨你高興):   在新增出來的 tab 中,按下右鍵選擇「Choose Items…」:   最後,將…

0

[WP7開發] App 啟動時選擇不同的頁面

在建立 Windows Phone 專案時,專案範本都會建立一個預設啟動的頁面 — MainPage.xaml。但有的時候會希望能在 app 啟動時,根據一些邏輯判斷而選擇不同的頁面來啟動,這時可以採用以下的作法。 首先,將專案目錄中的 Properties\WMAppManifest.xml 檔案中的 <Tasks></Tasks> 標籤中的 <DefaultTask> 修改為 <Tasks> <DefaultTask Name="_default" /> </Tasks> 將原本設定的 TaskName="MainPage.xaml" 拿掉。 這樣的修改完畢後,再到 App.xaml.cs 檔案中,在 Application_Launching 事件中就可以自己決定要載入的畫面(Page1.xaml 或 Page2.xaml),程式範例如下: private void Application_Launching(object sender, LaunchingEventArgs e) { string target; if (判斷式1) { target = “Page1.xaml"; } else { target = “Page2.xaml"; } RootFrame.Navigate(new Uri(target, UriKind.Relative));…

0