Xaml Windows Phone Toolkit ListPicker背景为白色

Xaml Windows Phone Toolkit ListPicker背景为白色,xaml,windows-phone-8,Xaml,Windows Phone 8,我有一个WindowsPhone8应用程序。我的应用程序使用工具箱中的ListPicker。我的应用程序看起来很好。但是,当我展开ListPicker时,背景是白色的。我无法阅读任何项目的文本。当ListPicker折叠时,我可以很好地读取所选项目的文本。这是我的密码: <Grid x:Name="myGrid" Background="Black" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"> <Gr

我有一个WindowsPhone8应用程序。我的应用程序使用工具箱中的ListPicker。我的应用程序看起来很好。但是,当我展开ListPicker时,背景是白色的。我无法阅读任何项目的文本。当ListPicker折叠时,我可以很好地读取所选项目的文本。这是我的密码:

<Grid x:Name="myGrid" Background="Black" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
  <Grid.RowDefinitions>
    <RowDefinition Height="Auto" />                    
    <RowDefinition Height="*" />
  </Grid.RowDefinitions>

  <Grid.RenderTransform>
    <TranslateTransform x:Name="myGridTransform" />
  </Grid.RenderTransform>

  <Grid Background="Silver" VerticalAlignment="Stretch">
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>

    <TextBlock Text="app name" Margin="24,6,0,0" Grid.Column="1" Grid.Row="0" Grid.ColumnSpan="2" HorizontalAlignment="Left" Style="{StaticResource PhoneTextSmallStyle}" />
    <TextBlock Text="PAGE" Margin="24,0,0,6" Grid.Column="1" Grid.Row="1" Grid.ColumnSpan="2" HorizontalAlignment="Left" Style="{StaticResource PhoneTextLargeStyle}" />
  </Grid>

  <ScrollViewer Grid.Row="1" Margin="8,0,8,0">
    <Grid>
      <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
      </Grid.RowDefinitions>

      <TextBlock HorizontalAlignment="Left" Grid.Row="0" TextWrapping="Wrap" Text="Group" VerticalAlignment="Top" Style="{StaticResource PhoneTextGroupHeaderStyle}" Margin="12,12,12,0" />
      <TextBlock HorizontalAlignment="Left" Grid.Row="1" TextWrapping="Wrap" Text="label" VerticalAlignment="Top" Style="{StaticResource PhoneTextLargeStyle}"/>
      <toolkit:ListPicker x:Name="myListPicker" Grid.Row="2" Margin="12,-6,12,-2" Background="Transparent" Loaded="myListPicker_Loaded">
        <toolkit:ListPicker.Items>
          <toolkit:ListPickerItem Tag="1" Content="Option 1" />
          <toolkit:ListPickerItem Tag="2" Content="Option 2" />
        </toolkit:ListPicker.Items>
      </toolkit:ListPicker>
      <TextBlock HorizontalAlignment="Left" Grid.Row="3" Margin="12,0,12,8" TextWrapping="Wrap" Text="other details." VerticalAlignment="Top" Style="{StaticResource PhoneTextSmallStyle}" />
    </Grid>
  </ScrollViewer>
</Grid>


我做错了什么?

我认为这是因为您的设备或模拟器处于灯光主题下


尝试更新扩展的可视状态背景,而不是使用属性内容,将ListPickerItem的文本添加到标记本身usinf中。像这样:

<toolkit:ListPicker x:Name="myListPicker">
    <sys:String>Option 1</sys:String>
    <sys:String>Option 2</sys:String>
</toolkit:ListPicker>

选择1
选择2

我在
列表框
中遇到了这个问题,在那里,随着
列表框
高度的增加,背景会变黑。问题在于父容器。不知何故,
Grid
的子对象在上下文超过特定高度时不遵守背景色。尝试将
Grid
替换为
StackPanel
作为父容器,并将每个子容器的背景色设置为所需的颜色。应该可以工作。

这可能是由工具箱的错误引起的。它可以通过将ListPicker的ItemsSource绑定到ObservableCollection来解决