[Windows Phone]Toolkit的ListPicker應用。

  • 1013
  • 0
  • 2013-11-25

ListPicker 與FullModeItemTemplate、ItemTemplate

 

之前在開發一支APP時,想要使用下拉式表單,但找了很久就是沒有「ComboBox」。最後問了前輩,才知道沒有ComboBox了,以「ListPicker」取代了。

 

下列介紹ListPicker的基本應用。

 

 

1.請到「NuGet」安裝「Windows Phone Toolkit」。

1

 

 

2.到「MainPage.xaml」。在上面加入「xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"」。

 

並加入「toolkit:ListPicker」。

 

2

 

 

「ItemTemplate」是非全螢幕的列表;而「FullModeItemTemplate」是全螢幕的列表。

 

資料量超過5個,就會起用「FullModeItemTemplate」,而5個以內就是「ItemTemplate」。

 

左邊是「FullModeItemTemplate」,右邊是「ItemTemplate」。

 

3-13-2

 

 

3.自訂 Data Binding的資料類別:

   1: public class DataItem
   2: {
   3:     public string ItemName { get; set; }
   4: }

 

 

 

4.設定資料到ListBox中的ItemsSource屬性:

   1: private void DynamicBinding()
   2: {
   3:    
   4:    List<DataItem> tSource = new List<DataItem>();
   5:    for (int i = 0; i < 5; i++)
   6:    {
   7:        tSource.Add(new DataItem { ItemName = i.ToString() });
   8:    }
   9:    Listpicker.ItemsSource = tSource;
  10: }

 

 

 

整個程式碼

4

 

References

Windows Phone 7 - ListBox學習心得 - 自訂ItemTemplate與處理多資料lag問題

[WP7] 使用 Control Toolki 的 ListPicker 與 DatePicker

Windows Phone 開發 - ListPicker 列表擷取器

 

 

 

 

 

若有觀念錯誤、內容錯誤,勞請告知。 謝謝。

若要轉載請註明出處,謝謝。