当我将我的设备主题切换为light时,我很难让我ListPicker
看起来正确。从下面的屏幕截图中可以看出,深色主题看起来不错,但浅色主题看起来透明。
开始:
扩展为深色主题:
用浅色主题扩展:
这个问题看起来很有希望,但它似乎只适用于FullScreenMode
. 另外,在答案链接到的这篇文章中,描述了更新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
属性只会更改未展开视图的背景颜色。