WP8 应用程序上的 listpicker WPtoolkit答案

【问题标题】：listpicker WPtoolkit on WP8 applicationWP8 应用程序上的 listpicker WPtoolkit
【发布时间】：2014-06-17 19:29:46
【问题描述】：

我正在开发一个小型 WP8 应用程序我有一个 xaml 页面，我需要在其中使用组合框/列表选择器。我已经安装了 Windows Phone 工具包 nuget 包，现在我正在使用 ListPicker

<toolkit:ListPicker Grid.Column="0">
  <toolkit:ListPickerItem Content="toto2" />
  <toolkit:ListPickerItem Content="toto1" />
  <toolkit:ListPickerItem Content="toto3" />
  <toolkit:ListPickerItem Content="toto4" />
  <toolkit:ListPickerItem Content="toto5" />
  <toolkit:ListPickerItem Content="toto6" />
  <toolkit:ListPickerItem Content="toto7" />
  <toolkit:ListPickerItem Content="toto2" />
</toolkit:ListPicker>

问题是：

我可以看到我的列表选择器的列表，但它的行为不像 wpf ComboBox (here is exactlly what I am seing) 我只能第一个元素，当我点击它时，它不会显示列表的其余部分。这可能很容易，但我可以在这里使用一些帮助。

有人知道我做错了什么吗？

【问题讨论】：

标签： windows-phone-8

【解决方案1】：

只是一个疯狂的猜测......

这不是因为你有重复的项目

<toolkit:ListPickerItem Content="toto2" />

列表的顶部和底部？

【讨论】：

【解决方案2】：

我有一个非常相似的问题，我希望我的解决方案能有所帮助。在我的示例中，数据绑定到 page contructor 中的 ListPicker。

BloodTypesLp.ItemsSource = ApplicationState.BloodTypes; // blood types is of type String []

xaml 代码：

<toolkit:ListPicker Grid.Row="1"
         x:Name="BloodTypesLp" 
         BorderBrush="DarkGray"
         HorizontalAlignment="Stretch"
         BorderThickness="3"
         Margin="25,0,25,0"
         SelectionChanged="bloodTypesLP_SelectionChanged"
         ExpansionMode="ExpansionAllowed"
         Foreground="Black"
         FontSize="30">
    <toolkit:ListPicker.FullModeItemTemplate>
        <DataTemplate x:Name="LPDataTemplate">
            <TextBlock Text="{Binding}" FontSize="40"/>
        </DataTemplate>
    </toolkit:ListPicker.FullModeItemTemplate>
</toolkit:ListPicker>

<toolkit:ListPicker.FullModeItemTemplate> 用于描述当 ListPicker 被点击并展开时会发生什么。

最终结果：

当你 tap 列表选择器时：

【讨论】：

我尝试了以下方法：

【解决方案3】：

我使用 system.String 而不是 ListPickerItem 并且效果更好：

    <toolkit:ListPicker Header="Background">
        <sys:String>dark</sys:String>
        <sys:String>light</sys:String>
        <sys:String>dazzle</sys:String>
    </toolkit:ListPicker>

【讨论】：