为什么WP7 ListPicker具有与TextBox不同的边距和高度

Question

我的WP7应用程序中有一个页面，由ListPicker旁边的TextBox组成。 在默认模式下，它们没有正确对齐; ListPicker与TextBox有不同的填充，其高度也不同。

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
    <StackPanel Orientation="Horizontal">
        <TextBox HorizontalAlignment="Left" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top"/> 
        <toolkit:ListPicker Width="170" ItemsSource="{Binding l}" Style="{StaticResource ListPickerStyle1}" VerticalAlignment="Top"/>
    </StackPanel>
</Grid>

手动调整ListPicker的模板以适应这里是非常棘手且容易出错的。 例如，调整其高度时，标题（即所选项目的文本）不再位于组件的中心。

我的应用程序目前无法通过MS应用程序审核，因为组件的高度不同。

我有一个简单的方法来设置toolkit:ListPicker与TextBox具有相同的外观吗？

Answer 1

最简单的解决方案是获取默认样式的副本，并使用Blend进行调整，使其完全符合您的要求。 这将需要一些试验和错误来解决。

然后，您可以使用隐式样式规则将其应用于所有ListPickers而无需在每个实例上显式设置样式：

<Style x:Key="MyListPickerStyle
       TargetType="toolkit:ListPicker>
    .... your tweaks here
</Style>

<Style TargetType="toolkit:ListPicker"
       BasedOn="{StaticResource MyListPickerStyle}" />

当然可能更容易调整TextBox样式:)