WP7列表框中TextBlock的文本对齐答案

【问题标题】：Text aligning of TextBlock in listbox in WP7WP7列表框中TextBlock的文本对齐
【发布时间】：2012-03-06 01:14:35
【问题描述】：

我在对齐列表框中的文本时遇到问题。我基本上是在尝试创建类似于 iOS 中的 uitableview 的列表框。

在下面的代码中，左边的 TextBlock 是按照我想要的方式设置的，但我无法让正确的 TextBlock 表现得像我想要的那样。现在文本是右对齐的，因此当文本太长而无法在屏幕上显示时，它会在开头截断文本，只显示文本的结尾。我想要发生的是让 TextBlock 右对齐，以便从右侧延伸，但如果左对齐，则在其中的文本显示文本的开头并切断文本的结尾。

<phone:PhoneApplicationPage.Resources>
    <Style x:Key="ListBoxItemStretchContentStyle" TargetType="ListBoxItem">
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
    </Style>
</phone:PhoneApplicationPage.Resources>


<ListBox Height="327" Margin="8,274,0,0" Name="myListBox" Width="442" ItemContainerStyle="{StaticResource ListBoxItemStretchContentStyle}">
            <ListBox.ItemTemplate>
                <DataTemplate>
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <TextBlock Grid.Column="0" Text="Title Text" HorizontalAlignment="Left" Name="cellTitle" />
                            <TextBlock Grid.Column="1" Text="This is some text that is too long to fit on the screen" HorizontalAlignment="Right" TextAlignment="Left" Padding="20,0,0,0" />
                    </Grid>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

【问题讨论】：

标签： windows-phone-7 listbox textblock

【解决方案1】：

TextTrimming 在这里可能会有所帮助。设置TextWrapping="NoWrap" 后，您可以尝试TextTrimming="WordEllipsis"。然后尝试，修改TextAlignment。

希望对您有所帮助。

【讨论】：

【解决方案2】：

如果我理解正确，您可以设置文本块的 maxwidth 参数以防止它重叠吗？

MaxWidth=""

【讨论】：

如果左侧 TextBlock 宽度始终相同但在我的应用程序中它们都不同，这将起作用。有没有办法从 ListBox 宽度中减去左侧 TextBlock 的宽度以获得右侧 TextBlock 的大小？