[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;//动态绑定列表项