ListPicker背景展開後+燈光主題

Question

我在將我的設備主題切換爲燈光時遇到問題，我的ListPicker看起來很正常。正如你在下面的截圖中看到的，它看起來很好用黑暗主題，但它看起來透明與光主題。

開始：

與黑暗的主題展開：

光主題展開：

This question似乎很有希望，但它似乎只適用於FullScreenMode。此外，在this article，答案鏈接到，描述更新Expanded視覺狀態，這似乎並不存在，當我在Blend中打開我的頁面並編輯模板的副本。這是我的XAML，這是非常簡單的：

<Grid x:Name="OptionsGrid" Grid.Row="1"> 
    <Grid.RowDefinitions> 
     <RowDefinition Height=".05*" /> 
     <RowDefinition Height=".15*" /> 
     <RowDefinition Height=".05*" /> 
     <RowDefinition Height=".15*" /> 
     <RowDefinition Height=".13*" /> 
     <RowDefinition Height=".15*" /> 
     <RowDefinition Height=".15*" /> 
    </Grid.RowDefinitions> 

    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width=".15*" /> 
     <ColumnDefinition Width=".1*" /> 
     <ColumnDefinition Width=".40*" /> 
     <ColumnDefinition Width=".1*" /> 
     <ColumnDefinition Width=".15*" /> 
    </Grid.ColumnDefinitions> 

    <TextBlock Text="Test 1: " FontSize="20" Grid.Row="0" Grid.Column="1" Grid.ColumnSpan="3" /> 

    <toolkit:ListPicker x:Name="lpTest1" Grid.Row="1" Grid.RowSpan="4" Grid.Column="1" Grid.ColumnSpan="3"> 
     <toolkit:ListPicker.Items> 
     <toolkit:ListPickerItem Content="Value 1"/> 
     <toolkit:ListPickerItem Content="Value 2"/> 
     <toolkit:ListPickerItem Content="Value 3"/> 
     <toolkit:ListPickerItem Content="Value 4"/> 
     </toolkit:ListPicker.Items> 
    </toolkit:ListPicker> 

    <TextBlock Text="Test 2: " FontSize="20" Grid.Row="2" Grid.Column="1" Grid.ColumnSpan="3"/> 

    <toolkit:ListPicker x:Name="lpTest2" Grid.Row="3" Grid.RowSpan="4" Grid.Column="1" Grid.ColumnSpan="3"> 
     <toolkit:ListPicker.Items> 
     <toolkit:ListPickerItem Content="Value 5" /> 
     <toolkit:ListPickerItem Content="Value 6" /> 
     <toolkit:ListPickerItem Content="Value 7" /> 
     <toolkit:ListPickerItem Content="Value 8" /> 
     </toolkit:ListPicker.Items> 
    </toolkit:ListPicker> 
</Grid> 

而且，在代碼隱藏，我已經展開時得到這個代碼，迫使頂部ListPicker是在底部一頂：

lpTest1.SetValue(Canvas.ZIndexProperty, 2); 
lpTest2.SetValue(Canvas.ZIndexProperty, 1); 

有沒有辦法解決我在上面遇到的背景顏色問題？更改Background屬性只會更改未展開視圖的背景顏色。

Answer 1

使用StackPanel而不是Grid控件，並在其他控件上指定Margin以設置它們之間的間距。

事情是這樣的：

<StackPanel> 
    <TextBlock Text="Test 1: " FontSize="20" Margin="12,0" /> 

    <toolkit:ListPicker x:Name="lpTest1" Margin="12,0"> 
     <toolkit:ListPicker.Items> 
     <toolkit:ListPickerItem Content="Value 1"/> 
     <toolkit:ListPickerItem Content="Value 2"/> 
     <toolkit:ListPickerItem Content="Value 3"/> 
     <toolkit:ListPickerItem Content="Value 4"/> 
     </toolkit:ListPicker.Items> 
    </toolkit:ListPicker> 

    <TextBlock Text="Test 2: " Margin="12,0" /> 

    <toolkit:ListPicker x:Name="lpTest2" Margin="12,0"> 
     <toolkit:ListPicker.Items> 
     <toolkit:ListPickerItem Content="Value 5" /> 
     <toolkit:ListPickerItem Content="Value 6" /> 
     <toolkit:ListPickerItem Content="Value 7" /> 
     <toolkit:ListPickerItem Content="Value 8" /> 
     </toolkit:ListPicker.Items> 
    </toolkit:ListPicker> 
</StackPanel>