首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 媒体动画 > CAD教程 >

WP7 silverlight toolkit 学习之ListPicker施用

2012-08-14 
WP7 silverlight toolkit 学习之ListPicker应用案例一:xaml:toolkit:ListPicker Height320???????????

WP7 silverlight toolkit 学习之ListPicker应用

案例一:xaml:

<toolkit:ListPicker Height="320"
??????????????????????????????? HorizontalAlignment="Left"
??????????????????????????????? Margin="48,46,0,0"
??????????????????????????????? Name="listPicker1"
??????????????????????????????? VerticalAlignment="Top"
??????????????????????????????? Width="320"
??????????????????????????????? Header="Text1"??????????????????????????????
???????????????????????????????? SelectionChanged="listPicker1_SelectionChanged">???????????????
??????????????? <sys:String>Red</sys:String>
??????????????? <sys:String>Blue</sys:String>
??????????????? <sys:String>Old</sys:String>
??????????? </toolkit:ListPicker>

第一个案例很简单,就是拖进来,然后添加了几个项,当然你也可以在cs add添加,

用这个要注意的是,当数量超过5个的时候,就全屏的模式。有一个属性ItemCountThreshold,设置它的值可以改变这个规则,当ItemCountThreshold="2"时,list中的内容超过2个时,就会以全屏模式显示。如果你的内容比较多,高度设高点,不然就看不到了。SelectedIndex,用来规定当前显示的为所选择List中的第几个,从0开始。

而且要自己手动添加一个命名空间 xmlns:sys="clr-namespace:System;assembly=mscorlib"

案例二:xaml:

<toolkit:ListPicker
??????????????? Height="100"
??????????????? HorizontalAlignment="Left"
??????????????? Margin="48,254,0,0"
??????????????? Name="listPicker2"
??????????????? VerticalAlignment="Top"
??????????????? Width="320"
??????????????? ItemsSource="{Binding}"
??????????????? FullModeHeader="Colors"
??????????????? >
??????????????? <toolkit:ListPicker.ItemTemplate>
??????????????????? <DataTemplate>
??????????????????????? <StackPanel Orientation="Horizontal">
??????????????????????????? <Rectangle Fill="{Binding}" Width="24" Height="24"/>
??????????????????????????? <TextBlock Text="{Binding}" Margin="12 0 0 0"/>
??????????????????????? </StackPanel>???????????????????????????????????????????????
??????????????????? </DataTemplate>
??????????????? </toolkit:ListPicker.ItemTemplate>
??????????????? <toolkit:ListPicker.FullModeItemTemplate>
??????????????????? <DataTemplate>
??????????????????????? <StackPanel Orientation="Horizontal" Margin="16 21 0 20">
??????????????????????????? <Rectangle Fill="{Binding}" Width="50" Height="50"/>
??????????????????????????? <TextBlock Text="{Binding}" Margin="12 10 0 0"/>
??????????????????????? </StackPanel>
??????????????????? </DataTemplate>
??????????????? </toolkit:ListPicker.FullModeItemTemplate>
??????????? </toolkit:ListPicker>

第二个是用绑定的方式赋值,一定要设置ItemsSource的值,FullModeHeader也会提示要设置的。这里是绑定一个值,当然你也可以绑定不同的值,比如同时绑定name,sex等等,<toolkit:ListPicker.ItemTemplate>这个列表框看到的内容,<toolkit:ListPicker.FullModeItemTemplate>
这个是你点击后弹出展开的内容模板。

cs:

static readonly string[] AccentColors = { "purple", "blue", "park", "teal", "red", "dark" };?????

在构造函数中添加this.listPicker2.DataContext=AccentColors;

?

-------------------------------

这两种方式都是有选中改变事件的。listPicker有两种模式:1.简单列表框2.Full mode 完整页面的列表

热点排行