在堆栈面板中对齐文本垂直和水平中心？

Question

我正在尝试在 Listview 中的堆栈面板中垂直和水平居中对齐文本块，但我只能使文本垂直居中而不是水平居中。另外，文本没有被换行。这是我尝试过的代码：

 <ListBox Name="lstTiles" Margin="12,0,-12,0" Grid.Row="1" SelectionChanged="lstTiles_SelectionChanged">
        <ListBox.ItemsPanel>
            <ItemsPanelTemplate>
                <toolkit:WrapPanel/>
            </ItemsPanelTemplate>
        </ListBox.ItemsPanel>
        <ListBox.ItemTemplate>
            <DataTemplate>
                <StackPanel Background="{StaticResource PhoneAccentBrush}" Width="145" Height="80" Margin="8,8,0,0" Orientation="Vertical" >
                    <TextBlock Text="{Binding Name}" Tag="{Binding ID}" Style="{StaticResource PhoneTextNormalStyle}" FontSize="15" TextWrapping="Wrap" TextAlignment="Center" />
                </StackPanel>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

如何实现文本垂直、水平和文本换行？

Answer 1

看起来由于您将 StackPanel 的方向设置为水平，因此您将文本块彼此相邻而不是彼此重叠。由于 StackPanel 元素采用其子元素的大小，因此您可以将其可视化为水平的、并排的文本块列表。由于每个文本块都采用其中文本的大小，因此您将看到宽度不同的块，因此水平居中不会产生任何影响。

您可以使用边距（很痛苦）来实现相等的宽度。我不推荐这个。

您还可以在堆栈面板中放置设置宽度的网格，并将文本块放在网格上。您也许可以设置文本块的宽度以获得正确的效果，但我目前无法对此进行测试，我不记得它是否会导致文本拉伸。

对于文本换行，我假设您是在文本块中讨论的，这很简单 - 只需将文本块的 TextWrapping 属性设置为 Wrap。

尝试在列表框项上设置 Horizo​​ntalContentAlignment 和 VerticalContentAlignment 属性。我现在没有我的开发计算机，所以我无法进行实验，但这里有一个帖子可能会对您有所帮助：Silverlight 3: ListBox DataTemplate HorizontalAlignment。查看前两个答案，看看哪一个对您的情况最有帮助，当然，用 center 代替 left、top 或 stretch。