[Windows Phone] ListPicker 列表擷取器

  • 2923
  • 0
  • 2013-12-06

有寫過 Windows Forms 應用程式的人,對於 ComboBox 下拉式方塊控制項一定不陌生,在 Windows Phone 有個類似功能的控制項 ListPicker 可以做到下拉式功能表的效果。

 

前言

有寫過 Windows Forms 應用程式的人,對於 ComboBox 下拉式方塊控制項一定不陌生,在 Windows Phone 有個類似功能的控制項 ListPicker 可以做到下拉式功能表的效果。

 

實作

新增專案,透過 NuGet 加入 Windows Phone Toolkit。



開啟 MainPage.xaml,加入 XAML。



切換至程式碼,將資料加入屬性 ItemSource。



執行程式,點選 ListPicker。



選擇資料



ListPicker 顯示選擇的資料



實際上 ListPicker 包含 ItemTemplate 屬性(文字標籤顯示的單一選項模板)以及 FullModelItemtemplate 屬性(所有選項清單的模板),如果要實現一個全螢幕的選項清單,兩個屬性最好都能做設定。此外,資料來源可能不會是單純的字串,可能會是一個類別,包含不 同的屬性進行綁定,以下接著進行示範。

我們先建立一個類別 Country,包含屬性 DisplayName 和 LanguageCultureName。



開啟 MainPage.xaml,加入 XAML,包含 ItemTemplate 和 FullModelItemtemplate 對應的 DataTemplate 資源。



並且指定給對應的 ListPicker 屬性。



切換至程式碼,新增資料並且加入 ItemSource。