如何设置工具包样式:wp8中的ListPicker完整模式

时间:2014-03-28 05:50:14

标签: c# windows-phone-8

我在使用listpicker的完整模式时遇到问题。我希望它应该完全覆盖页面,但我看到左边的边距和完整模式的上边缘。

<toolkit:ListPicker Header="SELECT TRANSLATION" x:Name="lspTranslationLang"
SelectedItem="{Binding Name, Mode=TwoWay}" SelectionChanged="lspTranslationLang_SelectionChanged">
<toolkit:ListPicker.HeaderTemplate>
  <DataTemplate>
   <StackPanel>
     <TextBlock FontWeight="Bold" Foreground="Black" Text="Select Translation"></TextBlock>
   </StackPanel>
  </DataTemplate>
  </toolkit:ListPicker.HeaderTemplate>
  <toolkit:ListPicker.ItemTemplate>
  <DataTemplate>
   <StackPanel>
    <TextBlock FontSize="30" Text="{Binding Language}" />
   </StackPanel>
  </DataTemplate>
  </toolkit:ListPicker.ItemTemplate>
  <toolkit:ListPicker.FullModeItemTemplate>
  <DataTemplate>
    Grid Margin="0">
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto"></RowDefinition>
      <RowDefinition Height="*"></RowDefinition>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="Auto"></ColumnDefinition>
      <ColumnDefinition Width="*"></ColumnDefinition>
    </Grid.ColumnDefinitions>
    <Image Grid.Row="0" Margin="10,0,0,0" Width="30" Height="30" Grid.Column="0" Source="{Binding ImagePath}" ></Image>
    <TextBlock Grid.Row="0" Padding="10,0,10,0" Grid.Column="1" Text="{Binding Language}" FontSize="30"/>
    <TextBlock Grid.Row="1" Padding="10,0,10,0" Grid.Column="1" Text="{Binding Description}" FontSize="30"/>

    <Line X1="0" X2="480" Y1="0" Y2="0" Grid.Row="1" Grid.ColumnSpan="2" VerticalAlignment="Bottom" StrokeThickness="1" Stroke="LightGray" />
  </Grid>
  </DataTemplate>
  </toolkit:ListPicker.FullModeItemTemplate>
</toolkit:ListPicker>

如何更改listpicker完整模式的样式?

2 个答案:

答案 0 :(得分:0)

查看本教程,从geekchamp自定义列表选择器。

Customizing list picker

更改完整模式属性的数据模板。并使用表达式混合设置边距。这是一个很好的定制编辑器。

答案 1 :(得分:0)

您必须添加以下属性

ExpansionMode="FullScreenOnly"