Listpicker 文本向右对齐答案

【问题标题】：Listpicker text-alignment to the rightListpicker 文本向右对齐
【发布时间】：2014-01-29 12:33:21
【问题描述】：

我有以下列表选择器

<toolkit:ListPicker  ItemsSource="{Binding title}" Name="titlePicker" ExpansionMode="ExpansionAllowed" Grid.Row="1" Margin="0,-50,50,0" Background="White" Foreground="#FFDA3434"  Canvas.ZIndex="10"  HorizontalAlignment="Right" FontSize="20" Grid.RowSpan="2"/>

包含 3 个项目，我希望它们正确对齐，但由于某种原因我找不到对齐文本的选项，我错过了什么？

【问题讨论】：

标签： windows-phone-8 windows-phone listpicker

【解决方案1】：

您应该在 ListPickerItemTemplate 中执行此操作。将模板添加到页面资源（或应用资源）

<phone:PhoneApplicationPage.Resources>
  <DataTemplate x:Name="ListPickerItemTemplate">
     <StackPanel Orientation="Horizontal">
        <TextBlock HorizontalAlignment="Right" Text="{Binding ItemName}"/>
       </StackPanel>
    </DataTemplate>
    <DataTemplate x:Name="ListPickerFullModeItemTemplate">
        <StackPanel Orientation="Horizontal">
            <TextBlock HorizontalAlignment="Right" Text="{Binding ItemName}"/>
        </StackPanel>
    </DataTemplate>
</phone:PhoneApplicationPage.Resources>

并将模板分配给选择器：

<toolkit:ListPicker  
   ItemTemplate="{StaticResource ListPickerItemTemplate}" 
   FullModeItemTemplate="{StaticResource ListPickerFullModeItemTemplate}" 
...

【讨论】：

我正在使用 ItemsSource="{Binding title}" 这是一个 List 对象，我会在您的代码上的这些字段 Text="{Binding ItemName}" 中设置什么？
使用Text="{Binding}"。
嗯，项目显示了，但它们仍然向左对齐：\ oi59.tinypic.com/2ms1u11.jpg 像这样
添加背景颜色，我认为您的项目没有正确对齐的大小。您也应该为项目添加一些宽度。这里the same problem 描述。
哦，除了宽度之外，我还必须在 DataTemplate 内的 texblocks 上添加 TextAlignment="Right"，它现在可以工作了，谢谢