[Winodows Phone 7控制項詳解]Silverlight toolkit for Windows Phone 7.1控制項-7

8.ListPicker

當點中這個控制項時，會彈出一個列表來，這個列表有兩種，一種是簡單的像下拉式清單方塊那樣的，還有一種是Full Mode的，會彈出一個完整頁面的列表來。

1. 簡單列表：

            <toolkit:ListPicker  Height="215" HorizontalAlignment="Left" Margin="86,67,0,0" Name="listPicker1" VerticalAlignment="Top" Width="283">                <sys:String>Red</sys:String>                <sys:String>Green</sys:String>                <sys:String>Blue</sys:String>            </toolkit:ListPicker>

SelectionChanged:用來響應列表選中的項。

2. Full Mode:

            <toolkit:ListPicker ItemsSource="{Binding}" Height="139" HorizontalAlignment="Left" Margin="6,256,0,0" Name="listPicker2" VerticalAlignment="Top" Width="444" Header="Test2" FullModeHeader="Colors" >                <toolkit:ListPicker.ItemTemplate><!--顯示-->                    <DataTemplate>                        <StackPanel Orientation="Horizontal">                            <Rectangle  Fill="{Binding }"  Width="30" Height="30"/>                            <TextBlock Text="{Binding}" Margin="12 0 0 0"/>                        </StackPanel>                    </DataTemplate>                </toolkit:ListPicker.ItemTemplate>                <toolkit:ListPicker.FullModeItemTemplate><!-- FullMode Item Template-->                    <DataTemplate>                        <StackPanel Orientation="Horizontal">                            <Rectangle  Fill="{Binding }"  Width="60" Height="60"/>                            <TextBlock Text="{Binding}" Margin="12 0 0 0"/>                        </StackPanel>                    </DataTemplate>                </toolkit:ListPicker.FullModeItemTemplate>            </toolkit:ListPicker>

FullModeHeader:給Full Mode列表加標題名

ItemsSource:綁定要顯示在列表中的內容

綁定顯示內容的方法有兩種：

a. ItemsSource="{Binding}"//在xaml中綁定，這時一定要把要綁定的列表傳給系統的 DataContext = AccentColors;

b. listPicker2.ItemsSource = AccentColors;//動態繫結資料行表項